feat: 更新依赖版本，优化路由组件，重构文件预览和订单面板，添加市场组件

src/views/trade-tokenized/index.vue

@@ -1,19 +1,22 @@
 <script lang='ts' setup>
-import type { TradableData } from "@/api/types";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
+import { client, safeClient } from "@/api";
 import { TradeTypeEnum } from "@/api/enum";
 import About from "./components/about.vue";
 import Base from "./components/base.vue";
+import Market from "./components/market.vue";
 
 const props = defineProps<{
-  data: TradableData;
+  id: string;
 }>();
 
+const { data } = safeClient(client.api.rwa.tokenization.tradable_products({ id: props.id }).get());
+
 const { t } = useI18n();
 const router = useRouter();
 
 function gotoTrade(mode: TradeTypeEnum) {
-  router.push(`/layout/trade?mode=${mode}&symbol=${props.data.asset?.tradingPairsAsBase[0].symbol}`);
+  router.push(`/layout/trade?mode=${mode}&symbol=${data.value?.asset?.tradingPairsAsBase[0].symbol}`);
 }
 </script>
 
@@ -50,6 +53,9 @@ function gotoTrade(mode: TradeTypeEnum) {
       </div>
 
       <ui-tabs size="small" class="my-3">
+        <ui-tab-pane name="market" title="行情">
+          <Market :data="data" />
+        </ui-tab-pane>
         <ui-tab-pane name="overview" :title="t('market.tradeRwa.tabs.overview')">
           <Base :data="data" />
         </ui-tab-pane>