feat: 路由参数

apps/web-antd/src/router/access.ts

@@ -85,6 +85,16 @@ async function generateAccess(options: GenerateMenuAndRoutesOptions) {
         path: menu.path,
       };
 
+      // 添加路由参数信息
+      if (menu.query) {
+        try {
+          const query = JSON.parse(menu.query);
+          vbenRoute.meta && (vbenRoute.meta.query = query);
+        } catch {
+          console.error('错误的路由参数类型, 必须为[json]格式');
+        }
+      }
+
       /**
        * 处理不同组件
        */

apps/web-antd/src/views/system/menu/data.tsx

@@ -325,11 +325,10 @@ export const drawerSchema: FormSchemaGetter = () => [
   },
   {
     component: 'Input',
-    componentProps: () => ({
+    componentProps: (model) => ({
       // 为链接时组件disabled
-      // disabled: model.isFrame === '0',
-      placeholder: '暂未实现功能',
-      disabled: true,
+      disabled: model.isFrame === '0',
+      placeholder: '必须为json字符串格式',
     }),
     dependencies: {
       // 类型为菜单时显示

apps/web-antd/src/views/演示使用自行删除/query/index.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+
+import { JsonPreview, Page } from '@vben/common-ui';
+
+const route = useRoute();
+const query = route.query;
+</script>
+
+<template>
+  <Page>
+    <div class="bg-background rounded-lg p-4">
+      <span>当前参数:</span>
+      <JsonPreview :data="query" />
+    </div>
+  </Page>
+</template>