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

src/views/trade/components/orders-panel.vue

@@ -7,10 +7,12 @@ import { orderStatusMap } from "../config";
 type Item = Treaty.Data<typeof client.api.spot_order.list.get>["orders"][number];
 type TabType = "current" | "history";
 
+const props = defineProps<{ symbol: string }>();
+
 const activeTab = ref<TabType>("current");
 const [DefineTemplate, ReuseTemplate] = createReusableTemplate<{ item: Item }>();
 
-const { data } = await safeClient(client.api.spot_order.list.get());
+const { data } = await safeClient(client.api.spot_order.list.get({ query: { symbol: props.symbol } }));
 const currentOrders = computed(() =>
   data.value?.orders.filter(order => order.status !== "filled" && order.status !== "cancelled") || [],
 );

src/views/trade/index.vue

@@ -146,7 +146,7 @@ async function handleSubmit() {
       </div>
 
       <div class="mt-6 px-4 pb-4">
-        <OrdersPanel />
+        <OrdersPanel :symbol="form.symbol" />
       </div>
     </ion-content>
   </ion-page>