v5.0.0

5.0.0 (2024-02-26)

全面ESM版本

✔️ refactor

• 升级vite至v5版本，规定node版本>18.18.0，pnpm版本>=8.6.10
• 使用 vite-plugin-fake-server 替换 vite-plugin-mock，使用 @faker-js/faker 替换 mockjs
• 重命名tailwind.config.js为tailwind.config.ts并更新其文件为esm语法
• 更新.prettierrc.js文件为esm语法
• 更新postcss.config.js文件为esm语法
• 更新commitlint.config.js文件为esm语法
• 使用eslint.config.js替换.eslintrc.js并遵循esm语法
• 升级stylelint至16版本并遵循esm语法
• 所有search搜索图标统一替换为@iconify-icons/ri/search-line它比较常用将其放入全局离线图标中
• 移除iframe在暗模式下的滤镜效果
• 带来更美观精致的首页
• 更干净整洁的项目配置右侧弹出面板
• 重构关于页面，整体更紧致，关键信息更突出

🎫 Feat

• 添加系统管理-菜单管理
• 完善系统管理-用户管理
• 内嵌iframe页支持设置keepAlive，保持页面状态
• 优化导航，弹出的菜单超出内容区自适应且可滚动
• 添加文件上传示例
• 添加整体风格自适应操作系统浅色、深色、自动主题功能
• 添加页脚
• 支持多标签页打开已经登录的系统后无需再登录并添加内免登录功能（用户可选择免登录的天数）
• 带来高级感的终端命令行
• 添加音频可视化功能示例
• 添加视频帧截取-WebAssembly版，支持MP4、MOV、AVI、WebM、MKV等主流格式
• 添加阻止键盘F12、浏览器默认右键菜单、页面元素选中、图片默认可拖动方法
• 二次封装localforage支持设置过期时间，提供完整的类型提示
• 添加AnimateCss选择器组件ReAnimateSelector
• 添加ReText组件，支持自动省略显示Tooltip功能, 支持多行省略, 高可复用性
• 添加艺术画板功能，比如可以用来绘制一些设计思想架构图
• 新增组件-可选按钮示例
• 添加常用按钮示例
• 添加颜色选择器组件示例
• 添加日期选择器组件示例
• 添加日期时间选择器示例
• 添加时间选择(器)示例
• 添加统计组件示例
• 添加标签组件示例
• 添加折叠面板组件示例
• 添加进度条组件示例
• 升级Swiper 11
• 添加 vite-plugin-router-warn 插件，根治非必要的vue-router动态路由警告No match found for location with path

🐞 Bug fixes

• 修复query路由传参模式下，点击标签页进行切换操作时会触发两次router跳转问题
• 修复卡片标签页模式下，通过query路由传参时，离开激活的标签后仍存在card-active属性，导致鼠标hover时字体颜色未改变
• 修复src/layout/components/appMain.vue文件中同名词读取解析错误
• 修复内嵌页面frameView在隐藏标签页后高度没有自适应
• 修复路由meta.transition.name配置无效的问题
• 修复点击iframe页面无法关闭右键标签页面板以及在iframe页面时右键标签页面板被遮挡的问题
• 修复在路由query、params模式下点击面包屑跳转页面少参问题

🍏 Perf

• 优化主题色
• 标签页可按滑动力度进行左右滑动
• 接口命名规则统一为kebab-case串式命名法
• el-form的label和全局的label样式保持一致
• VITE_PUBLIC_PATH默认还原为 / 对VITE_ROUTER_HISTORY为h5模式更友好
• 优化transformI18n函数，国际化支持无限嵌套级别（当然平台还是推荐嵌套层级越少越好）
• 页面初始化时先加载pinia再加载router，兼容更多使用场景
• 优化请求白名单的判断逻辑
• 左侧菜单导航样式调整，优化有无logo时pc端和移动端不同的展示方式
• 升级代码规范风格相关库至最新
• 优化登录页loading判断
• 优化IconSelect图标选择器组件，提升用户体验
• 优化分段控制器组件，添加v-model支持
• 优化平台logo获取方式
• 升级@pureadmin/theme，带来了更友好的esm支持
• 优化build/info.ts文件中的一些函数，使其友好支持esm
• 优化PureTableBar组件的列设置弹出框，设置最大高度，超出可滚动
• 优化函数式弹框组件ReDialog保留关闭动画
• 对中文路径做测试，删除sass-loader依赖
• 打包后的代码改为默认原生支持 ES2015 的浏览器
• 删除会自动安装的stylelint插件依赖
• 增强useRenderIcon使用本地svg的方式
• 优化左侧菜单最左下角的展开、折叠按钮在亮白主题配色下的样式
• 优化所有el-empty的description内容。图标选择器内容为空时加上el-empty
• 左侧菜单折叠后的tooltip主题与整体菜单保持统一
• 更新svgo命令为svgo -f . -r（压缩当前目录下的所有SVG文件）
• 优化项目构建相关函数
• 增强ReTypeit组件，支持插槽以及所有typeit配置项
• 优化国际化相关处理逻辑，初始化时添加缓存以避免不必要的性能消耗