通用管理后台组件库

公共指令 说明： 封装公共指令，v-hasPermission、v-copy、v-debounce、v-throttle 效果如图： 1.权限指令v-hasPermission 2.防抖指令v-deb

表单组件 说明：表单组件的二次封装，使用schema表单配置的方式实现，记录一下。 效果如图： 1.类型文件types.d.ts 2.工具处理函数useForm.ts 3.表单组件VForm.vue

高级表格组件 说明：el-table的二次封装，实现自适应高度、列和行拖拽。 1.实现效果 2.封装的表格VTable.vue 列组件VTableColumn.vue 行拖拽图标组件DragIcon.

表格组件 说明：el-table的二次封装，使用scheme配置的方式设置表格字段。 1.实现效果，与el-table一致 2.类型文件types.d.ts 3.el-table-column 封装

登录组件 说明：登录不使用默认布局，须在definePage中配置layout指定的布局。 1.实现效果 2.登录使用布局 single-page.vue 3.登录组件login.vue

头部组件 说明：包含主题设置、中英文转换、黑暗和明亮模式、全屏、账号信息头像。 1.实现效果 2.主题设置 src/components/Themes/ThemeSettings.vue 类型文件：t

菜单组件 说明：实现一个可配置的菜单组件。 实现效果： 1.类型文件type.d.ts、手动生成菜单项索引文件useMenu.ts (1)类型文件type.d.ts (2)useMenu.ts 2.主

消息组件开发 包括：消息组件和消息弹窗组件开发。 实现效果： 1.消息组件 Notification.vue 2.消息弹窗组件 （1）消息弹窗内容组件NoticeMessageList.vue （2）

i18n国际化集成 说明：使用vue-i18n库实现系统国际化，结合@intlify/unplugin-vue-i18n插件实现预加载（开发中国际化显示），同时集成elementplus中en和zh-

1. 暗黑模式组件 说明：使用elementplus暗黑模式集成，给html添加dark样式，同时也可使用vueuse中的usePreferredDark方法，根据系统设备模式设置自动切换暗黑模式。

Icon组件集成 常用插件：@iconify/vue & @iconify/json、vite-plugin-svg-icons、unplugin-icons 常用图标库：iconfont、iconi