feat: add vue3(element-plus)

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

@@ -0,0 +1,89 @@
+import { reactive } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { required } from '@/utils/formRules'
+import { DICT_TYPE } from '@/utils/dict'
+import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
+// 国际化
+const { t } = useI18n()
+// 表单校验
+export const rules = reactive({
+  name: [required],
+  code: [required],
+  sort: [required]
+})
+// CrudSchema
+const crudSchemas = reactive<CrudSchema[]>([
+  {
+    label: t('common.index'),
+    field: 'id',
+    type: 'index',
+    form: {
+      show: false
+    },
+    detail: {
+      show: false
+    }
+  },
+  {
+    label: '角色名称',
+    field: 'name',
+    search: {
+      show: true
+    }
+  },
+  {
+    label: '角色类型',
+    field: 'type',
+    dictType: DICT_TYPE.SYSTEM_ROLE_TYPE
+  },
+  {
+    label: '角色标识',
+    field: 'code',
+    search: {
+      show: true
+    }
+  },
+  {
+    label: '显示顺序',
+    field: 'sort',
+    form: {
+      component: 'InputNumber',
+      value: 0
+    }
+  },
+  {
+    label: t('common.status'),
+    field: 'status',
+    dictType: DICT_TYPE.COMMON_STATUS,
+    search: {
+      show: true
+    }
+  },
+  {
+    label: t('common.createTime'),
+    field: 'createTime',
+    form: {
+      show: false
+    },
+    search: {
+      show: true,
+      component: 'DatePicker',
+      componentProps: {
+        type: 'daterange',
+        valueFormat: 'YYYY-MM-DD'
+      }
+    }
+  },
+  {
+    field: 'action',
+    width: '450px',
+    label: t('table.action'),
+    form: {
+      show: false
+    },
+    detail: {
+      show: false
+    }
+  }
+])
+export const { allSchemas } = useCrudSchemas(crudSchemas)