The sample usage for Vue3+Vite+TailwindCSS/DaisyUI project.

App部分采用uniapp，参考uniapp-sample.

.env文件是公共环境变量，.env.dev开发环境，.env.pro生产环境。（自定义环境可以在vite build --mode指定）

• VITE_ROUTE_BASE_URL: 用于router的前缀。
• VITE_ROUTE_MODE: 路由模式设置（history/hash）
• VITE_ASSETS_BASE_URL: 静态资源引入的前缀，同vite的base。
• VITE_OSS_PREFIX: 使用oss的文件存储和获取时的前缀地址。
• VITE_REQUEST_BASE_URL: 默认的后端api前缀
• VITE_APP_NAME:
• VITE_TITLE: 标题
• VITE_TITLE_APP
• VITE_TITLE_SIMPLE: 用于后台菜单顶部缩进时的标题

• 默认设置了request请求的前缀
• RequestConfig.errShowFunc 重载函数，错误信息展示
• RequestConfig.errDataHandleFunc 重载函数，错误信息拦截处理
• RequestConfig.defaultContentType 默认请求的body content type，控制是form还是json
• RequestConfig.defaultCode: 默认的api响应码

• routeBaseBefore: 路由前的拦截
• routeBaseAfter: 路由后的拦截
• RouteInterceptorConfig.checkUserLogin: 校验用户登录

将一组route指定为menu信息，menu是专用于后台管理界面的菜单。

因为menu结构信息是和router信息绑定的，所以二级菜单所属的一级菜单也会存在于router中，只是这个route没有component

定义于RouteMetaKey：

• authFunc：访问权限判断函数，return bool。在路由拦截时执行
• authDisable： 禁用登录拦截。在路由拦截时执行
• menu：bool，只用于主路由的meta，表示此主路由将用于menu数据（注：以下的key都是作用于主路由内的子路由）。menu相关
• menuIcon：图标name，应用于KitIcon组件。menu相关
• menuTitle：string，在main.vue中使用。menu相关
• menuBelong：string，一级菜单的name，用于标识此为二级菜单。menu相关
• menuEx：bool, 表改路由信息不纳入menu。menu相关

• configKit: 对env配置的装载和处理
• currentRoute: 当前路由信息
• errorMsgChannel: 当前错误信息
• globalMessage: 全局信息（原想用在全局信息提醒）
• userInfo: 用户信息

对echarts option的一些封装

应用element的v-loading，对请求转圈的封装。

对搜索框的数据逻辑封装。

用了 vite-plugin-svg-icons，雪碧图技术，方便通过一个组件统一导入svg，同时可以动态的通过变更参数来变化图标。

vite-svg-loader: 这个是每个svg单独导入，有些场景不太灵活。

• lib/plugin/vite-add-icon, vite接入组件，默认图标目录：src/assets/icons
• kit-icon.js 注册雪碧图

滚动标题

基于tinymce6

汉化包需要下载后放在public/tinymce中。 汉化包下载

配置文档

配置文档-plugins

配置文档-toolbar列表

• lib/assets/icons 只是为了公用的svg，使用时需要复制到src中

可以在index.css中的设置css变量来定制化控制。

• vueuse
• lodash

• element: Message/MessageBox单独使用时，style未自动导入; 已经全局导入style
• bug：form的validate在初始打开时，会提示error msg
• 考虑到tailwind会覆盖其他element ui？在index.css之后引入了element.css。vant也同样问题。

• 关于element auto import style引起的错误：因为在plugin/webkit中需要导入index.css，防止被tailwindcss的style覆盖，所以自动导入中取消了导入style。没有解决只是避免。
• 因为项目是js的，el是ts的，所以官网上有些导入会报错，比如zhCn