feat: 更新 API 依赖版本，添加代币化产品相关组件和路由

src/views/market/index.vue

@@ -1,61 +1,19 @@
 <script setup lang="ts">
-import type { InfiniteScrollCustomEvent, RefresherCustomEvent } from "@ionic/vue";
-import type { AvailableSubscriptionBody, RwaData } from "@/api/types";
-import { client, safeClient } from "@/api";
-import Category from "./components/category.vue";
-import RwaList from "./components/rwa-list.vue";
+import type { RefresherCustomEvent } from "@ionic/vue";
+import RwaTab from "./components/rwa-tab.vue";
+import TokenizedTab from "./components/tokenized-tab.vue";
 
 const { t } = useI18n();
+const rwaInst = useTemplateRef<InstanceType<typeof RwaTab>>("rwaInst");
+const tokenizedInst = useTemplateRef<InstanceType<typeof TokenizedTab>>("tokenizedInst");
 
-const [query] = useResetRef<AvailableSubscriptionBody>({
-  limit: 20,
-  offset: 0,
-  categoryId: "",
-});
-const rwaData = ref<RwaData[]>([]);
-const isFinished = ref(false);
-
-async function fetchRwaData() {
-  const { data } = await safeClient(() => client.api.rwa.subscription.available_editions.get({
-    query: query.value,
-  }));
-  rwaData.value.push(...(data.value?.data || []));
-  isFinished.value = (data.value?.data.length || 0) < query.value.limit!;
-}
-function resetRwaData() {
-  query.value.offset = 0;
-  rwaData.value = [];
-  isFinished.value = false;
-}
 async function handleRefresh(event: RefresherCustomEvent) {
-  resetRwaData();
-  await fetchRwaData();
+  await rwaInst.value?.handleRefresh();
+  await tokenizedInst.value?.handleRefresh();
   setTimeout(() => {
     event.target.complete();
   }, 500);
 }
-
-async function handleInfinite(event: InfiniteScrollCustomEvent) {
-  if (isFinished.value) {
-    event.target.complete();
-    event.target.disabled = true;
-    return;
-  }
-  query.value.offset! += query.value.limit!;
-  await fetchRwaData();
-  setTimeout(() => {
-    event.target.complete();
-  }, 500);
-}
-
-watch(() => query.value.categoryId, async () => {
-  resetRwaData();
-  await fetchRwaData();
-});
-
-onBeforeMount(() => {
-  fetchRwaData();
-});
 </script>
 
 <template>
@@ -74,19 +32,13 @@ onBeforeMount(() => {
       </ion-refresher>
 
       <ui-tabs type="segment" class="tabs" size="small">
-        <ui-tab-pane name="all" title="数字化产品">
-          <Category v-model="query!.categoryId" />
-          <RwaList :data="rwaData" />
+        <ui-tab-pane name="rwa" title="数字化产品">
+          <RwaTab ref="rwaInst" />
+        </ui-tab-pane>
+        <ui-tab-pane name="tokenized" title="代币化产品">
+          <TokenizedTab ref="tokenizedInst" />
         </ui-tab-pane>
-        <ui-tab-pane name="stocks" title="代币化产品" />
       </ui-tabs>
-
-      <ion-infinite-scroll threshold="100px" @ion-infinite="handleInfinite">
-        <ion-infinite-scroll-content
-          loading-spinner="bubbles"
-          :loading-text="t('market.loading.loadingMore')"
-        />
-      </ion-infinite-scroll>
     </IonContent>
   </IonPage>
 </template>