通用管理后台组件库

图表组件和富文本组件 1.实现效果 2.图表组件Charts.vue demo文件charts.vue 3.富文本组件 类型文件types.d.ts 封装的组件Editor.vue demo组件edi

页签组件 说明：实现头部页签相关功能，包括关闭、右键刷新/关闭右侧/关闭其他。 1.实现效果 2.页签组件HeaderTabs.vue 3.tab状态存放在store中，tabs.ts 4.在默认布局

面包屑导航 说明：实现基础面包屑导航。 1.实现效果 2.面包屑组件 3.布局的Header.vue中引用

公共指令 说明： 封装公共指令，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