🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端)
MIT License
Bot releases are hidden (Show)
permissions
字段进行判断)ReDialog
添加点击确认按钮后是否开启loading
加载动画功能PureTableBar
组件添加全屏和退出全屏功能VxeTableBar
组件添加全屏和退出全屏功能ReDialog
组件的确定按钮提供关闭按钮动画closeLoading
功能vite-plugin-vue-inspector
插件,提升开发体验vite-plugin-checker
插件,更严格的类型和eslint
校验fixedTag
为false
后当前标签页不可关闭的问题logo
不可隐藏的问题element-plus
最新版兼容处理Published by xiaoxian521 5 months ago
Published by xiaoxian521 5 months ago
pnpm
至v9
版本,规定pnpm
版本>=9
ReSegmented
组件Published by xiaoxian521 5 months ago
文档站和完整版预览站地址更换!
layout
文件命名规范,更易读ReVxeTableBar
搭配vxe-table
使用FixedHeader
为false
时,背景色为白色的问题ReDialog
点击取消按钮,延时关闭无效问题Published by xiaoxian521 6 months ago
disabled
ReDialog
添加Popconfirm
气泡确认框pure-table
添加headerSlot
自定义表头插槽用法示例fixedTag
属性,作用为当前菜单名称是否固定显示在标签页且不可关闭eslint9
,相关兼容处理MaxTagsLevel
属性,可设置打开标签页最大数RePureTableBar
组件,列无法正常拖动问题token
接口时,refreshToken
参数为空的问题store
文件中导出和导入用法cloc
工具依赖包,它使用GPL
开源许可证具有争议性src/utils/http
文件中post
和get
工具函数的类型Published by xiaoxian521 7 months ago
MQTT
示例docx
、excel
文件预览示例ReSegmented
分段控制器新增size
属性,可设置三种尺寸RePureTableBar
组件搭配pure-admin-table
支持表头国际化切换Published by xiaoxian521 7 months ago
v-ripple
指令(水波纹效果)Stretch
配置,可自定义紧凑页面,轻松找到所需信息ElTour
实现的漫游式引导pure-admin-table
可编辑表格示例(整体编辑、单行编辑、单元格编辑)ReSegmented
组件新增block
属性,可使其适合父元素宽度JSON
格式配置生成(基础表单、弹框表单、抽屉表单、分步表单、搜索表单)windwos
下点击注册页面会出现滚动条问题windows
下页面切换,内容区会出现滚动条问题pure-table
带状态表格在深色整体风格下状态样式消失的问题Published by xiaoxian521 8 months ago
UI
,点击关闭按钮更方便a
标签右键的所有浏览器行为(在新标签页中、新窗口中打开链接,拖拽到新标签页打开等)windows
系统下登录页出现滚动条的问题Published by xiaoxian521 8 months ago
全面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
配置项Published by xiaoxian521 over 1 year ago
ReCropper
组件,添加更多实用功能tp
或 tupian
等对应拼音即可V4.4.0
版本,页面开启 keepAlive
缓存后第一次加载并未缓存页面的问题RePureTableBar
组件初始化时列设置勾选项未根据 hide
属性正确初始化VITE_PUBLIC_PATH
默认改为 ./
兼容更多路径场景,VITE_PUBLIC_PATH
为 url
的 OSS
场景,需将 @pureadmin/theme
升级至最新版Published by xiaoxian521 over 1 year ago
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
自定义指令,从测试后的表现来看性能会更好Published by xiaoxian521 over 1 year ago
docker
支持updateDialog
更改弹框自身属性值方法wangeditor
富文本添加多个富文本和自定义图片上传示例pure-table
表格高级用法添加保留已选中的 CheckBox
选项示例RePureTableBar
组件添加 title
插槽1s
延时禁用的问题getTopMenu()
函数获取不到 path
报错的问题RePureTableBar
关闭列设置后在 windows
出现滚动条的问题vscode
代码片段dataThemeChange
主题设置的初始化调用时机Published by xiaoxian521 over 1 year ago
demo
Exclusive
类型互斥语法糖template
模版中路由写法,不再使用 $route
和 $router
,此写法 vue-tsc
编译不通过Published by xiaoxian521 over 1 year ago
Form
的 demo
示例element-plus
的 el-col
组件beforeCancel
和 beforeSure
回调,可暂停弹框的关闭系统管理-部门管理
页面PureTableBar
组件,列展示添加拖拽功能keepAlive
后点击标签页的重新加载,页面缓存还存在的问题vue3.3+
以及删除 unplugin-vue-define-options
插件Published by xiaoxian521 over 1 year ago
css
伪类 before
写法重构菜单的激活背景,类似于 ant.design-menu
demo
示例,使用更便捷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
以及相关配置至最新,强化样式校验Published by xiaoxian521 almost 2 years ago
path.posix.resolve
替代 path.resolve
避免 windows
环境下使用 electron
出现盘符问题CachingAsyncRoutes
动态路由缓存本地,使其在开发环境下调试更方便,不用每次修改动态路由都要先清空本地缓存的动态路由,更推荐在生产环境开启Published by xiaoxian521 almost 2 years ago
vite4
版本tailwind.css
错误的引入方式导致 vite
的 hmr
慢的问题Published by xiaoxian521 almost 2 years ago
lodash
和其相关库@pureadmin/table
表格动态列示例rank
问题rank
,当 rank
不存在时,根据顺序自动创建,首页路由永远在第一位Published by xiaoxian521 almost 2 years ago
vxe-table
,移除后,完整版整体打包大小减少 1.82MB
,首启动时长基本和精简版持平 🐮@pureadmin/table
表格选择器(单选、多选)示例Published by xiaoxian521 almost 2 years ago
@pureadmin/table
分页和加载动画示例CachingAsyncRoutes
后,存入本地存储的动态路由改变造成刷新页面空白的问题Tooltip
显示异常13
个请求loading
动画,优化用户体验onBeforeMount
里,避免初始化页面闪烁