feat: add vue3(element-plus)

yudao-ui-admin-vue3/src/views/system/menu/menu.data.ts

@@ -0,0 +1,166 @@
+import { reactive } from 'vue'
+import { required } from '@/utils/formRules'
+import { useI18n } from '@/hooks/web/useI18n'
+// 国际化
+const { t } = useI18n()
+// 修改
+export const modelSchema = reactive<FormSchema[]>([
+  {
+    label: '上级菜单',
+    field: 'parentId',
+    component: 'Input',
+    formItemProps: {
+      rules: [required]
+    }
+  },
+  {
+    label: '菜单类型',
+    field: 'type',
+    component: 'RadioButton',
+    formItemProps: {
+      rules: [required]
+    },
+    componentProps: {
+      options: [
+        {
+          label: '目录',
+          value: 1
+        },
+        {
+          label: '菜单',
+          value: 2
+        },
+        {
+          label: '按钮',
+          value: 3
+        }
+      ]
+    }
+  },
+  {
+    label: '菜单图标',
+    field: 'icon',
+    component: 'Input',
+    formItemProps: {
+      rules: [required]
+    }
+  },
+  {
+    label: '菜单名称',
+    field: 'name',
+    component: 'Input',
+    formItemProps: {
+      rules: [required]
+    }
+  },
+  {
+    label: '显示排序',
+    field: 'sort',
+    component: 'Input'
+  },
+  {
+    label: '路由地址',
+    field: 'path',
+    component: 'Input',
+    labelMessage: '访问的路由地址，如：`user`。如需外网地址时，则以 `http(s)://` 开头'
+  },
+  {
+    label: '组件路径',
+    field: 'component',
+    component: 'Input'
+  },
+  {
+    label: '权限标识',
+    field: 'permission',
+    component: 'Input',
+    labelMessage:
+      'Controller 方法上的权限字符，如：@PreAuthorize(`@ss.hasPermission(`system:user:list`)`)'
+  },
+  {
+    label: t('common.status'),
+    field: 'status',
+    component: 'RadioButton',
+    value: 0,
+    formItemProps: {
+      rules: [required]
+    },
+    componentProps: {
+      options: [
+        {
+          label: '开启',
+          value: 0
+        },
+        {
+          label: '关闭',
+          value: 1
+        }
+      ]
+    },
+    labelMessage: '选择停用时，路由将不会出现在侧边栏，也不能被访问'
+  },
+  {
+    label: '是否显示',
+    field: 'visible',
+    component: 'RadioButton',
+    value: 0,
+    formItemProps: {
+      rules: [required]
+    },
+    componentProps: {
+      options: [
+        {
+          label: '显示',
+          value: 0
+        },
+        {
+          label: '隐藏',
+          value: 1
+        }
+      ]
+    },
+    labelMessage: '选择隐藏时，路由将不会出现在侧边栏，但仍然可以访问'
+  },
+  {
+    label: '是否缓存',
+    field: 'keepAlive',
+    component: 'RadioButton',
+    value: 0,
+    componentProps: {
+      options: [
+        {
+          label: '缓存',
+          value: 0
+        },
+        {
+          label: '不缓存',
+          value: 1
+        }
+      ]
+    },
+    labelMessage: '选择缓存时，则会被 `keep-alive` 缓存，需要匹配组件的 `name` 和路由地址保持一致'
+  }
+])
+// 列表
+export const columns = reactive<TableColumn[]>([
+  {
+    label: '菜单名称',
+    field: 'name'
+  },
+  {
+    label: '权限标识',
+    field: 'permission',
+    component: 'Input',
+    formItemProps: {
+      rules: [required]
+    }
+  },
+  {
+    label: '排序',
+    field: 'sort'
+  },
+  {
+    label: t('table.action'),
+    field: 'action',
+    width: '180px'
+  }
+])