v-ripple
指令(水波纹效果)Stretch
配置,可自定义紧凑页面,轻松找到所需信息ElTour
实现的漫游式引导pure-admin-table
可编辑表格示例(整体编辑、单行编辑、单元格编辑)ReSegmented
组件新增block
属性,可使其适合父元素宽度JSON
格式配置生成(基础表单、弹框表单、抽屉表单、分步表单、搜索表单)windwos
下点击注册页面会出现滚动条问题windows
下页面切换,内容区会出现滚动条问题pure-table
带状态表格在深色整体风格下状态样式消失的问题UI
,点击关闭按钮更方便a
标签右键的所有浏览器行为(在新标签页中、新窗口中打开链接,拖拽到新标签页打开等)windows
系统下登录页出现滚动条的问题全面ESM
版本
vite
至v5
版本,规定node
版本>18.18.0
,pnpm
版本>=8.6.10
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
在暗模式下的滤镜效果iframe
页支持设置keepAlive
,保持页面状态WebAssembly
版,支持MP4
、MOV
、AVI
、WebM
、MKV
等主流格式F12
、浏览器默认右键菜单、页面元素选中、图片默认可拖动方法localforage
支持设置过期时间,提供完整的类型提示AnimateCss
选择器组件ReAnimateSelector
ReText
组件,支持自动省略显示Tooltip
功能, 支持多行省略, 高可复用性Swiper 11
vue-router
动态路由警告No match found for location with path
query
路由传参模式下,点击标签页进行切换操作时会触发两次router
跳转问题query
路由传参时,离开激活的标签后仍存在card-active
属性,导致鼠标hover
时字体颜色未改变src/layout/components/appMain.vue
文件中同名词读取解析错误frameView
在隐藏标签页后高度没有自适应meta.transition.name
配置无效的问题iframe
页面无法关闭右键标签页面板以及在iframe
页面时右键标签页面板被遮挡的问题query
、params
模式下点击面包屑跳转页面少参问题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
依赖stylelint
插件依赖useRenderIcon
使用本地svg
的方式el-empty
的description
内容。图标选择器内容为空时加上el-empty
tooltip
主题与整体菜单保持统一svgo
命令为svgo -f . -r
(压缩当前目录下的所有SVG
文件)ReTypeit
组件,支持插槽以及所有typeit
配置项ReCropper
组件,添加更多实用功能tp
或 tupian
等对应拼音即可V4.4.0
版本,页面开启 keepAlive
缓存后第一次加载并未缓存页面的问题RePureTableBar
组件初始化时列设置勾选项未根据 hide
属性正确初始化VITE_PUBLIC_PATH
默认改为 ./
兼容更多路径场景,VITE_PUBLIC_PATH
为 url
的 OSS
场景,需将 @pureadmin/theme
升级至最新版meta
添加 activePath
属性,可将某个菜单激活(主要用于通过 query
或 params
传参的路由,当它们通过配置 showLink: false
后不在菜单中显示,就不会有任何菜单高亮,而通过设置 activePath
指定激活菜单即可获得高亮,activePath
为指定激活菜单的 path
查看详情)pure-admin-table
高级用法添加自适应内容区高度示例notice
消息提示组件空数据时添加 el-empty
组件prop
为 primitive
类型的示例vscode-docker
插件3-4
倍 查看优化详情@pureadmin/table
升级到最新版vueuse
的 useResizeObserver
函数替换 v-resize
自定义指令,从测试后的表现来看性能会更好docker
支持updateDialog
更改弹框自身属性值方法wangeditor
富文本添加多个富文本和自定义图片上传示例pure-table
表格高级用法添加保留已选中的 CheckBox
选项示例RePureTableBar
组件添加 title
插槽1s
延时禁用的问题getTopMenu()
函数获取不到 path
报错的问题RePureTableBar
关闭列设置后在 windows
出现滚动条的问题vscode
代码片段dataThemeChange
主题设置的初始化调用时机demo
Exclusive
类型互斥语法糖template
模版中路由写法,不再使用 $route
和 $router
,此写法 vue-tsc
编译不通过Form
的 demo
示例element-plus
的 el-col
组件beforeCancel
和 beforeSure
回调,可暂停弹框的关闭系统管理-部门管理
页面PureTableBar
组件,列展示添加拖拽功能keepAlive
后点击标签页的重新加载,页面缓存还存在的问题vue3.3+
以及删除 unplugin-vue-define-options
插件css
伪类 before
写法重构菜单的激活背景,类似于 ant.design-menudemo
示例,使用更便捷PureTableBar
组件添加列展示功能echarts
图表未自适应容器Theme
为 light
清空缓存重新登录主题配置不生效的问题ESC
退出全屏后,工具栏按钮文案展示问题tooltip
点击穿透问题horizontal
导航模式时文字不展示的问题tab
关闭其他标签页无法重置状态问题getHistoryMode
函数中环境变量未初始化带来的页面热更新报错tab
过多导致关闭左侧标签页无法正常显示showLink:false
页面并刷新后,左侧导航栏一直处于加载状态的问题initRouter
函数导致左侧导航内存溢出问题query
或 params
传参,开启缓存后关闭标签页缓存失效问题params
路由传参模式下,面包屑无法找到父级路径问题RePureTableBar
组件的 buttons
具名插槽logo
图和文字布局以及统一配置showLink
设置成 false
后,当前路由信息不添加到标签页addPathMatch
函数pinia
中所有 getters
改为官方推荐写法,this
改成 state
可自动推导类型pure-table
的 api
sourcemap-codec
和 stable
依赖包的 deprecation
警告tsconfig.json
文件中移除 "incremental": true
stylelint
以及相关配置至最新,强化样式校验path.posix.resolve
替代 path.resolve
避免 windows
环境下使用 electron
出现盘符问题CachingAsyncRoutes
动态路由缓存本地,使其在开发环境下调试更方便,不用每次修改动态路由都要先清空本地缓存的动态路由,更推荐在生产环境开启vite4
版本tailwind.css
错误的引入方式导致 vite
的 hmr
慢的问题lodash
和其相关库
点击此处查看为什么移除?如何自行集成?@pureadmin/table
表格动态列示例rank
问题rank
,当 rank
不存在时,根据顺序自动创建,首页路由永远在第一位vxe-table
,移除后,完整版整体打包大小减少 1.82MB
,首启动时长基本和精简版持平 🐮
点击此处查看为什么移除?如何自行集成?@pureadmin/table
表格选择器(单选、多选)示例@pureadmin/table
分页和加载动画示例CachingAsyncRoutes
后,存入本地存储的动态路由改变造成刷新页面空白的问题Tooltip
显示异常13
个请求loading
动画,优化用户体验onBeforeMount
里,避免初始化页面闪烁element-plus
的 el-dialog
、el-drawer
、el-message-box
、el-notification
组件右上角关闭图标的样式,使其表现更鲜明 具体代码修改记录CachingAsyncRoutes
是否开启动态路由缓存本地的全局配置,默认 true
TooltipEffect
全局配置,可配置平台主体所有 el-tooltip
的 effect
属性,默认 light
,不影响业务代码Tooltip
文字提示演示initRouter
方法,兼容 sso
场景3.9.0
之前版本,首屏请求减少 71
个,首屏加载资源减少 4.1 MB
unplugin-vue-define-options
替换 unplugin-vue-macros
,打包速度提升数倍,使用 unplugin-vue-macros
以性能中等偏上的 mac
为例完整版打包时长为 6
分钟 😭,使用 unplugin-vue-define-options
替换后,相同电脑下打包时长为 50
秒 ☺️message
消息提示函数,兼容 Element Plus
和 Ant Design
两种 Message
样式风格,使用和打包大小成本极低并适配暗黑模式,真香 😂@vue/runtime-core
,兼容所有 element-plus
组件的 volar
提示@pureadmin/components
并采用兼容写法,平台打包大小在未启用压缩前对比优化前减少 0.4
MB , 首屏请求减少 2.3
MB 的资源,这对于 精简版 来说是非常大的优化,精简版已经同步代码@pureadmin/table
多种数据格式(深层结构)示例@pureadmin/table
图像预览示例@pureadmin/table
行、列拖拽示例@pureadmin/table
右键菜单示例@pureadmin/table
导出 Excel
示例@pureadmin/table
修改单元格示例@pureadmin/table
水印示例@pureadmin/table
打印示例@pureadmin/table
内嵌 echarts
图表示例svgo
压缩平台所有 svg
文件,减少体积vite
依赖预构建在平台里的配置,页面切换加载速度显著加快intro.js
替换 driver.js
element-plus
的 table 示例保持一致MenuArrowIconNoTransition
全局配置,在 public/platform-config.json
中配置即可,对于出现左侧菜单模式,菜单展开卡顿的可设置 MenuArrowIconNoTransition: true
即可解决$baseUrl
global is not defined
报错,将 src/utils/globalPolyfills.ts
文件引入 src/main.ts
即可解决@vitejs/plugin-legacy
,vue3
无法通过任何工具使其支持 ie
icon
支持使用在线图标vxe-button
鼠标覆盖后字体颜色问题以及一些别的样式问题baseURL
和全局环境代理删除,可直接在 vite.config.ts
编写,即方便又支持多个代理地址demo
tailwindcss
最新版新增的 collapse
属性与平台 class
类名冲突token
过期后,如果页面有多个请求会重复刷新 token
@/
别名替换/@/
别名cdn
替换本地库配置,默认false
不启动gzip
与brotli
压缩模式title
过长显示样式问题name
不应和子级name
重复,会造成重定向跳转404
问题axios
至最新版demo
demo
json
编辑器demo
RBAC
(Role-Based Access List): 基于角色的权限控制( 用户 -> 角色 -> 权限 ),并更新页面权限和按钮权限demo
示例,按钮权限支持三种操作模式(组件方式判断权限、函数方式判断权限、指令方式判断权限)horizontal
模式下menu
在生产环境显示问题mix
混合模式导航在生产环境左侧菜单一定机率不显示的问题token
过期后调用刷新token
接口会无限循环的问题tailwind.css
中移除不常用的@apply
/** */
替换//
注释,对编辑器的智能提示更友好cssnano
,打包时压缩 css
体积element-plus
无缝滚动 Table
页面 demovscode
括号对指南tailwindcss
替换 unocss
,新增 tailwindcss
使用文档token
过期,刷新死循环process
is not defined in pathchildren
为空数组时报错iframe
加载失败query
、params
方式刷新页面不需要再开启标签页缓存也能保留参数在url
和标签页
上)element-plus
的 Table
二次封装到@pureadmin/table,提供灵活的配置项并集成到平台里element-plus
的 Descriptions
二次封装到@pureadmin/descriptions,提供灵活的配置项并集成到平台里hooks
都集中到@pureadmin/utils,并删除集中到这个库里的代码,减少平台体积defineOptions({name: 自定义名称})
PDF
预览页面 demoexcel
页面 demoLayout
的空白页面 demoelement-plus
暗黑模式(同时也解决了 3.3.0
及更低版本中同样的元素 css
被多次覆盖,导致样式不好调试的问题)showlink
为 false
的异步路由,刷新后不显示icon
时,垂直导航菜单折叠后文字被隐藏PPT
demowangeditorV5
(并支持国际化和自定义主题)tauri
版本element-plus
中的Cascader
级联选择器编写中国省市区三级、二级联动 demoSwiper
插件component
,代表组件路径unocss
替换windicss
,unocss
开发环境下性能更好,没有内存泄露,而且api
使用上兼容windicss
split-pane
组件样式i18n
字段,平台自动读取根目录locales
文件夹下文件进行国际化匹配layout
显示用户信息commitelement-plus
时间线组件element-plus
树组件,支持连接线rank
排序,兼容路由meta
中rank
字段值为null
的情况lodash-unified
替换lodash-es
,lodash-unified
支持ESM
同时兼容CJS
pnpm report
iconify
按需引入图标,优化图标大小,减少网络请求showLink: true
,默认显示WindiCSS
支持vite-plugin-remove-console
@iconify-icons/ep
替换@element-plus/icons-vue
responsive-configure
、responsive-locale
、responsive-layout
、responsive-tags
,分别为基本配置、国际化配置、布局配置、标签页持久化配置