feat: 更新 @riwa/api-types 依赖版本，添加市场订单页面及相关组件

src/router/index.ts

@@ -219,6 +219,11 @@ const routes: Array<RouteRecordRaw> = [
       },
     ],
   },
+  {
+    path: "/market/orders",
+    component: () => import("@/views/market/orders.vue"),
+    meta: { requiresAuth: true },
+  },
   {
     path: "/global-menu",
     component: () => import("@/views/global-menu/index.vue"),

src/views/market/components/rwa-orders.vue

@@ -0,0 +1,11 @@
+<script lang='ts' setup>
+import { client, safeClient } from "@/api";
+
+const { data } = safeClient(client.api.rwa.holdings.get());
+</script>
+
+<template>
+  {{ data }}
+</template>
+
+<style lang='css' scoped></style>

src/views/market/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { RefresherCustomEvent } from "@ionic/vue";
+import IconParkOutlineTransactionOrder from "~icons/icon-park-outline/transaction-order";
 import RwaTab from "./components/rwa-tab.vue";
 import TokenizedTab from "./components/tokenized-tab.vue";
 
@@ -17,16 +18,22 @@ async function handleRefresh(event: RefresherCustomEvent) {
 </script>
 
 <template>
-  <IonPage>
-    <IonHeader class="ion-no-border">
+  <ion-page>
+    <ion-header class="ion-no-border">
       <ion-toolbar class="ion-toolbar">
         <ion-title>{{ t('market.title') }}</ion-title>
+        <ion-buttons slot="end">
+          <ion-button router-link="/market/orders">
+            <IconParkOutlineTransactionOrder class="text-md" />
+          </ion-button>
+        </ion-buttons>
       </ion-toolbar>
+
       <!-- <ion-toolbar class="ion-toolbar px-3">
         <ion-searchbar :placeholder="t('market.search.placeholder')" />
       </ion-toolbar> -->
-    </IonHeader>
-    <IonContent :fullscreen="true" class="ion-padding-horizontal">
+    </ion-header>
+    <ion-content :fullscreen="true" class="ion-padding">
       <ion-refresher slot="fixed" @ion-refresh="handleRefresh($event)">
         <ion-refresher-content />
       </ion-refresher>
@@ -39,8 +46,8 @@ async function handleRefresh(event: RefresherCustomEvent) {
           <TokenizedTab ref="tokenizedInst" />
         </ui-tab-pane>
       </ui-tabs>
-    </IonContent>
-  </IonPage>
+    </ion-content>
+  </ion-page>
 </template>
 
 <style lang="css" scoped>

src/views/market/orders.vue

@@ -0,0 +1,24 @@
+<script lang='ts' setup>
+import RwaOrders from "./components/rwa-orders.vue";
+</script>
+
+<template>
+  <ion-page>
+    <ion-header class="ion-no-border">
+      <ion-toolbar class="ion-toolbar">
+        <ui-back-button slot="start" />
+        <ion-title>持仓</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content :fullscreen="true" class="ion-padding">
+      <ui-tabs size="small">
+        <ui-tab-pane title="数字化产品" name="rwa">
+          <RwaOrders />
+        </ui-tab-pane>
+        <ui-tab-pane title="代币化产品" name="tokenized" />
+      </ui-tabs>
+    </ion-content>
+  </ion-page>
+</template>
+
+<style lang='css' scoped></style>