twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into feat-user-settings

Browse Source
This commit is contained in:
xiaoming 2024-04-07 10:39:06 +08:00 committed by GitHub
commit dd09fda703
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
159 changed files with 2697 additions and 1489 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
.github/workflows/linter.yml vendored
View File

@ -13,14 +13,14 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- name: Checkout repository - name: Checkout repository
uses: actions/checkout@v3 uses: actions/checkout@v4
- name: Install Node.js - name: Install Node.js
uses: actions/setup-node@v3 uses: actions/setup-node@v4
with: with:
node-version: 18 node-version: 20
- uses: pnpm/action-setup@v2 - uses: pnpm/action-setup@v3
name: Install pnpm name: Install pnpm
id: pnpm-install id: pnpm-install
with: with:
@ -33,7 +33,7 @@ jobs:
run: | run: |
echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
- uses: actions/cache@v3 - uses: actions/cache@v4
name: Setup pnpm cache name: Setup pnpm cache
with: with:
path: ${{ steps.pnpm-cache.outputs.STORE_PATH }} path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}

2
.nvmrc
View File

@ -1 +1 @@
v20.11.1 v20.12.0

10
.vscode/settings.json vendored
View File

@ -35,5 +35,13 @@
"i18n-ally.sourceLanguage": "en", "i18n-ally.sourceLanguage": "en",
"i18n-ally.displayLanguage": "zh-CN", "i18n-ally.displayLanguage": "zh-CN",
"i18n-ally.enabledFrameworks": ["vue"], "i18n-ally.enabledFrameworks": ["vue"],
"iconify.excludes": ["el"] "iconify.excludes": ["el"],
"vsmqtt.brokerProfiles": [
{
"name": "broker.emqx.io",
"host": "broker.emqx.io/mqtt",
"port": 1883,
"clientId": "vsmqtt_client_db34"
}
]
} }

13
CHANGELOG.en_US.md
View File

@ -1,3 +1,16 @@
# 5.3.0 (2024-03-28)
### ✔️ refactor
- Reconstruct internationalized file naming conventions and demo pages with code location hints
### 🎫 Feat
- Add `MQTT` example
- Added `docx` and `excel` file preview examples
- The `ReSegmented` segmented controller has a new `size` attribute, which can set three sizes
- The `RePureTableBar` component and `pure-admin-table` support international switching of table headers
# 5.2.0 (2024-03-22) # 5.2.0 (2024-03-22)
### ✔️ refactor ### ✔️ refactor

13
CHANGELOG.md
View File

@ -1,3 +1,16 @@
# 5.3.0 (2024-03-28)
### ✔️ refactor
- Reconstruct internationalized file naming conventions and demo pages with code location hints
### 🎫 Feat
- Add `MQTT` example
- Added `docx` and `excel` file preview examples
- The `ReSegmented` segmented controller has a new `size` attribute, which can set three sizes
- The `RePureTableBar` component and `pure-admin-table` support international switching of table headers
# 5.2.0 (2024-03-22) # 5.2.0 (2024-03-22)
### ✔️ refactor ### ✔️ refactor

13
CHANGELOG.zh_CN.md
View File

@ -1,3 +1,16 @@
# 5.3.0 (2024-03-28)
### ✔️ refactor
- 重构国际化文件命名规范以及演示页加上代码位置提示
### 🎫 Feat
- 添加`MQTT`示例
- 添加`docx`、`excel`文件预览示例
- `ReSegmented`分段控制器新增`size`属性，可设置三种尺寸
- `RePureTableBar`组件搭配`pure-admin-table`支持表头国际化切换
# 5.2.0 (2024-03-22) # 5.2.0 (2024-03-22)
### ✔️ refactor ### ✔️ refactor

3
README.en-US.md
View File

@ -26,8 +26,7 @@ The simplified version is based on the shelf extracted from [vue-pure-admin](htt
## Supporting video ## Supporting video
[Click me to view UI design](https://www.bilibili.com/video/BV17g411T7rq) [Click me to view UI design](https://www.bilibili.com/video/BV17g411T7rq)
[Click me to view the rapid development tutorial](https://www.bilibili.com/video/BV1kg411v7QT) [Click me to view the rapid development tutorial](https://www.bilibili.com/video/BV1kg411v7QT)
[Click me to view all pages and function demonstrations of vue-pure-admin](https://www.bilibili.com/video/BV1Rx4y1U7Mv)
## Nanny-level documents ## Nanny-level documents

3
README.md
View File

@ -27,8 +27,7 @@
## 配套视频 ## 配套视频
[点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq) [点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT) [点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
[点我查看 vue-pure-admin 的所有页面、功能演示](https://www.bilibili.com/video/BV1Rx4y1U7Mv)
## 配套保姆级文档 ## 配套保姆级文档

3
build/plugins.ts
View File

@ -24,8 +24,7 @@ export function getPluginsList(
// jsx、tsx语法支持 // jsx、tsx语法支持
vueJsx(), vueJsx(),
VueI18nPlugin({ VueI18nPlugin({
runtimeOnly: true, jitCompilation: false,
compositionOnly: true,
include: [pathResolve("../locales/**")] include: [pathResolve("../locales/**")]
}), }),
viteBuildInfo(), viteBuildInfo(),

356
locales/en.yaml
View File

@ -1,186 +1,178 @@
buttons: buttons:
hsLoginOut: LoginOut pureLoginOut: LoginOut
hsfullscreen: FullScreen pureLogin: Login
hsexitfullscreen: ExitFullscreen pureSystemSet: Open ProjectConfig
hsrefreshRoute: RefreshRoute pureReload: Reload
hslogin: Login pureCloseCurrentTab: Close CurrentTab
hsadd: Add pureCloseLeftTabs: Close LeftTabs
hsmark: Mark/Cancel pureCloseRightTabs: Close RightTabs
hssave: Save pureCloseOtherTabs: Close OtherTabs
hssearch: Search pureCloseAllTabs: Close AllTabs
hsexpendAll: Expand All pureContentFullScreen: Content FullScreen
hscollapseAll: Collapse All pureContentExitFullScreen: Content ExitFullScreen
hssystemSet: Open ProjectConfig
hsdelete: Delete
hsreload: Reload
hscloseCurrentTab: Close CurrentTab
hscloseLeftTabs: Close LeftTabs
hscloseRightTabs: Close RightTabs
hscloseOtherTabs: Close OtherTabs
hscloseAllTabs: Close AllTabs
hswholeFullScreen: FullScreen
hswholeExitFullScreen: ExitFull
hscontentFullScreen: Content FullScreen
hscontentExitFullScreen: Content ExitFullScreen
menus: menus:
hshome: Home pureHome: Home
hslogin: Login pureLogin: Login
hsempty: Empty Page pureEmpty: Empty Page
hstable: Table pureTable: Table
hssysManagement: System Manage pureSysManagement: System Manage
hsUser: User Manage pureUser: User Manage
hsRole: Role Manage pureRole: Role Manage
hsSystemMenu: Menu Manage pureSystemMenu: Menu Manage
hsDept: Dept Manage pureDept: Dept Manage
hssysMonitor: System Monitor pureSysMonitor: System Monitor
hsOnlineUser: Online User pureOnlineUser: Online User
hsLoginLog: Login Log pureLoginLog: Login Log
hsOperationLog: Operation Log pureOperationLog: Operation Log
hsSystemLog: System Log pureSystemLog: System Log
hseditor: Editor pureEditor: Editor
hsabnormal: Abnormal Page pureAbnormal: Abnormal Page
hsfourZeroFour: "404" pureFourZeroFour: "404"
hsfourZeroOne: "403" pureFourZeroOne: "403"
hsFive: "500" pureFive: "500"
hscomponents: Components pureComponents: Components
hsdialog: Dialog pureDialog: Dialog
hsmessage: Message Tips pureMessage: Message Tips
hsvideo: Video pureVideo: Video
hssegmented: Segmented pureSegmented: Segmented
hswaterfall: Waterfall pureWaterfall: Waterfall
hsmap: Map pureMap: Map
hsdraggable: Draggable pureDraggable: Draggable
hssplitPane: Split Pane pureSplitPane: Split Pane
hsText: Text Ellipsis pureText: Text Ellipsis
hsElButton: Button pureElButton: Button
hsbutton: Button Animation pureButton: Button Animation
hsCheckButton: Check Button pureCheckButton: Check Button
hscropping: Picture Cropping pureCropping: Picture Cropping
hsanimatecss: AnimateCss Selector pureAnimatecss: AnimateCss Selector
hscountTo: Digital Animation pureCountTo: Digital Animation
hsselector: Scope Selector pureSelector: Scope Selector
hsflowChart: Flow Chart pureFlowChart: Flow Chart
hsseamless: Seamless Scroll pureSeamless: Seamless Scroll
hscontextmenu: Context Menu pureContextmenu: Context Menu
hstypeit: Typeit pureTypeit: Typeit
hsjsoneditor: JSON Editor pureJsonEditor: JSON Editor
hsColorPicker: Color Picker pureColorPicker: Color Picker
hsDatePicker: Date Picker pureDatePicker: Date Picker
hsDateTimePicker: DateTimePicker pureDateTimePicker: DateTimePicker
hsTimePicker: TimePicker pureTimePicker: TimePicker
hsTag: Tag pureTag: Tag
hsStatistic: Statistic pureStatistic: Statistic
hsCollapse: Collapse pureCollapse: Collapse
hsGanttastic: Gantt Chart pureGanttastic: Gantt Chart
hsProgress: Progress pureProgress: Progress
hsUpload: File Upload pureUpload: File Upload
hsCheckCard: CheckCard pureCheckCard: CheckCard
hsmenus: MultiLevel Menu pureMenus: MultiLevel Menu
hsmenu1: Menu1 pureMenu1: Menu1
hsmenu1-1: Menu1-1 pureMenu1-1: Menu1-1
hsmenu1-2: Menu1-2 pureMenu1-2: Menu1-2
hsmenu1-2-1: Menu1-2-1 pureMenu1-2-1: Menu1-2-1
hsmenu1-2-2: Menu1-2-2 pureMenu1-2-2: Menu1-2-2
hsmenu1-3: Menu1-3 pureMenu1-3: Menu1-3
hsmenu2: Menu2 pureMenu2: Menu2
permission: Permission Manage purePermission: Permission Manage
permissionPage: Page Permission purePermissionPage: Page Permission
permissionButton: Button Permission purePermissionButton: Button Permission
hstabs: Tabs Operate pureTabs: Tabs Operate
hsguide: Guide pureGuide: Guide
hsAble: Able pureAble: Able
hsMenuTree: Menu Tree pureMenuTree: Menu Tree
hsVideoFrame: Video Frame Capture pureVideoFrame: Video Frame Capture
hsWavesurfer: Audio Visualization pureWavesurfer: Audio Visualization
hsRipple: Ripple pureRipple: Ripple
hsOptimize: Debounce、Throttle、Copy、Longpress Directives pureMqtt: Mqtt Client
hsVerify: Captcha pureOptimize: Debounce、Throttle、Copy、Longpress Directives
hsWatermark: Water Mark pureVerify: Captcha
hsPrint: Print pureWatermark: Water Mark
hsDownload: Download purePrint: Print
hsExternalPage: External Page pureDownload: Download
hsExternalDoc: Docs External pureExternalPage: External Page
hsEmbeddedDoc: Docs Embedded pureExternalDoc: Docs External
externalLink: Vue-Pure-Admin pureEmbeddedDoc: Docs Embedded
pureutilsLink: Pure-Admin-Utils pureExternalLink: Vue-Pure-Admin
hsEpDocument: Element-Plus pureUtilsLink: Pure-Admin-Utils
hsTailwindcssDocument: Tailwindcss pureColorHuntDoc: ColorHunt
hsVueDocument: Vue3 pureUiGradients: UiGradients
hsViteDocument: Vite pureEpDoc: Element-Plus
hsPiniaDocument: Pinia pureTailwindcssDoc: Tailwindcss
hsRouterDocument: Vue-Router pureVueDoc: Vue3
hsAbout: About pureViteDoc: Vite
hsResult: Result Page purePiniaDoc: Pinia
hsSuccess: Success Page pureRouterDoc: Vue-Router
hsFail: Fail Page pureAbout: About
hsIconSelect: Icon Select pureResult: Result Page
hsTimeline: Time Line pureSuccess: Success Page
hsLineTree: LineTree pureFail: Fail Page
hsList: List Page pureIconSelect: Icon Select
hsListCard: Card List Page pureTimeline: Time Line
hsDebounce: Debounce & Throttle pureLineTree: LineTree
hsFormDesign: Form Design pureList: List Page
hsBarcode: Barcode pureListCard: Card List Page
hsQrcode: Qrcode pureDebounce: Debounce & Throttle
hsCascader: Area Cascader pureFormDesign: Form Design
hsSwiper: Swiper Plugin pureBarcode: Barcode
hsVirtualList: Virtual List pureQrcode: Qrcode
hsPdf: PDF Preview pureCascader: Area Cascader
hsWord: Word Preview pureSwiper: Swiper Plugin
hsExcels: Excel Preview pureVirtualList: Virtual List
hsExcel: Export Excel purePdf: PDF Preview
hsInfiniteScroll: Table Infinite Scroll pureWord: Word Preview
hsSensitive: Sensitive Filter pureExcels: Excel Preview
hsPinyin: PinYin pureExcel: Export Excel
hsdanmaku: Danmaku pureInfiniteScroll: Table Infinite Scroll
hsSchemaForm: Form pureSensitive: Sensitive Filter
hsPureTableBase: Base Usage purePinyin: PinYin
hsPureTableHigh: High Usage pureDanmaku: Danmaku
hsPureTableEdit: Edit Usage pureSchemaForm: Form
hsVxeTable: Virtual Usage pureTableBase: Base Usage
hsboard: Paint Board pureTableHigh: High Usage
hsMenuoverflow: Menu Overflow Show Tooltip Text pureTableEdit: Edit Usage
hsChildMenuoverflow: Child Menu Overflow Show Tooltip Text pureVxeTable: Virtual Usage
pureBoard: Paint Board
pureMindMap: Mind Map
pureMenuOverflow: Menu Overflow Show Tooltip Text
pureChildMenuOverflow: Child Menu Overflow Show Tooltip Text
status: status:
hsLoad: Loading... pureLoad: Loading...
login: login:
username: Username pureUsername: Username
password: Password purePassword: Password
verifyCode: VerifyCode pureVerifyCode: VerifyCode
remember: days no need to login pureRemember: days no need to login
rememberInfo: After checking and logging in, will automatically log in to the system without entering your username and password within the specified number of days. pureRememberInfo: After checking and logging in, will automatically log in to the system without entering your username and password within the specified number of days.
sure: Sure Password pureSure: Sure Password
forget: Forget Password? pureForget: Forget Password?
login: Login pureLogin: Login
thirdLogin: Third Login pureThirdLogin: Third Login
phoneLogin: Phone Login purePhoneLogin: Phone Login
qRCodeLogin: QRCode Login pureQRCodeLogin: QRCode Login
register: Register pureRegister: Register
weChatLogin: WeChat Login pureWeChatLogin: WeChat Login
alipayLogin: Alipay Login pureAlipayLogin: Alipay Login
qqLogin: QQ Login pureQQLogin: QQ Login
weiboLogin: Weibo Login pureWeiBoLogin: Weibo Login
phone: Phone purePhone: Phone
smsVerifyCode: SMS VerifyCode pureSmsVerifyCode: SMS VerifyCode
back: Back pureBack: Back
test: Mock Test pureTest: Mock Test
tip: After scanning the code, click "Confirm" to complete the login pureTip: After scanning the code, click "Confirm" to complete the login
definite: Definite pureDefinite: Definite
loginSuccess: Login Success pureLoginSuccess: Login Success
registerSuccess: Regist Success pureRegisterSuccess: Regist Success
tickPrivacy: Please tick Privacy Policy pureTickPrivacy: Please tick Privacy Policy
readAccept: I have read it carefully and accept pureReadAccept: I have read it carefully and accept
privacyPolicy: Privacy Policy purePrivacyPolicy: Privacy Policy
getVerifyCode: Get VerifyCode pureGetVerifyCode: Get VerifyCode
info: Seconds pureInfo: Seconds
usernameReg: Please enter username pureUsernameReg: Please enter username
passwordReg: Please enter password purePassWordReg: Please enter password
verifyCodeReg: Please enter verify code pureVerifyCodeReg: Please enter verify code
verifyCodeCorrectReg: Please enter correct verify code pureVerifyCodeCorrectReg: Please enter correct verify code
verifyCodeSixReg: Please enter a 6-digit verify code pureVerifyCodeSixReg: Please enter a 6-digit verify code
phoneReg: Please enter the phone purePhoneReg: Please enter the phone
phoneCorrectReg: Please enter the correct phone number format purePhoneCorrectReg: Please enter the correct phone number format
passwordRuleReg: The password format should be any combination of 8-18 digits purePassWordRuleReg: The password format should be any combination of 8-18 digits
passwordSureReg: Please enter confirm password purePassWordSureReg: Please enter confirm password
passwordDifferentReg: The two passwords do not match! purePassWordDifferentReg: The two passwords do not match!
passwordUpdateReg: Password has been updated purePassWordUpdateReg: Password has been updated

357
locales/zh-CN.yaml
View File

@ -1,187 +1,178 @@
buttons: buttons:
hsUserSettings: 账户设置 pureLoginOut: 退出系统
hsLoginOut: 退出系统 pureLogin: 登录
hsfullscreen: 全屏 pureSystemSet: 打开项目配置
hsexitfullscreen: 退出全屏 pureReload: 重新加载
hsrefreshRoute: 刷新路由 pureCloseCurrentTab: 关闭当前标签页
hslogin: 登录 pureCloseLeftTabs: 关闭左侧标签页
hsadd: 新增 pureCloseRightTabs: 关闭右侧标签页
hsmark: 标记/取消 pureCloseOtherTabs: 关闭其他标签页
hssave: 保存 pureCloseAllTabs: 关闭全部标签页
hssearch: 搜索 pureContentFullScreen: 内容区全屏
hsexpendAll: 全部展开 pureContentExitFullScreen: 内容区退出全屏
hscollapseAll: 全部折叠
hssystemSet: 打开项目配置
hsdelete: 删除
hsreload: 重新加载
hscloseCurrentTab: 关闭当前标签页
hscloseLeftTabs: 关闭左侧标签页
hscloseRightTabs: 关闭右侧标签页
hscloseOtherTabs: 关闭其他标签页
hscloseAllTabs: 关闭全部标签页
hswholeFullScreen: 全屏
hswholeExitFullScreen: 退出全屏
hscontentFullScreen: 内容区全屏
hscontentExitFullScreen: 内容区退出全屏
menus: menus:
hshome: 首页 pureHome: 首页
hslogin: 登录 pureLogin: 登录
hsempty: 无Layout页 pureEmpty: 无Layout页
hstable: 表格 pureTable: 表格
hssysManagement: 系统管理 pureSysManagement: 系统管理
hsUser: 用户管理 pureUser: 用户管理
hsRole: 角色管理 pureRole: 角色管理
hsSystemMenu: 菜单管理 pureSystemMenu: 菜单管理
hsDept: 部门管理 pureDept: 部门管理
hssysMonitor: 系统监控 pureSysMonitor: 系统监控
hsOnlineUser: 在线用户 pureOnlineUser: 在线用户
hsLoginLog: 登录日志 pureLoginLog: 登录日志
hsOperationLog: 操作日志 pureOperationLog: 操作日志
hsSystemLog: 系统日志 pureSystemLog: 系统日志
hseditor: 编辑器 pureEditor: 编辑器
hsabnormal: 异常页面 pureAbnormal: 异常页面
hsfourZeroFour: "404" pureFourZeroFour: "404"
hsfourZeroOne: "403" pureFourZeroOne: "403"
hsFive: "500" pureFive: "500"
hscomponents: 组件 pureComponents: 组件
hsdialog: 函数式弹框 pureDialog: 函数式弹框
hsmessage: 消息提示 pureMessage: 消息提示
hsvideo: 视频 pureVideo: 视频
hssegmented: 分段控制器 pureSegmented: 分段控制器
hswaterfall: 瀑布流无限滚动 pureWaterfall: 瀑布流无限滚动
hsmap: 地图 pureMap: 地图
hsdraggable: 拖拽 pureDraggable: 拖拽
hssplitPane: 切割面板 pureSplitPane: 切割面板
hsText: 文本省略 pureText: 文本省略
hsElButton: 按钮 pureElButton: 按钮
hsCheckButton: 可选按钮 pureCheckButton: 可选按钮
hsbutton: 按钮动效 pureButton: 按钮动效
hscropping: 图片裁剪 pureCropping: 图片裁剪
hsanimatecss: animate.css选择器 pureAnimatecss: animate.css选择器
hscountTo: 数字动画 pureCountTo: 数字动画
hsselector: 范围选择器 pureSelector: 范围选择器
hsflowChart: 流程图 pureFlowChart: 流程图
hsseamless: 无缝滚动 pureSeamless: 无缝滚动
hscontextmenu: 右键菜单 pureContextmenu: 右键菜单
hstypeit: 打字机 pureTypeit: 打字机
hsjsoneditor: JSON编辑器 pureJsonEditor: JSON编辑器
hsColorPicker: 颜色选择器 pureColorPicker: 颜色选择器
hsDatePicker: 日期选择器 pureDatePicker: 日期选择器
hsDateTimePicker: 日期时间选择器 pureDateTimePicker: 日期时间选择器
hsTimePicker: 时间选择器 pureTimePicker: 时间选择器
hsTag: 标签 pureTag: 标签
hsStatistic: 统计组件 pureStatistic: 统计组件
hsCollapse: 折叠面板 pureCollapse: 折叠面板
hsGanttastic: 甘特图 pureGanttastic: 甘特图
hsProgress: 进度条 pureProgress: 进度条
hsUpload: 文件上传 pureUpload: 文件上传
hsCheckCard: 多选卡片 pureCheckCard: 多选卡片
hsmenus: 多级菜单 pureMenus: 多级菜单
hsmenu1: 菜单1 pureMenu1: 菜单1
hsmenu1-1: 菜单1-1 pureMenu1-1: 菜单1-1
hsmenu1-2: 菜单1-2 pureMenu1-2: 菜单1-2
hsmenu1-2-1: 菜单1-2-1 pureMenu1-2-1: 菜单1-2-1
hsmenu1-2-2: 菜单1-2-2 pureMenu1-2-2: 菜单1-2-2
hsmenu1-3: 菜单1-3 pureMenu1-3: 菜单1-3
hsmenu2: 菜单2 pureMenu2: 菜单2
permission: 权限管理 purePermission: 权限管理
permissionPage: 页面权限 purePermissionPage: 页面权限
permissionButton: 按钮权限 purePermissionButton: 按钮权限
hstabs: 标签页操作 pureTabs: 标签页操作
hsguide: 引导页 pureGuide: 引导页
hsAble: 功能 pureAble: 功能
hsMenuTree: 菜单树结构 pureMenuTree: 菜单树结构
hsVideoFrame: 视频帧截取-wasm版 pureVideoFrame: 视频帧截取-wasm版
hsWavesurfer: 音频可视化 pureWavesurfer: 音频可视化
hsRipple: 波纹(Ripple) pureRipple: 波纹(Ripple)
hsOptimize: 防抖、截流、复制、长按指令 pureMqtt: MQTT客户端(mqtt)
hsVerify: 图形验证码 pureOptimize: 防抖、截流、复制、长按指令
hsWatermark: 水印 pureVerify: 图形验证码
hsPrint: 打印 pureWatermark: 水印
hsDownload: 下载 purePrint: 打印
hsExternalPage: 外部页面 pureDownload: 下载
hsExternalDoc: 文档外链 pureExternalPage: 外部页面
hsEmbeddedDoc: 文档内嵌 pureExternalDoc: 文档外链
externalLink: vue-pure-admin pureEmbeddedDoc: 文档内嵌
pureutilsLink: pure-admin-utils pureExternalLink: vue-pure-admin
hsEpDocument: element-plus pureUtilsLink: pure-admin-utils
hsTailwindcssDocument: tailwindcss pureColorHuntDoc: 调色板
hsVueDocument: vue3 pureUiGradients: 渐变色
hsViteDocument: vite pureEpDoc: element-plus
hsPiniaDocument: pinia pureTailwindcssDoc: tailwindcss
hsRouterDocument: vue-router pureVueDoc: vue3
hsAbout: 关于 pureViteDoc: vite
hsResult: 结果页面 purePiniaDoc: pinia
hsSuccess: 成功页面 pureRouterDoc: vue-router
hsFail: 失败页面 pureAbout: 关于
hsIconSelect: 图标选择器 pureResult: 结果页面
hsTimeline: 时间线 pureSuccess: 成功页面
hsLineTree: 树形连接线 pureFail: 失败页面
hsList: 列表页面 pureIconSelect: 图标选择器
hsListCard: 卡片列表页 pureTimeline: 时间线
hsDebounce: 防抖节流 pureLineTree: 树形连接线
hsFormDesign: 表单设计器 pureList: 列表页面
hsBarcode: 条形码 pureListCard: 卡片列表页
hsQrcode: 二维码 pureDebounce: 防抖节流
hsCascader: 区域级联选择器 pureFormDesign: 表单设计器
hsSwiper: Swiper插件 pureBarcode: 条形码
hsVirtualList: 虚拟列表 pureQrcode: 二维码
hsPdf: PDF预览 pureCascader: 区域级联选择器
hsWord: Word预览 pureSwiper: Swiper插件
hsExcels: Excel预览 pureVirtualList: 虚拟列表
hsExcel: 导出Excel purePdf: PDF预览
hsInfiniteScroll: 表格无限滚动 pureWord: Word预览
hsSensitive: 敏感词过滤 pureExcels: Excel预览
hsPinyin: 汉语拼音 pureExcel: 导出Excel
hsdanmaku: 弹幕 pureInfiniteScroll: 表格无限滚动
hsSchemaForm: 表单 pureSensitive: 敏感词过滤
hsPureTableBase: 基础用法 purePinyin: 汉语拼音
hsPureTableHigh: 高级用法 pureDanmaku: 弹幕
hsPureTableEdit: 可编辑用法 pureSchemaForm: 表单
hsVxeTable: 虚拟滚动 pureTableBase: 基础用法
hsboard: 艺术画板 pureTableHigh: 高级用法
hsMenuoverflow: 目录超出显示 Tooltip 文字提示 pureTableEdit: 可编辑用法
hsChildMenuoverflow: 菜单超出显示 Tooltip 文字提示 pureVxeTable: 虚拟滚动
pureBoard: 艺术画板
pureMindMap: 思维导图
pureMenuOverflow: 目录超出显示 Tooltip 文字提示
pureChildMenuOverflow: 菜单超出显示 Tooltip 文字提示
status: status:
hsLoad: 加载中... pureLoad: 加载中...
login: login:
username: 账号 pureUsername: 账号
password: 密码 purePassword: 密码
verifyCode: 验证码 pureVerifyCode: 验证码
remember: 天内免登录 pureRemember: 天内免登录
rememberInfo: 勾选并登录后，规定天数内无需输入用户名和密码会自动登入系统 pureRememberInfo: 勾选并登录后，规定天数内无需输入用户名和密码会自动登入系统
sure: 确认密码 pureSure: 确认密码
forget: 忘记密码? pureForget: 忘记密码?
login: 登录 pureLogin: 登录
thirdLogin: 第三方登录 pureThirdLogin: 第三方登录
phoneLogin: 手机登录 purePhoneLogin: 手机登录
qRCodeLogin: 二维码登录 pureQRCodeLogin: 二维码登录
register: 注册 pureRegister: 注册
weChatLogin: 微信登录 pureWeChatLogin: 微信登录
alipayLogin: 支付宝登录 pureAlipayLogin: 支付宝登录
qqLogin: QQ登录 pureQQLogin: QQ登录
weiboLogin: 微博登录 pureWeiBoLogin: 微博登录
phone: 手机号码 purePhone: 手机号码
smsVerifyCode: 短信验证码 pureSmsVerifyCode: 短信验证码
back: 返回 pureBack: 返回
test: 模拟测试 pureTest: 模拟测试
tip: 扫码后点击"确认"，即可完成登录 pureTip: 扫码后点击"确认"，即可完成登录
definite: 确定 pureDefinite: 确定
loginSuccess: 登录成功 pureLoginSuccess: 登录成功
registerSuccess: 注册成功 pureRegisterSuccess: 注册成功
tickPrivacy: 请勾选隐私政策 pureTickPrivacy: 请勾选隐私政策
readAccept: 我已仔细阅读并接受 pureReadAccept: 我已仔细阅读并接受
privacyPolicy: 《隐私政策》 purePrivacyPolicy: 《隐私政策》
getVerifyCode: 获取验证码 pureGetVerifyCode: 获取验证码
info: 秒后重新获取 pureInfo: 秒后重新获取
usernameReg: 请输入账号 pureUsernameReg: 请输入账号
passwordReg: 请输入密码 purePassWordReg: 请输入密码
verifyCodeReg: 请输入验证码 pureVerifyCodeReg: 请输入验证码
verifyCodeCorrectReg: 请输入正确的验证码 pureVerifyCodeCorrectReg: 请输入正确的验证码
verifyCodeSixReg: 请输入6位数字验证码 pureVerifyCodeSixReg: 请输入6位数字验证码
phoneReg: 请输入手机号码 purePhoneReg: 请输入手机号码
phoneCorrectReg: 请输入正确的手机号码格式 purePhoneCorrectReg: 请输入正确的手机号码格式
passwordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合 purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
passwordSureReg: 请输入确认密码 purePassWordSureReg: 请输入确认密码
passwordDifferentReg: 两次密码不一致! purePassWordDifferentReg: 两次密码不一致!
passwordUpdateReg: 修改密码成功 purePassWordUpdateReg: 修改密码成功

74
mock/asyncRoutes.ts
View File

@ -12,7 +12,7 @@ const systemManagementRouter = {
path: "/system", path: "/system",
meta: { meta: {
icon: "ri:settings-3-line", icon: "ri:settings-3-line",
title: "menus.hssysManagement", title: "menus.pureSysManagement",
rank: system rank: system
}, },
children: [ children: [
@ -21,7 +21,7 @@ const systemManagementRouter = {
name: "SystemUser", name: "SystemUser",
meta: { meta: {
icon: "ri:admin-line", icon: "ri:admin-line",
title: "menus.hsUser", title: "menus.pureUser",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -30,7 +30,7 @@ const systemManagementRouter = {
name: "SystemRole", name: "SystemRole",
meta: { meta: {
icon: "ri:admin-fill", icon: "ri:admin-fill",
title: "menus.hsRole", title: "menus.pureRole",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -39,7 +39,7 @@ const systemManagementRouter = {
name: "SystemMenu", name: "SystemMenu",
meta: { meta: {
icon: "ep:menu", icon: "ep:menu",
title: "menus.hsSystemMenu", title: "menus.pureSystemMenu",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -48,7 +48,7 @@ const systemManagementRouter = {
name: "SystemDept", name: "SystemDept",
meta: { meta: {
icon: "ri:git-branch-line", icon: "ri:git-branch-line",
title: "menus.hsDept", title: "menus.pureDept",
roles: ["admin"] roles: ["admin"]
} }
} }
@ -59,7 +59,7 @@ const systemMonitorRouter = {
path: "/monitor", path: "/monitor",
meta: { meta: {
icon: "ep:monitor", icon: "ep:monitor",
title: "menus.hssysMonitor", title: "menus.pureSysMonitor",
rank: monitor rank: monitor
}, },
children: [ children: [
@ -69,7 +69,7 @@ const systemMonitorRouter = {
name: "OnlineUser", name: "OnlineUser",
meta: { meta: {
icon: "ri:user-voice-line", icon: "ri:user-voice-line",
title: "menus.hsOnlineUser", title: "menus.pureOnlineUser",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -79,7 +79,7 @@ const systemMonitorRouter = {
name: "LoginLog", name: "LoginLog",
meta: { meta: {
icon: "ri:window-line", icon: "ri:window-line",
title: "menus.hsLoginLog", title: "menus.pureLoginLog",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -89,7 +89,7 @@ const systemMonitorRouter = {
name: "OperationLog", name: "OperationLog",
meta: { meta: {
icon: "ri:history-fill", icon: "ri:history-fill",
title: "menus.hsOperationLog", title: "menus.pureOperationLog",
roles: ["admin"] roles: ["admin"]
} }
}, },
@ -99,7 +99,7 @@ const systemMonitorRouter = {
name: "SystemLog", name: "SystemLog",
meta: { meta: {
icon: "ri:file-search-line", icon: "ri:file-search-line",
title: "menus.hsSystemLog", title: "menus.pureSystemLog",
roles: ["admin"] roles: ["admin"]
} }
} }
@ -109,7 +109,7 @@ const systemMonitorRouter = {
const permissionRouter = { const permissionRouter = {
path: "/permission", path: "/permission",
meta: { meta: {
title: "menus.permission", title: "menus.purePermission",
icon: "ep:lollipop", icon: "ep:lollipop",
rank: permission rank: permission
}, },
@ -118,7 +118,7 @@ const permissionRouter = {
path: "/permission/page/index", path: "/permission/page/index",
name: "PermissionPage", name: "PermissionPage",
meta: { meta: {
title: "menus.permissionPage", title: "menus.purePermissionPage",
roles: ["admin", "common"] roles: ["admin", "common"]
} }
}, },
@ -126,7 +126,7 @@ const permissionRouter = {
path: "/permission/button/index", path: "/permission/button/index",
name: "PermissionButton", name: "PermissionButton",
meta: { meta: {
title: "menus.permissionButton", title: "menus.purePermissionButton",
roles: ["admin", "common"], roles: ["admin", "common"],
auths: [ auths: [
"permission:btn:add", "permission:btn:add",
@ -142,29 +142,29 @@ const frameRouter = {
path: "/iframe", path: "/iframe",
meta: { meta: {
icon: "ri:links-fill", icon: "ri:links-fill",
title: "menus.hsExternalPage", title: "menus.pureExternalPage",
rank: frame rank: frame
}, },
children: [ children: [
{ {
path: "/iframe/external", path: "/iframe/external",
meta: { meta: {
title: "menus.hsExternalDoc" title: "menus.pureExternalDoc"
}, },
children: [ children: [
{ {
path: "/external", path: "/external",
name: "https://yiming_chang.gitee.io/pure-admin-doc", name: "https://yiming_chang.gitee.io/pure-admin-doc",
meta: { meta: {
title: "menus.externalLink", title: "menus.pureExternalLink",
roles: ["admin", "common"] roles: ["admin", "common"]
} }
}, },
{ {
path: "/pureutilsLink", path: "/pureUtilsLink",
name: "https://pure-admin-utils.netlify.app/", name: "https://pure-admin-utils.netlify.app/",
meta: { meta: {
title: "menus.pureutilsLink", title: "menus.pureUtilsLink",
roles: ["admin", "common"] roles: ["admin", "common"]
} }
} }
@ -173,14 +173,34 @@ const frameRouter = {
{ {
path: "/iframe/embedded", path: "/iframe/embedded",
meta: { meta: {
title: "menus.hsEmbeddedDoc" title: "menus.pureEmbeddedDoc"
}, },
children: [ children: [
{
path: "/iframe/colorhunt",
name: "FrameColorHunt",
meta: {
title: "menus.pureColorHuntDoc",
frameSrc: "https://colorhunt.co/",
keepAlive: true,
roles: ["admin", "common"]
}
},
{
path: "/iframe/uigradients",
name: "FrameUiGradients",
meta: {
title: "menus.pureUiGradients",
frameSrc: "https://uigradients.com/",
keepAlive: true,
roles: ["admin", "common"]
}
},
{ {
path: "/iframe/ep", path: "/iframe/ep",
name: "FrameEp", name: "FrameEp",
meta: { meta: {
title: "menus.hsEpDocument", title: "menus.pureEpDoc",
frameSrc: "https://element-plus.org/zh-CN/", frameSrc: "https://element-plus.org/zh-CN/",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -190,7 +210,7 @@ const frameRouter = {
path: "/iframe/tailwindcss", path: "/iframe/tailwindcss",
name: "FrameTailwindcss", name: "FrameTailwindcss",
meta: { meta: {
title: "menus.hsTailwindcssDocument", title: "menus.pureTailwindcssDoc",
frameSrc: "https://tailwindcss.com/docs/installation", frameSrc: "https://tailwindcss.com/docs/installation",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -200,7 +220,7 @@ const frameRouter = {
path: "/iframe/vue3", path: "/iframe/vue3",
name: "FrameVue", name: "FrameVue",
meta: { meta: {
title: "menus.hsVueDocument", title: "menus.pureVueDoc",
frameSrc: "https://cn.vuejs.org/", frameSrc: "https://cn.vuejs.org/",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -210,7 +230,7 @@ const frameRouter = {
path: "/iframe/vite", path: "/iframe/vite",
name: "FrameVite", name: "FrameVite",
meta: { meta: {
title: "menus.hsViteDocument", title: "menus.pureViteDoc",
frameSrc: "https://cn.vitejs.dev/", frameSrc: "https://cn.vitejs.dev/",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -220,7 +240,7 @@ const frameRouter = {
path: "/iframe/pinia", path: "/iframe/pinia",
name: "FramePinia", name: "FramePinia",
meta: { meta: {
title: "menus.hsPiniaDocument", title: "menus.purePiniaDoc",
frameSrc: "https://pinia.vuejs.org/zh/index.html", frameSrc: "https://pinia.vuejs.org/zh/index.html",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -230,7 +250,7 @@ const frameRouter = {
path: "/iframe/vue-router", path: "/iframe/vue-router",
name: "FrameRouter", name: "FrameRouter",
meta: { meta: {
title: "menus.hsRouterDocument", title: "menus.pureRouterDoc",
frameSrc: "https://router.vuejs.org/zh/", frameSrc: "https://router.vuejs.org/zh/",
keepAlive: true, keepAlive: true,
roles: ["admin", "common"] roles: ["admin", "common"]
@ -245,7 +265,7 @@ const tabsRouter = {
path: "/tabs", path: "/tabs",
meta: { meta: {
icon: "ri:bookmark-2-line", icon: "ri:bookmark-2-line",
title: "menus.hstabs", title: "menus.pureTabs",
rank: tabs rank: tabs
}, },
children: [ children: [
@ -253,7 +273,7 @@ const tabsRouter = {
path: "/tabs/index", path: "/tabs/index",
name: "Tabs", name: "Tabs",
meta: { meta: {
title: "menus.hstabs", title: "menus.pureTabs",
roles: ["admin", "common"] roles: ["admin", "common"]
} }
}, },

116
mock/system.ts
View File

@ -153,86 +153,86 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 100, id: 100,
menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮） menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮）
title: "menus.hsExternalPage" title: "menus.pureExternalPage"
}, },
{ {
parentId: 100, parentId: 100,
id: 101, id: 101,
menuType: 0, menuType: 0,
title: "menus.hsExternalDoc" title: "menus.pureExternalDoc"
}, },
{ {
parentId: 101, parentId: 101,
id: 102, id: 102,
menuType: 2, menuType: 2,
title: "menus.externalLink" title: "menus.pureExternalLink"
}, },
{ {
parentId: 101, parentId: 101,
id: 103, id: 103,
menuType: 2, menuType: 2,
title: "menus.pureutilsLink" title: "menus.pureUtilsLink"
}, },
{ {
parentId: 100, parentId: 100,
id: 104, id: 104,
menuType: 1, menuType: 1,
title: "menus.hsEmbeddedDoc" title: "menus.pureEmbeddedDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 105, id: 105,
menuType: 1, menuType: 1,
title: "menus.hsEpDocument" title: "menus.pureEpDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 106, id: 106,
menuType: 1, menuType: 1,
title: "menus.hsTailwindcssDocument" title: "menus.pureTailwindcssDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 107, id: 107,
menuType: 1, menuType: 1,
title: "menus.hsVueDocument" title: "menus.pureVueDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 108, id: 108,
menuType: 1, menuType: 1,
title: "menus.hsViteDocument" title: "menus.pureViteDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 109, id: 109,
menuType: 1, menuType: 1,
title: "menus.hsPiniaDocument" title: "menus.purePiniaDoc"
}, },
{ {
parentId: 104, parentId: 104,
id: 110, id: 110,
menuType: 1, menuType: 1,
title: "menus.hsRouterDocument" title: "menus.pureRouterDoc"
}, },
// 权限管理 // 权限管理
{ {
parentId: 0, parentId: 0,
id: 200, id: 200,
menuType: 0, menuType: 0,
title: "menus.permission" title: "menus.purePermission"
}, },
{ {
parentId: 200, parentId: 200,
id: 201, id: 201,
menuType: 0, menuType: 0,
title: "menus.permissionPage" title: "menus.purePermissionPage"
}, },
{ {
parentId: 200, parentId: 200,
id: 202, id: 202,
menuType: 0, menuType: 0,
title: "menus.permissionButton" title: "menus.purePermissionButton"
}, },
{ {
parentId: 202, parentId: 202,
@ -257,75 +257,75 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 300, id: 300,
menuType: 0, menuType: 0,
title: "menus.hssysManagement" title: "menus.pureSysManagement"
}, },
{ {
parentId: 300, parentId: 300,
id: 301, id: 301,
menuType: 0, menuType: 0,
title: "menus.hsUser" title: "menus.pureUser"
}, },
{ {
parentId: 300, parentId: 300,
id: 302, id: 302,
menuType: 0, menuType: 0,
title: "menus.hsRole" title: "menus.pureRole"
}, },
{ {
parentId: 300, parentId: 300,
id: 303, id: 303,
menuType: 0, menuType: 0,
title: "menus.hsSystemMenu" title: "menus.pureSystemMenu"
}, },
{ {
parentId: 300, parentId: 300,
id: 304, id: 304,
menuType: 0, menuType: 0,
title: "menus.hsDept" title: "menus.pureDept"
}, },
// 系统监控 // 系统监控
{ {
parentId: 0, parentId: 0,
id: 400, id: 400,
menuType: 0, menuType: 0,
title: "menus.hssysMonitor" title: "menus.pureSysMonitor"
}, },
{ {
parentId: 400, parentId: 400,
id: 401, id: 401,
menuType: 0, menuType: 0,
title: "menus.hsOnlineUser" title: "menus.pureOnlineUser"
}, },
{ {
parentId: 400, parentId: 400,
id: 402, id: 402,
menuType: 0, menuType: 0,
title: "menus.hsLoginLog" title: "menus.pureLoginLog"
}, },
{ {
parentId: 400, parentId: 400,
id: 403, id: 403,
menuType: 0, menuType: 0,
title: "menus.hsOperationLog" title: "menus.pureOperationLog"
}, },
{ {
parentId: 400, parentId: 400,
id: 404, id: 404,
menuType: 0, menuType: 0,
title: "menus.hsSystemLog" title: "menus.pureSystemLog"
}, },
// 标签页操作 // 标签页操作
{ {
parentId: 0, parentId: 0,
id: 500, id: 500,
menuType: 0, menuType: 0,
title: "menus.hstabs" title: "menus.pureTabs"
}, },
{ {
parentId: 500, parentId: 500,
id: 501, id: 501,
menuType: 0, menuType: 0,
title: "menus.hstabs" title: "menus.pureTabs"
}, },
{ {
parentId: 500, parentId: 500,
@ -381,7 +381,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 100, id: 100,
menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮） menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮）
title: "menus.hsExternalPage", title: "menus.pureExternalPage",
name: "PureIframe", name: "PureIframe",
path: "/iframe", path: "/iframe",
component: "", component: "",
@ -404,7 +404,7 @@ export default defineFakeRoute([
parentId: 100, parentId: 100,
id: 101, id: 101,
menuType: 0, menuType: 0,
title: "menus.hsExternalDoc", title: "menus.pureExternalDoc",
name: "PureIframeExternal", name: "PureIframeExternal",
path: "/iframe/external", path: "/iframe/external",
component: "", component: "",
@ -427,7 +427,7 @@ export default defineFakeRoute([
parentId: 101, parentId: 101,
id: 102, id: 102,
menuType: 2, menuType: 2,
title: "menus.externalLink", title: "menus.pureExternalLink",
name: "https://yiming_chang.gitee.io/pure-admin-doc", name: "https://yiming_chang.gitee.io/pure-admin-doc",
path: "/external", path: "/external",
component: "", component: "",
@ -450,9 +450,9 @@ export default defineFakeRoute([
parentId: 101, parentId: 101,
id: 103, id: 103,
menuType: 2, menuType: 2,
title: "menus.pureutilsLink", title: "menus.pureUtilsLink",
name: "https://pure-admin-utils.netlify.app/", name: "https://pure-admin-utils.netlify.app/",
path: "/pureutilsLink", path: "/pureUtilsLink",
component: "", component: "",
rank: null, rank: null,
redirect: "", redirect: "",
@ -473,7 +473,7 @@ export default defineFakeRoute([
parentId: 100, parentId: 100,
id: 104, id: 104,
menuType: 1, menuType: 1,
title: "menus.hsEmbeddedDoc", title: "menus.pureEmbeddedDoc",
name: "PureIframeEmbedded", name: "PureIframeEmbedded",
path: "/iframe/embedded", path: "/iframe/embedded",
component: "", component: "",
@ -496,7 +496,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 105, id: 105,
menuType: 1, menuType: 1,
title: "menus.hsEpDocument", title: "menus.pureEpDoc",
name: "FrameEp", name: "FrameEp",
path: "/iframe/ep", path: "/iframe/ep",
component: "", component: "",
@ -519,7 +519,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 106, id: 106,
menuType: 1, menuType: 1,
title: "menus.hsTailwindcssDocument", title: "menus.pureTailwindcssDoc",
name: "FrameTailwindcss", name: "FrameTailwindcss",
path: "/iframe/tailwindcss", path: "/iframe/tailwindcss",
component: "", component: "",
@ -542,7 +542,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 107, id: 107,
menuType: 1, menuType: 1,
title: "menus.hsVueDocument", title: "menus.pureVueDoc",
name: "FrameVue", name: "FrameVue",
path: "/iframe/vue3", path: "/iframe/vue3",
component: "", component: "",
@ -565,7 +565,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 108, id: 108,
menuType: 1, menuType: 1,
title: "menus.hsViteDocument", title: "menus.pureViteDoc",
name: "FrameVite", name: "FrameVite",
path: "/iframe/vite", path: "/iframe/vite",
component: "", component: "",
@ -588,7 +588,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 109, id: 109,
menuType: 1, menuType: 1,
title: "menus.hsPiniaDocument", title: "menus.purePiniaDoc",
name: "FramePinia", name: "FramePinia",
path: "/iframe/pinia", path: "/iframe/pinia",
component: "", component: "",
@ -611,7 +611,7 @@ export default defineFakeRoute([
parentId: 104, parentId: 104,
id: 110, id: 110,
menuType: 1, menuType: 1,
title: "menus.hsRouterDocument", title: "menus.pureRouterDoc",
name: "FrameRouter", name: "FrameRouter",
path: "/iframe/vue-router", path: "/iframe/vue-router",
component: "", component: "",
@ -635,7 +635,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 200, id: 200,
menuType: 0, menuType: 0,
title: "menus.permission", title: "menus.purePermission",
name: "PurePermission", name: "PurePermission",
path: "/permission", path: "/permission",
component: "", component: "",
@ -658,7 +658,7 @@ export default defineFakeRoute([
parentId: 200, parentId: 200,
id: 201, id: 201,
menuType: 0, menuType: 0,
title: "menus.permissionPage", title: "menus.purePermissionPage",
name: "PermissionPage", name: "PermissionPage",
path: "/permission/page/index", path: "/permission/page/index",
component: "", component: "",
@ -681,7 +681,7 @@ export default defineFakeRoute([
parentId: 200, parentId: 200,
id: 202, id: 202,
menuType: 0, menuType: 0,
title: "menus.permissionButton", title: "menus.purePermissionButton",
name: "PermissionButton", name: "PermissionButton",
path: "/permission/button/index", path: "/permission/button/index",
component: "", component: "",
@ -774,7 +774,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 300, id: 300,
menuType: 0, menuType: 0,
title: "menus.hssysManagement", title: "menus.pureSysManagement",
name: "PureSystem", name: "PureSystem",
path: "/system", path: "/system",
component: "", component: "",
@ -797,7 +797,7 @@ export default defineFakeRoute([
parentId: 300, parentId: 300,
id: 301, id: 301,
menuType: 0, menuType: 0,
title: "menus.hsUser", title: "menus.pureUser",
name: "SystemUser", name: "SystemUser",
path: "/system/user/index", path: "/system/user/index",
component: "", component: "",
@ -820,7 +820,7 @@ export default defineFakeRoute([
parentId: 300, parentId: 300,
id: 302, id: 302,
menuType: 0, menuType: 0,
title: "menus.hsRole", title: "menus.pureRole",
name: "SystemRole", name: "SystemRole",
path: "/system/role/index", path: "/system/role/index",
component: "", component: "",
@ -843,7 +843,7 @@ export default defineFakeRoute([
parentId: 300, parentId: 300,
id: 303, id: 303,
menuType: 0, menuType: 0,
title: "menus.hsSystemMenu", title: "menus.pureSystemMenu",
name: "SystemMenu", name: "SystemMenu",
path: "/system/menu/index", path: "/system/menu/index",
component: "", component: "",
@ -866,7 +866,7 @@ export default defineFakeRoute([
parentId: 300, parentId: 300,
id: 304, id: 304,
menuType: 0, menuType: 0,
title: "menus.hsDept", title: "menus.pureDept",
name: "SystemDept", name: "SystemDept",
path: "/system/dept/index", path: "/system/dept/index",
component: "", component: "",
@ -890,7 +890,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 400, id: 400,
menuType: 0, menuType: 0,
title: "menus.hssysMonitor", title: "menus.pureSysMonitor",
name: "PureMonitor", name: "PureMonitor",
path: "/monitor", path: "/monitor",
component: "", component: "",
@ -913,7 +913,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 401, id: 401,
menuType: 0, menuType: 0,
title: "menus.hsOnlineUser", title: "menus.pureOnlineUser",
name: "OnlineUser", name: "OnlineUser",
path: "/monitor/online-user", path: "/monitor/online-user",
component: "monitor/online/index", component: "monitor/online/index",
@ -936,7 +936,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 402, id: 402,
menuType: 0, menuType: 0,
title: "menus.hsLoginLog", title: "menus.pureLoginLog",
name: "LoginLog", name: "LoginLog",
path: "/monitor/login-logs", path: "/monitor/login-logs",
component: "monitor/logs/login/index", component: "monitor/logs/login/index",
@ -959,7 +959,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 403, id: 403,
menuType: 0, menuType: 0,
title: "menus.hsOperationLog", title: "menus.pureOperationLog",
name: "OperationLog", name: "OperationLog",
path: "/monitor/operation-logs", path: "/monitor/operation-logs",
component: "monitor/logs/operation/index", component: "monitor/logs/operation/index",
@ -982,7 +982,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 404, id: 404,
menuType: 0, menuType: 0,
title: "menus.hsSystemLog", title: "menus.pureSystemLog",
name: "SystemLog", name: "SystemLog",
path: "/monitor/system-logs", path: "/monitor/system-logs",
component: "monitor/logs/system/index", component: "monitor/logs/system/index",
@ -1006,7 +1006,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 500, id: 500,
menuType: 0, menuType: 0,
title: "menus.hstabs", title: "menus.pureTabs",
name: "PureTabs", name: "PureTabs",
path: "/tabs", path: "/tabs",
component: "", component: "",
@ -1029,7 +1029,7 @@ export default defineFakeRoute([
parentId: 500, parentId: 500,
id: 501, id: 501,
menuType: 0, menuType: 0,
title: "menus.hstabs", title: "menus.pureTabs",
name: "Tabs", name: "Tabs",
path: "/tabs/index", path: "/tabs/index",
component: "", component: "",
@ -1456,7 +1456,7 @@ export default defineFakeRoute([
parentId: 0, parentId: 0,
id: 400, id: 400,
menuType: 0, menuType: 0,
title: "menus.hssysMonitor", title: "menus.pureSysMonitor",
name: "PureMonitor", name: "PureMonitor",
path: "/monitor", path: "/monitor",
component: "", component: "",
@ -1479,7 +1479,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 401, id: 401,
menuType: 0, menuType: 0,
title: "menus.hsOnlineUser", title: "menus.pureOnlineUser",
name: "OnlineUser", name: "OnlineUser",
path: "/monitor/online-user", path: "/monitor/online-user",
component: "monitor/online/index", component: "monitor/online/index",
@ -1502,7 +1502,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 402, id: 402,
menuType: 0, menuType: 0,
title: "menus.hsLoginLog", title: "menus.pureLoginLog",
name: "LoginLog", name: "LoginLog",
path: "/monitor/login-logs", path: "/monitor/login-logs",
component: "monitor/logs/login/index", component: "monitor/logs/login/index",
@ -1525,7 +1525,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 403, id: 403,
menuType: 0, menuType: 0,
title: "menus.hsOperationLog", title: "menus.pureOperationLog",
name: "OperationLog", name: "OperationLog",
path: "/monitor/operation-logs", path: "/monitor/operation-logs",
component: "monitor/logs/operation/index", component: "monitor/logs/operation/index",
@ -1548,7 +1548,7 @@ export default defineFakeRoute([
parentId: 400, parentId: 400,
id: 404, id: 404,
menuType: 0, menuType: 0,
title: "menus.hsSystemLog", title: "menus.pureSystemLog",
name: "SystemLog", name: "SystemLog",
path: "/monitor/system-logs", path: "/monitor/system-logs",
component: "monitor/logs/system/index", component: "monitor/logs/system/index",

51
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-pure-admin", "name": "vue-pure-admin",
"version": "5.2.0", "version": "5.3.0",
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {
@ -50,16 +50,16 @@
"dependencies": { "dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1", "@amap/amap-jsapi-loader": "^1.0.1",
"@howdyjs/mouse-menu": "^2.1.3", "@howdyjs/mouse-menu": "^2.1.3",
"@infectoone/vue-ganttastic": "^2.3.1", "@infectoone/vue-ganttastic": "^2.3.2",
"@logicflow/core": "^1.2.23", "@logicflow/core": "^1.2.25",
"@logicflow/extension": "^1.2.23", "@logicflow/extension": "^1.2.25",
"@pureadmin/descriptions": "^1.2.1", "@pureadmin/descriptions": "^1.2.1",
"@pureadmin/table": "^3.1.2", "@pureadmin/table": "^3.1.2",
"@pureadmin/utils": "^2.4.7", "@pureadmin/utils": "^2.4.7",
"@vue-flow/background": "^1.3.0", "@vue-flow/background": "^1.3.0",
"@vue-flow/core": "^1.33.4", "@vue-flow/core": "^1.33.5",
"@vue-office/docx": "^1.6.0", "@vue-office/docx": "^1.6.0",
"@vue-office/excel": "^1.7.2", "@vue-office/excel": "^1.7.6",
"@vueuse/core": "^10.9.0", "@vueuse/core": "^10.9.0",
"@vueuse/motion": "^2.1.0", "@vueuse/motion": "^2.1.0",
"@wangeditor/editor": "^5.1.23", "@wangeditor/editor": "^5.1.23",
@ -72,29 +72,30 @@
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"echarts": "^5.5.0", "echarts": "^5.5.0",
"el-table-infinite-scroll": "^3.0.3", "el-table-infinite-scroll": "^3.0.3",
"element-plus": "^2.6.2", "element-plus": "^2.6.3",
"intro.js": "^7.2.0", "intro.js": "^7.2.0",
"js-cookie": "^3.0.5", "js-cookie": "^3.0.5",
"jsbarcode": "^3.11.6", "jsbarcode": "^3.11.6",
"localforage": "^1.10.0", "localforage": "^1.10.0",
"mint-filter": "^4.0.3", "mint-filter": "^4.0.3",
"mitt": "^3.0.1", "mitt": "^3.0.1",
"mqtt": "4.3.7",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"path": "^0.12.7", "path": "^0.12.7",
"pinia": "^2.1.7", "pinia": "^2.1.7",
"pinyin-pro": "^3.19.6", "pinyin-pro": "^3.19.6",
"plus-pro-components": "^0.0.5", "plus-pro-components": "^0.0.7",
"qrcode": "^1.5.3", "qrcode": "^1.5.3",
"qs": "^6.12.0", "qs": "^6.12.0",
"responsive-storage": "^2.2.0", "responsive-storage": "^2.2.0",
"sortablejs": "^1.15.2", "sortablejs": "^1.15.2",
"swiper": "^11.0.7", "swiper": "^11.1.0",
"typeit": "^8.8.3", "typeit": "^8.8.3",
"v-contextmenu": "^3.2.0", "v-contextmenu": "^3.2.0",
"v3-infinite-loading": "^1.3.1", "v3-infinite-loading": "^1.3.1",
"version-rocket": "^1.7.1", "version-rocket": "^1.7.1",
"vue": "^3.4.21", "vue": "^3.4.21",
"vue-i18n": "^9.10.2", "vue-i18n": "^9.11.0",
"vue-json-pretty": "^2.4.0", "vue-json-pretty": "^2.4.0",
"vue-pdf-embed": "^2.0.3", "vue-pdf-embed": "^2.0.3",
"vue-router": "^4.3.0", "vue-router": "^4.3.0",
@ -106,8 +107,8 @@
"vue3-puzzle-vcode": "^1.1.7", "vue3-puzzle-vcode": "^1.1.7",
"vuedraggable": "^4.1.0", "vuedraggable": "^4.1.0",
"vxe-table": "^4.5.21", "vxe-table": "^4.5.21",
"wavesurfer.js": "^7.7.5", "wavesurfer.js": "^7.7.8",
"xgplayer": "^3.0.14", "xgplayer": "^3.0.16",
"xlsx": "^0.18.5" "xlsx": "^0.18.5"
}, },
"devDependencies": { "devDependencies": {
@ -119,31 +120,31 @@
"@iconify-icons/ep": "^1.2.12", "@iconify-icons/ep": "^1.2.12",
"@iconify-icons/ri": "^1.2.10", "@iconify-icons/ri": "^1.2.10",
"@iconify/vue": "^4.1.1", "@iconify/vue": "^4.1.1",
"@intlify/unplugin-vue-i18n": "^2.0.0", "@intlify/unplugin-vue-i18n": "^4.0.0",
"@pureadmin/theme": "^3.2.0", "@pureadmin/theme": "^3.2.0",
"@types/dagre": "^0.7.52", "@types/dagre": "^0.7.52",
"@types/gradient-string": "^1.1.5", "@types/gradient-string": "^1.1.6",
"@types/intro.js": "^5.1.5", "@types/intro.js": "^5.1.5",
"@types/js-cookie": "^3.0.6", "@types/js-cookie": "^3.0.6",
"@types/node": "^20.11.30", "@types/node": "^20.12.5",
"@types/nprogress": "^0.2.3", "@types/nprogress": "^0.2.3",
"@types/qrcode": "^1.5.5", "@types/qrcode": "^1.5.5",
"@types/qs": "^6.9.14", "@types/qs": "^6.9.14",
"@types/sortablejs": "^1.15.8", "@types/sortablejs": "^1.15.8",
"@typescript-eslint/eslint-plugin": "^7.3.1", "@typescript-eslint/eslint-plugin": "^7.5.0",
"@typescript-eslint/parser": "^7.3.1", "@typescript-eslint/parser": "^7.5.0",
"@vitejs/plugin-vue": "^5.0.4", "@vitejs/plugin-vue": "^5.0.4",
"@vitejs/plugin-vue-jsx": "^3.1.0", "@vitejs/plugin-vue-jsx": "^3.1.0",
"autoprefixer": "^10.4.19", "autoprefixer": "^10.4.19",
"boxen": "^7.1.1", "boxen": "^7.1.1",
"cloc": "^2.11.0", "cloc": "^2.11.0",
"cssnano": "^6.1.1", "cssnano": "^6.1.2",
"dagre": "^0.8.5", "dagre": "^0.8.5",
"eslint": "^8.57.0", "eslint": "^8.57.0",
"eslint-config-prettier": "^9.1.0", "eslint-config-prettier": "^9.1.0",
"eslint-define-config": "^2.1.0", "eslint-define-config": "^2.1.0",
"eslint-plugin-prettier": "^5.1.3", "eslint-plugin-prettier": "^5.1.3",
"eslint-plugin-vue": "^9.23.0", "eslint-plugin-vue": "^9.24.0",
"gradient-string": "^2.0.2", "gradient-string": "^2.0.2",
"husky": "^9.0.11", "husky": "^9.0.11",
"lint-staged": "^15.2.2", "lint-staged": "^15.2.2",
@ -154,16 +155,16 @@
"prettier": "^3.2.5", "prettier": "^3.2.5",
"rimraf": "^5.0.5", "rimraf": "^5.0.5",
"rollup-plugin-visualizer": "^5.12.0", "rollup-plugin-visualizer": "^5.12.0",
"sass": "^1.72.0", "sass": "^1.74.1",
"stylelint": "^16.2.1", "stylelint": "^16.3.1",
"stylelint-config-recess-order": "^5.0.0", "stylelint-config-recess-order": "^5.0.0",
"stylelint-config-recommended-vue": "^1.5.0", "stylelint-config-recommended-vue": "^1.5.0",
"stylelint-config-standard-scss": "^13.0.0", "stylelint-config-standard-scss": "^13.1.0",
"stylelint-prettier": "^5.0.0", "stylelint-prettier": "^5.0.0",
"svgo": "^3.2.0", "svgo": "^3.2.0",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.3",
"typescript": "^5.4.3", "typescript": "^5.4.4",
"vite": "^5.2.3", "vite": "^5.2.8",
"vite-plugin-cdn-import": "^0.3.5", "vite-plugin-cdn-import": "^0.3.5",
"vite-plugin-compression": "^0.5.1", "vite-plugin-compression": "^0.5.1",
"vite-plugin-fake-server": "^2.1.1", "vite-plugin-fake-server": "^2.1.1",

1259
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

2
public/platform-config.json
View File

@ -1,5 +1,5 @@
{ {
"Version": "5.2.0", "Version": "5.3.0",
"Title": "PureAdmin", "Title": "PureAdmin",
"FixedHeader": true, "FixedHeader": true,
"HiddenSideBar": false, "HiddenSideBar": false,

2
src/components/ReAnimateSelector/index.ts
View File

@ -1,5 +1,5 @@
import reAnimateSelector from "./src/index.vue";
import { withInstall } from "@pureadmin/utils"; import { withInstall } from "@pureadmin/utils";
import reAnimateSelector from "./src/index.vue";
/** [animate.css](https://animate.style/) 选择器组件 */ /** [animate.css](https://animate.style/) 选择器组件 */
export const ReAnimateSelector = withInstall(reAnimateSelector); export const ReAnimateSelector = withInstall(reAnimateSelector);

2
src/components/ReBarcode/index.ts
View File

@ -1,5 +1,5 @@
import reBarcode from "./src/index.vue";
import { withInstall } from "@pureadmin/utils"; import { withInstall } from "@pureadmin/utils";
import reBarcode from "./src/index.vue";
/** 条形码组件 */ /** 条形码组件 */
export const ReBarcode = withInstall(reBarcode); export const ReBarcode = withInstall(reBarcode);

8
src/components/ReCountTo/src/normal/index.tsx
View File

@ -1,10 +1,10 @@
import { import {
defineComponent,
reactive,
computed,
watch, watch,
unref,
computed,
reactive,
onMounted, onMounted,
unref defineComponent
} from "vue"; } from "vue";
import { countToProps } from "./props"; import { countToProps } from "./props";
import { isNumber } from "@pureadmin/utils"; import { isNumber } from "@pureadmin/utils";

1
src/components/ReCountTo/src/normal/props.ts
View File

@ -1,5 +1,6 @@
import type { PropType } from "vue"; import type { PropType } from "vue";
import propTypes from "@/utils/propTypes"; import propTypes from "@/utils/propTypes";
export const countToProps = { export const countToProps = {
startVal: propTypes.number.def(0), startVal: propTypes.number.def(0),
endVal: propTypes.number.def(2020), endVal: propTypes.number.def(2020),

2
src/components/ReCountTo/src/rebound/index.tsx
View File

@ -1,9 +1,9 @@
import "./rebound.css"; import "./rebound.css";
import { import {
defineComponent,
ref, ref,
unref, unref,
onBeforeMount, onBeforeMount,
defineComponent,
onBeforeUnmount onBeforeUnmount
} from "vue"; } from "vue";
import { reboundProps } from "./props"; import { reboundProps } from "./props";

1
src/components/ReCountTo/src/rebound/props.ts
View File

@ -1,5 +1,6 @@
import type { PropType } from "vue"; import type { PropType } from "vue";
import propTypes from "@/utils/propTypes"; import propTypes from "@/utils/propTypes";
export const reboundProps = { export const reboundProps = {
delay: propTypes.number.def(1), delay: propTypes.number.def(1),
blur: propTypes.number.def(2), blur: propTypes.number.def(2),

2
src/components/ReCropper/src/index.tsx
View File

@ -6,10 +6,10 @@ import { useEventListener } from "@vueuse/core";
import { longpress } from "@/directives/longpress"; import { longpress } from "@/directives/longpress";
import { useTippy, directive as tippy } from "vue-tippy"; import { useTippy, directive as tippy } from "vue-tippy";
import { import {
type PropType,
ref, ref,
unref, unref,
computed, computed,
type PropType,
onMounted, onMounted,
onUnmounted, onUnmounted,
defineComponent defineComponent

4
src/components/ReDialog/index.ts
View File

@ -51,8 +51,8 @@ const closeAllDialog = () => {
/** 千万别忘了在下面这三处引入并注册下，放心注册，不使用`addDialog`调用就不会被挂载 /** 千万别忘了在下面这三处引入并注册下，放心注册，不使用`addDialog`调用就不会被挂载
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L4 * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L4
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L13 * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L12
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L20 * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L22
*/ */
const ReDialog = withInstall(reDialog); const ReDialog = withInstall(reDialog);

48
src/components/ReDialog/index.vue
View File

@ -1,10 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import { import {
closeDialog,
dialogStore,
type EventType, type EventType,
type ButtonProps, type ButtonProps,
type DialogOptions type DialogOptions,
closeDialog,
dialogStore
} from "./index"; } from "./index";
import { ref, computed } from "vue"; import { ref, computed } from "vue";
import { isFunction } from "@pureadmin/utils"; import { isFunction } from "@pureadmin/utils";
@ -37,6 +37,7 @@ const footerButtons = computed(() => {
type: "primary", type: "primary",
text: true, text: true,
bg: true, bg: true,
popconfirm: options?.popconfirm,
btnClick: ({ dialog: { options, index } }) => { btnClick: ({ dialog: { options, index } }) => {
const done = () => const done = () =>
closeDialog(options, index, { command: "sure" }); closeDialog(options, index, { command: "sure" });
@ -149,19 +150,34 @@ function handleClose(
<component :is="options?.footerRenderer({ options, index })" /> <component :is="options?.footerRenderer({ options, index })" />
</template> </template>
<span v-else> <span v-else>
<el-button <template v-for="(btn, key) in footerButtons(options)" :key="key">
v-for="(btn, key) in footerButtons(options)" <el-popconfirm
:key="key" v-if="btn.popconfirm"
v-bind="btn" v-bind="btn.popconfirm"
@click=" @confirm="
btn.btnClick({ btn.btnClick({
dialog: { options, index }, dialog: { options, index },
button: { btn, index: key } button: { btn, index: key }
}) })
" "
> >
{{ btn?.label }} <template #reference>
</el-button> <el-button v-bind="btn">{{ btn?.label }}</el-button>
</template>
</el-popconfirm>
<el-button
v-else
v-bind="btn"
@click="
btn.btnClick({
dialog: { options, index },
button: { btn, index: key }
})
"
>
{{ btn?.label }}
</el-button>
</template>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>

39
src/components/ReDialog/type.ts
View File

@ -11,6 +11,13 @@ type ArgsType = {
/** `cancel` 点击取消按钮、`sure` 点击确定按钮、`close` 点击右上角关闭按钮或空白页或按下了esc键 */ /** `cancel` 点击取消按钮、`sure` 点击确定按钮、`close` 点击右上角关闭按钮或空白页或按下了esc键 */
command: "cancel" | "sure" | "close"; command: "cancel" | "sure" | "close";
}; };
type ButtonType =
| "primary"
| "success"
| "warning"
| "danger"
| "info"
| "text";
/** https://element-plus.org/zh-CN/component/dialog.html#attributes */ /** https://element-plus.org/zh-CN/component/dialog.html#attributes */
type DialogProps = { type DialogProps = {
@ -58,6 +65,34 @@ type DialogProps = {
destroyOnClose?: boolean; destroyOnClose?: boolean;
}; };
//element-plus.org/zh-CN/component/popconfirm.html#attributes
type Popconfirm = {
/** 标题 */
title?: string;
/** 确认按钮文字 */
confirmButtonText?: string;
/** 取消按钮文字 */
cancelButtonText?: string;
/** 确认按钮类型，默认 `primary` */
confirmButtonType?: ButtonType;
/** 取消按钮类型，默认 `text` */
cancelButtonType?: ButtonType;
/** 自定义图标，默认 `QuestionFilled` */
icon?: string | Component;
/** `Icon` 颜色，默认 `#f90` */
iconColor?: string;
/** 是否隐藏 `Icon`，默认 `false` */
hideIcon?: boolean;
/** 关闭时的延迟，默认 `200` */
hideAfter?: number;
/** 是否将 `popover` 的下拉列表插入至 `body` 元素，默认 `true` */
teleported?: boolean;
/** 当 `popover` 组件长时间不触发且 `persistent` 属性设置为 `false` 时, `popover` 将会被删除，默认 `false` */
persistent?: boolean;
/** 弹层宽度，最小宽度 `150px`，默认 `150` */
width?: string | number;
};
type BtnClickDialog = { type BtnClickDialog = {
options?: DialogOptions; options?: DialogOptions;
index?: number; index?: number;
@ -86,6 +121,8 @@ type ButtonProps = {
round?: boolean; round?: boolean;
/** 是否为圆形按钮，默认 `false` */ /** 是否为圆形按钮，默认 `false` */
circle?: boolean; circle?: boolean;
/** 确认按钮的 `Popconfirm` 气泡确认框相关配置 */
popconfirm?: Popconfirm;
/** 是否为加载中状态，默认 `false` */ /** 是否为加载中状态，默认 `false` */
loading?: boolean; loading?: boolean;
/** 自定义加载中状态图标组件 */ /** 自定义加载中状态图标组件 */
@ -123,6 +160,8 @@ interface DialogOptions extends DialogProps {
props?: any; props?: any;
/** 是否隐藏 `Dialog` 按钮操作区的内容 */ /** 是否隐藏 `Dialog` 按钮操作区的内容 */
hideFooter?: boolean; hideFooter?: boolean;
/** 确认按钮的 `Popconfirm` 气泡确认框相关配置 */
popconfirm?: Popconfirm;
/** /**
* @description 自定义对话框标题的内容渲染器 * @description 自定义对话框标题的内容渲染器
* @see {@link https://element-plus.org/zh-CN/component/dialog.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%B4%E9%83%A8} * @see {@link https://element-plus.org/zh-CN/component/dialog.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%B4%E9%83%A8}

2
src/components/ReFlicker/index.ts
View File

@ -1,5 +1,5 @@
import "./index.css"; import "./index.css";
import { h, defineComponent, type Component } from "vue"; import { type Component, h, defineComponent } from "vue";
export interface attrsType { export interface attrsType {
width?: string; width?: string;

4
src/components/ReFlop/src/filpper.tsx
View File

@ -1,6 +1,6 @@
import { defineComponent, ref } from "vue";
import propTypes from "@/utils/propTypes";
import "./filpper.css"; import "./filpper.css";
import propTypes from "@/utils/propTypes";
import { defineComponent, ref } from "vue";
const props = { const props = {
// front paper text // front paper text

2
src/components/ReFlop/src/index.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, unref, nextTick, onUnmounted } from "vue";
import flippers from "./filpper"; import flippers from "./filpper";
import { ref, unref, nextTick, onUnmounted } from "vue";
const timer = ref(null); const timer = ref(null);
const flipObjs = ref([]); const flipObjs = ref([]);

37
src/components/ReFlowChart/src/Control.vue
View File

@ -105,27 +105,24 @@ onMounted(() => {
@mouseenter.prevent="onEnter(key)" @mouseenter.prevent="onEnter(key)"
@mouseleave.prevent="focusIndex = -1" @mouseleave.prevent="focusIndex = -1"
> >
<el-tooltip <button
:content="item.text" :ref="'controlButton' + key"
:visible="focusIndex === key" v-tippy="{
placement="right" content: item.text
}"
:disabled="item.disabled"
:style="{
cursor: item.disabled === false ? 'pointer' : 'not-allowed',
color: item.disabled === false ? '' : '#00000040',
background: 'transparent'
}"
@click="onControl(item, key)"
> >
<button <span
:ref="'controlButton' + key" :class="'iconfont ' + item.icon"
:disabled="item.disabled" :style="{ fontSize: `${item.size}px` }"
:style="{ />
cursor: item.disabled === false ? 'pointer' : 'not-allowed', </button>
color: item.disabled === false ? '' : '#00000040',
background: 'transparent'
}"
@click="onControl(item, key)"
>
<span
:class="'iconfont ' + item.icon"
:style="{ fontSize: `${item.size}px` }"
/>
</button>
</el-tooltip>
</li> </li>
</ul> </ul>
</div> </div>

2
src/components/ReIcon/src/offlineIcon.ts
View File

@ -31,6 +31,7 @@ import Links from "@iconify-icons/ri/links-fill";
import Search from "@iconify-icons/ri/search-line"; import Search from "@iconify-icons/ri/search-line";
import FlUser from "@iconify-icons/ri/admin-line"; import FlUser from "@iconify-icons/ri/admin-line";
import Setting from "@iconify-icons/ri/settings-3-line"; import Setting from "@iconify-icons/ri/settings-3-line";
import MindMap from "@iconify-icons/ri/mind-map";
import BarChart from "@iconify-icons/ri/bar-chart-horizontal-line"; import BarChart from "@iconify-icons/ri/bar-chart-horizontal-line";
import LoginLog from "@iconify-icons/ri/window-line"; import LoginLog from "@iconify-icons/ri/window-line";
import Artboard from "@iconify-icons/ri/artboard-line"; import Artboard from "@iconify-icons/ri/artboard-line";
@ -54,6 +55,7 @@ addIcon("ri:table-line", Table);
addIcon("ri:search-line", Search); addIcon("ri:search-line", Search);
addIcon("ri:admin-line", FlUser); addIcon("ri:admin-line", FlUser);
addIcon("ri:settings-3-line", Setting); addIcon("ri:settings-3-line", Setting);
addIcon("ri:mind-map", MindMap);
addIcon("ri:bar-chart-horizontal-line", BarChart); addIcon("ri:bar-chart-horizontal-line", BarChart);
addIcon("ri:window-line", LoginLog); addIcon("ri:window-line", LoginLog);
addIcon("ri:file-search-line", SystemLog); addIcon("ri:file-search-line", SystemLog);

23
src/components/RePureTableBar/src/bar.tsx
View File

@ -1,3 +1,5 @@
import Sortable from "sortablejs";
import { transformI18n } from "@/plugins/i18n";
import { useEpThemeStoreHook } from "@/store/modules/epTheme"; import { useEpThemeStoreHook } from "@/store/modules/epTheme";
import { defineComponent, ref, computed, type PropType, nextTick } from "vue"; import { defineComponent, ref, computed, type PropType, nextTick } from "vue";
import { import {
@ -8,7 +10,6 @@ import {
getKeyList getKeyList
} from "@pureadmin/utils"; } from "@pureadmin/utils";
import Sortable from "sortablejs";
import DragIcon from "./svg/drag.svg?component"; import DragIcon from "./svg/drag.svg?component";
import ExpandIcon from "./svg/expand.svg?component"; import ExpandIcon from "./svg/expand.svg?component";
import RefreshIcon from "./svg/refresh.svg?component"; import RefreshIcon from "./svg/refresh.svg?component";
@ -118,6 +119,7 @@ export default defineComponent({
} }
function handleCheckedColumnsChange(value: string[]) { function handleCheckedColumnsChange(value: string[]) {
checkedColumns.value = value;
const checkedCount = value.length; const checkedCount = value.length;
checkAll.value = checkedCount === checkColumnList.length; checkAll.value = checkedCount === checkColumnList.length;
isIndeterminate.value = isIndeterminate.value =
@ -125,7 +127,9 @@ export default defineComponent({
} }
function handleCheckColumnListChange(val: boolean, label: string) { function handleCheckColumnListChange(val: boolean, label: string) {
dynamicColumns.value.filter(item => item.label === label)[0].hide = !val; dynamicColumns.value.filter(
item => transformI18n(item.label) === transformI18n(label)
)[0].hide = !val;
} }
async function onReset() { async function onReset() {
@ -198,7 +202,9 @@ export default defineComponent({
}; };
const isFixedColumn = (label: string) => { const isFixedColumn = (label: string) => {
return dynamicColumns.value.filter(item => item.label === label)[0].fixed return dynamicColumns.value.filter(
item => transformI18n(item.label) === transformI18n(label)
)[0].fixed
? true ? true
: false; : false;
}; };
@ -293,7 +299,7 @@ export default defineComponent({
<div class="pt-[6px] pl-[11px]"> <div class="pt-[6px] pl-[11px]">
<el-scrollbar max-height="36vh"> <el-scrollbar max-height="36vh">
<el-checkbox-group <el-checkbox-group
v-model={checkedColumns.value} modelValue={checkedColumns.value}
onChange={value => handleCheckedColumnsChange(value)} onChange={value => handleCheckedColumnsChange(value)}
> >
<el-space <el-space
@ -301,7 +307,7 @@ export default defineComponent({
alignment="flex-start" alignment="flex-start"
size={0} size={0}
> >
{checkColumnList.map(item => { {checkColumnList.map((item, index) => {
return ( return (
<div class="flex items-center"> <div class="flex items-center">
<DragIcon <DragIcon
@ -316,17 +322,18 @@ export default defineComponent({
}) => rowDrop(event)} }) => rowDrop(event)}
/> />
<el-checkbox <el-checkbox
key={item} key={index}
label={item}
value={item} value={item}
onChange={value => onChange={value =>
handleCheckColumnListChange(value, item) handleCheckColumnListChange(value, item)
} }
> >
<span <span
title={item} title={transformI18n(item)}
class="inline-block w-[120px] truncate hover:text-text_color_primary" class="inline-block w-[120px] truncate hover:text-text_color_primary"
> >
{item} {transformI18n(item)}
</span> </span>
</el-checkbox> </el-checkbox>
</div> </div>

2
src/components/ReQrcode/src/index.tsx
View File

@ -1,10 +1,10 @@
import { import {
type PropType,
ref, ref,
unref, unref,
watch, watch,
nextTick, nextTick,
computed, computed,
type PropType,
defineComponent defineComponent
} from "vue"; } from "vue";
import "./index.scss"; import "./index.scss";

10
src/components/ReSeamlessScroll/src/index.vue
View File

@ -1,6 +1,12 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref, unref, nextTick } from "vue"; import {
import type { CSSProperties, PropType } from "vue"; type PropType,
type CSSProperties,
ref,
unref,
nextTick,
computed
} from "vue";
import { import {
tryOnMounted, tryOnMounted,
tryOnUnmounted, tryOnUnmounted,

21
src/components/ReSegmented/src/index.tsx
View File

@ -34,9 +34,14 @@ const props = {
type: Boolean, type: Boolean,
default: false default: false
}, },
/** 控件尺寸 */ /** 控件尺寸 */
size: { size: {
type: String as PropType<"small" | "default" | "large"> type: String as PropType<"small" | "default" | "large">
},
/** 是否全局禁用，默认 `false` */
disabled: {
type: Boolean,
default: false
} }
}; };
@ -57,7 +62,7 @@ export default defineComponent({
: ref(0); : ref(0);
function handleChange({ option, index }, event: Event) { function handleChange({ option, index }, event: Event) {
if (option.disabled) return; if (props.disabled || option.disabled) return;
event.preventDefault(); event.preventDefault();
isNumber(props.modelValue) isNumber(props.modelValue)
? emit("update:modelValue", index) ? emit("update:modelValue", index)
@ -67,6 +72,7 @@ export default defineComponent({
} }
function handleMouseenter({ option, index }, event: Event) { function handleMouseenter({ option, index }, event: Event) {
if (props.disabled) return;
event.preventDefault(); event.preventDefault();
curMouseActive.value = index; curMouseActive.value = index;
if (option.disabled || curIndex.value === index) { if (option.disabled || curIndex.value === index) {
@ -79,6 +85,7 @@ export default defineComponent({
} }
function handleMouseleave(_, event: Event) { function handleMouseleave(_, event: Event) {
if (props.disabled) return;
event.preventDefault(); event.preventDefault();
curMouseActive.value = -1; curMouseActive.value = -1;
} }
@ -124,14 +131,16 @@ export default defineComponent({
ref={`labelRef${index}`} ref={`labelRef${index}`}
class={[ class={[
"pure-segmented-item", "pure-segmented-item",
option?.disabled && "pure-segmented-item-disabled" (props.disabled || option?.disabled) &&
"pure-segmented-item-disabled"
]} ]}
style={{ style={{
background: background:
curMouseActive.value === index ? segmentedItembg.value : "", curMouseActive.value === index ? segmentedItembg.value : "",
color: color: props.disabled
!option.disabled && ? null
(curIndex.value === index || curMouseActive.value === index) : !option.disabled &&
(curIndex.value === index || curMouseActive.value === index)
? isDark.value ? isDark.value
? "rgba(255, 255, 255, 0.85)" ? "rgba(255, 255, 255, 0.85)"
: "rgba(0,0,0,.88)" : "rgba(0,0,0,.88)"

8
src/components/ReSelector/src/index.tsx
View File

@ -1,13 +1,13 @@
import "./index.css";
import { import {
defineComponent, unref,
computed, computed,
nextTick, nextTick,
onBeforeMount, onBeforeMount,
getCurrentInstance, defineComponent,
unref getCurrentInstance
} from "vue"; } from "vue";
import { addClass, removeClass, toggleClass } from "@pureadmin/utils"; import { addClass, removeClass, toggleClass } from "@pureadmin/utils";
import "./index.css";
const stayClass = "stay"; //鼠标点击 const stayClass = "stay"; //鼠标点击
const activeClass = "hs-on"; //鼠标移动上去 const activeClass = "hs-on"; //鼠标移动上去

4
src/components/ReSplitPane/index.tsx
View File

@ -1,6 +1,6 @@
import { defineComponent, ref, unref, computed, type PropType } from "vue";
import resizer from "./resizer";
import "./index.css"; import "./index.css";
import resizer from "./resizer";
import { type PropType, defineComponent, ref, unref, computed } from "vue";
export interface ContextProps { export interface ContextProps {
minPercent: number; minPercent: number;

2
src/components/ReSplitPane/resizer.tsx
View File

@ -1,5 +1,5 @@
import { computed, unref, defineComponent } from "vue";
import "./resizer.css"; import "./resizer.css";
import { computed, unref, defineComponent } from "vue";
export default defineComponent({ export default defineComponent({
name: "Resizer", name: "Resizer",

2
src/components/ReText/src/index.vue
View File

@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { h, onMounted, ref, useSlots } from "vue"; import { h, onMounted, ref, useSlots } from "vue";
import { useTippy, type TippyOptions } from "vue-tippy"; import { type TippyOptions, useTippy } from "vue-tippy";
const props = defineProps({ const props = defineProps({
// 行数 // 行数

5
src/components/ReTreeLine/index.ts
View File

@ -1,8 +1,7 @@
// 参考https://www.npmjs.com/package/element-tree-line (主要是替换需要通过函数传参的方式去注册组件，并添加更好的类型支持，并移除this.$scopedSlots，在3.x中,将所有this.$scopedSlots替换为this.$slots) // 参考https://www.npmjs.com/package/element-tree-line (主要是替换需要通过函数传参的方式去注册组件，并添加更好的类型支持，并移除this.$scopedSlots，在3.x中,将所有this.$scopedSlots替换为this.$slots)
import { isFunction } from "@pureadmin/utils";
import { h, defineComponent } from "vue";
import type { PropType } from "vue";
import "./index.scss"; import "./index.scss";
import { isFunction } from "@pureadmin/utils";
import { type PropType, h, defineComponent } from "vue";
import type { import type {
TreeNode, TreeNode,
TreeData, TreeData,

2
src/components/ReTypeit/src/index.tsx
View File

@ -1,6 +1,6 @@
import type { El } from "typeit/dist/types"; import type { El } from "typeit/dist/types";
import TypeIt, { type Options as TypeItOptions } from "typeit"; import TypeIt, { type Options as TypeItOptions } from "typeit";
import { ref, defineComponent, onMounted, type PropType } from "vue"; import { type PropType, ref, defineComponent, onMounted } from "vue";
// 打字机效果组件（配置项详情请查阅 https://www.typeitjs.com/docs/vanilla/usage#options） // 打字机效果组件（配置项详情请查阅 https://www.typeitjs.com/docs/vanilla/usage#options）
export default defineComponent({ export default defineComponent({

2
src/config/index.ts
View File

@ -1,5 +1,5 @@
import type { App } from "vue";
import axios from "axios"; import axios from "axios";
import type { App } from "vue";
let config: object = {}; let config: object = {};
const { VITE_PUBLIC_PATH } = import.meta.env; const { VITE_PUBLIC_PATH } = import.meta.env;

6
src/directives/optimize/index.ts
View File

@ -1,9 +1,9 @@
import { import {
isFunction,
isObject,
isArray, isArray,
throttle,
debounce, debounce,
throttle isObject,
isFunction
} from "@pureadmin/utils"; } from "@pureadmin/utils";
import { useEventListener } from "@vueuse/core"; import { useEventListener } from "@vueuse/core";
import type { Directive, DirectiveBinding } from "vue"; import type { Directive, DirectiveBinding } from "vue";

4
src/layout/components/navbar.vue
View File

@ -106,14 +106,14 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
:icon="LogoutCircleRLine" :icon="LogoutCircleRLine"
style="margin: 5px" style="margin: 5px"
/> />
{{ t("buttons.hsLoginOut") }} {{ t("buttons.pureLoginOut") }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="set-icon navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.pureSystemSet')"
@click="onPanel" @click="onPanel"
> >
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />

4
src/layout/components/sidebar/horizontal.vue
View File

@ -119,14 +119,14 @@ nextTick(() => {
:icon="LogoutCircleRLine" :icon="LogoutCircleRLine"
style="margin: 5px" style="margin: 5px"
/> />
{{ t("buttons.hsLoginOut") }} {{ t("buttons.pureLoginOut") }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="set-icon navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.pureSystemSet')"
@click="onPanel" @click="onPanel"
> >
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />

4
src/layout/components/sidebar/mixNav.vue
View File

@ -152,14 +152,14 @@ watch(
:icon="LogoutCircleRLine" :icon="LogoutCircleRLine"
style="margin: 5px" style="margin: 5px"
/> />
{{ t("buttons.hsLoginOut") }} {{ t("buttons.pureLoginOut") }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="set-icon navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.pureSystemSet')"
@click="onPanel" @click="onPanel"
> >
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />

4
src/layout/components/tag/index.vue
View File

@ -333,10 +333,10 @@ function onClickDrop(key, item, selectRoute?: RouteConfigs) {
setTimeout(() => { setTimeout(() => {
if (pureSetting.hiddenSideBar) { if (pureSetting.hiddenSideBar) {
tagsViews[6].icon = ExitFullscreen; tagsViews[6].icon = ExitFullscreen;
tagsViews[6].text = $t("buttons.hscontentExitFullScreen"); tagsViews[6].text = $t("buttons.pureContentExitFullScreen");
} else { } else {
tagsViews[6].icon = Fullscreen; tagsViews[6].icon = Fullscreen;
tagsViews[6].text = $t("buttons.hscontentFullScreen"); tagsViews[6].text = $t("buttons.pureContentFullScreen");
} }
}, 100); }, 100);
break; break;

2
src/layout/frameView.vue
View File

@ -71,7 +71,7 @@ onMounted(() => {
<div <div
v-loading="loading" v-loading="loading"
class="frame" class="frame"
:element-loading-text="t('status.hsLoad')" :element-loading-text="t('status.pureLoad')"
> >
<iframe ref="frameRef" :src="frameSrc" class="frame-iframe" /> <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
</div> </div>

14
src/layout/hooks/useTag.ts
View File

@ -64,49 +64,49 @@ export function useTags() {
const tagsViews = reactive<Array<tagsViewsType>>([ const tagsViews = reactive<Array<tagsViewsType>>([
{ {
icon: RefreshRight, icon: RefreshRight,
text: $t("buttons.hsreload"), text: $t("buttons.pureReload"),
divided: false, divided: false,
disabled: false, disabled: false,
show: true show: true
}, },
{ {
icon: Close, icon: Close,
text: $t("buttons.hscloseCurrentTab"), text: $t("buttons.pureCloseCurrentTab"),
divided: false, divided: false,
disabled: multiTags.value.length > 1 ? false : true, disabled: multiTags.value.length > 1 ? false : true,
show: true show: true
}, },
{ {
icon: CloseLeftTags, icon: CloseLeftTags,
text: $t("buttons.hscloseLeftTabs"), text: $t("buttons.pureCloseLeftTabs"),
divided: true, divided: true,
disabled: multiTags.value.length > 1 ? false : true, disabled: multiTags.value.length > 1 ? false : true,
show: true show: true
}, },
{ {
icon: CloseRightTags, icon: CloseRightTags,
text: $t("buttons.hscloseRightTabs"), text: $t("buttons.pureCloseRightTabs"),
divided: false, divided: false,
disabled: multiTags.value.length > 1 ? false : true, disabled: multiTags.value.length > 1 ? false : true,
show: true show: true
}, },
{ {
icon: CloseOtherTags, icon: CloseOtherTags,
text: $t("buttons.hscloseOtherTabs"), text: $t("buttons.pureCloseOtherTabs"),
divided: true, divided: true,
disabled: multiTags.value.length > 2 ? false : true, disabled: multiTags.value.length > 2 ? false : true,
show: true show: true
}, },
{ {
icon: CloseAllTags, icon: CloseAllTags,
text: $t("buttons.hscloseAllTabs"), text: $t("buttons.pureCloseAllTabs"),
divided: false, divided: false,
disabled: multiTags.value.length > 1 ? false : true, disabled: multiTags.value.length > 1 ? false : true,
show: true show: true
}, },
{ {
icon: Fullscreen, icon: Fullscreen,
text: $t("buttons.hscontentFullScreen"), text: $t("buttons.pureContentFullScreen"),
divided: true, divided: true,
disabled: false, disabled: false,
show: true show: true

2
src/layout/types.ts
View File

@ -7,7 +7,7 @@ export const routerArrays: Array<RouteConfigs> =
{ {
path: "/welcome", path: "/welcome",
meta: { meta: {
title: "menus.hshome", title: "menus.pureHome",
icon: "ep:home-filled" icon: "ep:home-filled"
} }
} }

6
src/router/enums.ts
View File

@ -22,8 +22,9 @@ const home = 0, // 平台规定只有 home 路由的 rank 才能为 0 ，所以
formdesign = 19, formdesign = 19,
board = 20, board = 20,
ppt = 21, ppt = 21,
guide = 22, mind = 22,
menuoverflow = 23; guide = 23,
menuoverflow = 24;
export { export {
home, home,
@ -48,6 +49,7 @@ export {
formdesign, formdesign,
board, board,
ppt, ppt,
mind,
guide, guide,
menuoverflow menuoverflow
}; };

63
src/router/modules/able.ts
View File

@ -6,17 +6,25 @@ export default {
redirect: "/able/watermark", redirect: "/able/watermark",
meta: { meta: {
icon: "ri:ubuntu-fill", icon: "ri:ubuntu-fill",
title: $t("menus.hsAble"), title: $t("menus.pureAble"),
rank: able rank: able
}, },
children: [ children: [
{
path: "/able/mqtt-client",
name: "MqttClient",
component: () => import("@/views/able/mqtt-client.vue"),
meta: {
title: $t("menus.pureMqtt"),
extraIcon: "IF-pure-iconfont-new svg"
}
},
{ {
path: "/able/verify", path: "/able/verify",
name: "Verify", name: "Verify",
component: () => import("@/views/able/verify.vue"), component: () => import("@/views/able/verify.vue"),
meta: { meta: {
title: $t("menus.hsVerify"), title: $t("menus.pureVerify")
extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
{ {
@ -24,7 +32,7 @@ export default {
name: "WaterMark", name: "WaterMark",
component: () => import("@/views/able/watermark.vue"), component: () => import("@/views/able/watermark.vue"),
meta: { meta: {
title: $t("menus.hsWatermark") title: $t("menus.pureWatermark")
} }
}, },
{ {
@ -32,7 +40,7 @@ export default {
name: "Print", name: "Print",
component: () => import("@/views/able/print/index.vue"), component: () => import("@/views/able/print/index.vue"),
meta: { meta: {
title: $t("menus.hsPrint") title: $t("menus.purePrint")
} }
}, },
{ {
@ -40,7 +48,7 @@ export default {
name: "Download", name: "Download",
component: () => import("@/views/able/download.vue"), component: () => import("@/views/able/download.vue"),
meta: { meta: {
title: $t("menus.hsDownload") title: $t("menus.pureDownload")
} }
}, },
{ {
@ -48,7 +56,7 @@ export default {
name: "Excel", name: "Excel",
component: () => import("@/views/able/excel.vue"), component: () => import("@/views/able/excel.vue"),
meta: { meta: {
title: $t("menus.hsExcel") title: $t("menus.pureExcel")
} }
}, },
{ {
@ -56,8 +64,7 @@ export default {
name: "Ripple", name: "Ripple",
component: () => import("@/views/able/ripple.vue"), component: () => import("@/views/able/ripple.vue"),
meta: { meta: {
title: $t("menus.hsRipple"), title: $t("menus.pureRipple")
extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
{ {
@ -65,7 +72,7 @@ export default {
name: "Debounce", name: "Debounce",
component: () => import("@/views/able/debounce.vue"), component: () => import("@/views/able/debounce.vue"),
meta: { meta: {
title: $t("menus.hsDebounce") title: $t("menus.pureDebounce")
} }
}, },
{ {
@ -73,7 +80,7 @@ export default {
name: "Directives", name: "Directives",
component: () => import("@/views/able/directives.vue"), component: () => import("@/views/able/directives.vue"),
meta: { meta: {
title: $t("menus.hsOptimize") title: $t("menus.pureOptimize")
} }
}, },
{ {
@ -81,7 +88,7 @@ export default {
name: "Draggable", name: "Draggable",
component: () => import("@/views/able/draggable.vue"), component: () => import("@/views/able/draggable.vue"),
meta: { meta: {
title: $t("menus.hsdraggable"), title: $t("menus.pureDraggable"),
transition: { transition: {
enterTransition: "animate__zoomIn", enterTransition: "animate__zoomIn",
leaveTransition: "animate__zoomOut" leaveTransition: "animate__zoomOut"
@ -93,7 +100,7 @@ export default {
name: "Word", name: "Word",
component: () => import("@/views/able/word.vue"), component: () => import("@/views/able/word.vue"),
meta: { meta: {
title: $t("menus.hsWord") title: $t("menus.pureWord")
} }
}, },
{ {
@ -101,7 +108,7 @@ export default {
name: "Excels", name: "Excels",
component: () => import("@/views/able/excels.vue"), component: () => import("@/views/able/excels.vue"),
meta: { meta: {
title: $t("menus.hsExcels") title: $t("menus.pureExcels")
} }
}, },
{ {
@ -109,7 +116,7 @@ export default {
name: "Pdf", name: "Pdf",
component: () => import("@/views/able/pdf.vue"), component: () => import("@/views/able/pdf.vue"),
meta: { meta: {
title: $t("menus.hsPdf") title: $t("menus.purePdf")
} }
}, },
{ {
@ -117,7 +124,7 @@ export default {
name: "BarCode", name: "BarCode",
component: () => import("@/views/able/barcode.vue"), component: () => import("@/views/able/barcode.vue"),
meta: { meta: {
title: $t("menus.hsBarcode") title: $t("menus.pureBarcode")
} }
}, },
{ {
@ -125,7 +132,7 @@ export default {
name: "QrCode", name: "QrCode",
component: () => import("@/views/able/qrcode.vue"), component: () => import("@/views/able/qrcode.vue"),
meta: { meta: {
title: $t("menus.hsQrcode") title: $t("menus.pureQrcode")
} }
}, },
{ {
@ -133,7 +140,7 @@ export default {
name: "MapPage", name: "MapPage",
component: () => import("@/views/able/map.vue"), component: () => import("@/views/able/map.vue"),
meta: { meta: {
title: $t("menus.hsmap"), title: $t("menus.pureMap"),
keepAlive: true, keepAlive: true,
transition: { transition: {
name: "fade" name: "fade"
@ -145,7 +152,7 @@ export default {
name: "Wavesurfer", name: "Wavesurfer",
component: () => import("@/views/able/wavesurfer/index.vue"), component: () => import("@/views/able/wavesurfer/index.vue"),
meta: { meta: {
title: $t("menus.hsWavesurfer") title: $t("menus.pureWavesurfer")
} }
}, },
{ {
@ -153,7 +160,7 @@ export default {
name: "VideoPage", name: "VideoPage",
component: () => import("@/views/able/video.vue"), component: () => import("@/views/able/video.vue"),
meta: { meta: {
title: $t("menus.hsvideo") title: $t("menus.pureVideo")
} }
}, },
{ {
@ -161,7 +168,7 @@ export default {
name: "VideoFrame", name: "VideoFrame",
component: () => import("@/views/able/video-frame/index.vue"), component: () => import("@/views/able/video-frame/index.vue"),
meta: { meta: {
title: $t("menus.hsVideoFrame") title: $t("menus.pureVideoFrame")
} }
}, },
{ {
@ -169,7 +176,7 @@ export default {
name: "Danmaku", name: "Danmaku",
component: () => import("@/views/able/danmaku/index.vue"), component: () => import("@/views/able/danmaku/index.vue"),
meta: { meta: {
title: $t("menus.hsdanmaku") title: $t("menus.pureDanmaku")
} }
}, },
{ {
@ -177,7 +184,7 @@ export default {
name: "InfiniteScroll", name: "InfiniteScroll",
component: () => import("@/views/able/infinite-scroll.vue"), component: () => import("@/views/able/infinite-scroll.vue"),
meta: { meta: {
title: $t("menus.hsInfiniteScroll") title: $t("menus.pureInfiniteScroll")
} }
}, },
{ {
@ -185,7 +192,7 @@ export default {
name: "MenuTree", name: "MenuTree",
component: () => import("@/views/able/menu-tree.vue"), component: () => import("@/views/able/menu-tree.vue"),
meta: { meta: {
title: $t("menus.hsMenuTree") title: $t("menus.pureMenuTree")
} }
}, },
{ {
@ -193,7 +200,7 @@ export default {
name: "LineTree", name: "LineTree",
component: () => import("@/views/able/line-tree.vue"), component: () => import("@/views/able/line-tree.vue"),
meta: { meta: {
title: $t("menus.hsLineTree") title: $t("menus.pureLineTree")
} }
}, },
{ {
@ -201,7 +208,7 @@ export default {
name: "Typeit", name: "Typeit",
component: () => import("@/views/able/typeit.vue"), component: () => import("@/views/able/typeit.vue"),
meta: { meta: {
title: $t("menus.hstypeit") title: $t("menus.pureTypeit")
} }
}, },
{ {
@ -209,7 +216,7 @@ export default {
name: "Sensitive", name: "Sensitive",
component: () => import("@/views/able/sensitive.vue"), component: () => import("@/views/able/sensitive.vue"),
meta: { meta: {
title: $t("menus.hsSensitive") title: $t("menus.pureSensitive")
} }
}, },
{ {
@ -217,7 +224,7 @@ export default {
name: "Pinyin", name: "Pinyin",
component: () => import("@/views/able/pinyin.vue"), component: () => import("@/views/able/pinyin.vue"),
meta: { meta: {
title: $t("menus.hsPinyin") title: $t("menus.purePinyin")
} }
} }
] ]

4
src/router/modules/about.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/about/index", redirect: "/about/index",
meta: { meta: {
icon: "ri:file-info-line", icon: "ri:file-info-line",
title: $t("menus.hsAbout"), title: $t("menus.pureAbout"),
rank: about rank: about
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "About", name: "About",
component: () => import("@/views/about/index.vue"), component: () => import("@/views/about/index.vue"),
meta: { meta: {
title: $t("menus.hsAbout") title: $t("menus.pureAbout")
} }
} }
] ]

5
src/router/modules/board.ts
View File

@ -7,7 +7,7 @@ export default {
redirect: "/board/index", redirect: "/board/index",
meta: { meta: {
icon: "ri:artboard-line", icon: "ri:artboard-line",
title: $t("menus.hsboard"), title: $t("menus.pureBoard"),
rank: board rank: board
}, },
children: [ children: [
@ -16,7 +16,8 @@ export default {
name: "FrameBoard", name: "FrameBoard",
component: IFrame, component: IFrame,
meta: { meta: {
title: $t("menus.hsboard"), title: $t("menus.pureBoard"),
keepAlive: true,
frameSrc: "https://songlh.top/paint-board/" frameSrc: "https://songlh.top/paint-board/"
} }
} }

64
src/router/modules/components.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/components/dialog", redirect: "/components/dialog",
meta: { meta: {
icon: "ep:menu", icon: "ep:menu",
title: $t("menus.hscomponents"), title: $t("menus.pureComponents"),
rank: components rank: components
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "DialogPage", name: "DialogPage",
component: () => import("@/views/components/dialog/index.vue"), component: () => import("@/views/components/dialog/index.vue"),
meta: { meta: {
title: $t("menus.hsdialog") title: $t("menus.pureDialog")
} }
}, },
{ {
@ -23,7 +23,7 @@ export default {
name: "Message", name: "Message",
component: () => import("@/views/components/message.vue"), component: () => import("@/views/components/message.vue"),
meta: { meta: {
title: $t("menus.hsmessage") title: $t("menus.pureMessage")
} }
}, },
{ {
@ -31,7 +31,7 @@ export default {
name: "PureUpload", name: "PureUpload",
component: () => import("@/views/components/upload/index.vue"), component: () => import("@/views/components/upload/index.vue"),
meta: { meta: {
title: $t("menus.hsUpload") title: $t("menus.pureUpload")
} }
}, },
{ {
@ -39,7 +39,7 @@ export default {
name: "CheckCard", name: "CheckCard",
component: () => import("@/views/components/check-card.vue"), component: () => import("@/views/components/check-card.vue"),
meta: { meta: {
title: $t("menus.hsCheckCard"), title: $t("menus.pureCheckCard"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
@ -48,7 +48,7 @@ export default {
name: "DatePicker", name: "DatePicker",
component: () => import("@/views/components/date-picker.vue"), component: () => import("@/views/components/date-picker.vue"),
meta: { meta: {
title: $t("menus.hsDatePicker") title: $t("menus.pureDatePicker")
} }
}, },
{ {
@ -56,7 +56,7 @@ export default {
name: "DateTimePicker", name: "DateTimePicker",
component: () => import("@/views/components/datetime-picker.vue"), component: () => import("@/views/components/datetime-picker.vue"),
meta: { meta: {
title: $t("menus.hsDateTimePicker") title: $t("menus.pureDateTimePicker")
} }
}, },
{ {
@ -64,7 +64,7 @@ export default {
name: "TimePicker", name: "TimePicker",
component: () => import("@/views/components/time-picker.vue"), component: () => import("@/views/components/time-picker.vue"),
meta: { meta: {
title: $t("menus.hsTimePicker") title: $t("menus.pureTimePicker")
} }
}, },
{ {
@ -72,7 +72,7 @@ export default {
name: "IconSelect", name: "IconSelect",
component: () => import("@/views/components/icon-select.vue"), component: () => import("@/views/components/icon-select.vue"),
meta: { meta: {
title: $t("menus.hsIconSelect") title: $t("menus.pureIconSelect")
} }
}, },
{ {
@ -80,7 +80,7 @@ export default {
name: "AnimateCss", name: "AnimateCss",
component: () => import("@/views/components/animatecss.vue"), component: () => import("@/views/components/animatecss.vue"),
meta: { meta: {
title: $t("menus.hsanimatecss") title: $t("menus.pureAnimatecss")
} }
}, },
{ {
@ -88,7 +88,7 @@ export default {
name: "Cropping", name: "Cropping",
component: () => import("@/views/components/cropping/index.vue"), component: () => import("@/views/components/cropping/index.vue"),
meta: { meta: {
title: $t("menus.hscropping") title: $t("menus.pureCropping")
} }
}, },
{ {
@ -96,7 +96,7 @@ export default {
name: "Segmented", name: "Segmented",
component: () => import("@/views/components/segmented.vue"), component: () => import("@/views/components/segmented.vue"),
meta: { meta: {
title: $t("menus.hssegmented") title: $t("menus.pureSegmented")
} }
}, },
{ {
@ -104,7 +104,7 @@ export default {
name: "PureText", name: "PureText",
component: () => import("@/views/components/text.vue"), component: () => import("@/views/components/text.vue"),
meta: { meta: {
title: $t("menus.hsText"), title: $t("menus.pureText"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
@ -113,7 +113,7 @@ export default {
name: "PureButton", name: "PureButton",
component: () => import("@/views/components/el-button.vue"), component: () => import("@/views/components/el-button.vue"),
meta: { meta: {
title: $t("menus.hsElButton") title: $t("menus.pureElButton")
} }
}, },
{ {
@ -121,7 +121,7 @@ export default {
name: "CheckButton", name: "CheckButton",
component: () => import("@/views/components/check-button.vue"), component: () => import("@/views/components/check-button.vue"),
meta: { meta: {
title: $t("menus.hsCheckButton"), title: $t("menus.pureCheckButton"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
@ -130,7 +130,7 @@ export default {
name: "ButtonPage", name: "ButtonPage",
component: () => import("@/views/components/button.vue"), component: () => import("@/views/components/button.vue"),
meta: { meta: {
title: $t("menus.hsbutton") title: $t("menus.pureButton")
} }
}, },
{ {
@ -138,7 +138,7 @@ export default {
name: "PureProgress", name: "PureProgress",
component: () => import("@/views/components/progress.vue"), component: () => import("@/views/components/progress.vue"),
meta: { meta: {
title: $t("menus.hsProgress") title: $t("menus.pureProgress")
} }
}, },
{ {
@ -146,7 +146,7 @@ export default {
name: "PureTag", name: "PureTag",
component: () => import("@/views/components/tag.vue"), component: () => import("@/views/components/tag.vue"),
meta: { meta: {
title: $t("menus.hsTag") title: $t("menus.pureTag")
} }
}, },
{ {
@ -154,7 +154,7 @@ export default {
name: "Statistic", name: "Statistic",
component: () => import("@/views/components/statistic.vue"), component: () => import("@/views/components/statistic.vue"),
meta: { meta: {
title: $t("menus.hsStatistic") title: $t("menus.pureStatistic")
} }
}, },
{ {
@ -162,7 +162,7 @@ export default {
name: "Collapse", name: "Collapse",
component: () => import("@/views/components/collapse.vue"), component: () => import("@/views/components/collapse.vue"),
meta: { meta: {
title: $t("menus.hsCollapse") title: $t("menus.pureCollapse")
} }
}, },
{ {
@ -170,7 +170,7 @@ export default {
name: "Cascader", name: "Cascader",
component: () => import("@/views/components/cascader.vue"), component: () => import("@/views/components/cascader.vue"),
meta: { meta: {
title: $t("menus.hsCascader") title: $t("menus.pureCascader")
} }
}, },
{ {
@ -178,7 +178,7 @@ export default {
name: "ColorPicker", name: "ColorPicker",
component: () => import("@/views/components/color-picker.vue"), component: () => import("@/views/components/color-picker.vue"),
meta: { meta: {
title: $t("menus.hsColorPicker") title: $t("menus.pureColorPicker")
} }
}, },
{ {
@ -186,7 +186,7 @@ export default {
name: "Selector", name: "Selector",
component: () => import("@/views/components/selector.vue"), component: () => import("@/views/components/selector.vue"),
meta: { meta: {
title: $t("menus.hsselector") title: $t("menus.pureSelector")
} }
}, },
{ {
@ -194,7 +194,7 @@ export default {
name: "Waterfall", name: "Waterfall",
component: () => import("@/views/components/waterfall/index.vue"), component: () => import("@/views/components/waterfall/index.vue"),
meta: { meta: {
title: $t("menus.hswaterfall") title: $t("menus.pureWaterfall")
} }
}, },
{ {
@ -202,7 +202,7 @@ export default {
name: "SplitPane", name: "SplitPane",
component: () => import("@/views/components/split-pane.vue"), component: () => import("@/views/components/split-pane.vue"),
meta: { meta: {
title: $t("menus.hssplitPane") title: $t("menus.pureSplitPane")
} }
}, },
{ {
@ -210,7 +210,7 @@ export default {
name: "Swiper", name: "Swiper",
component: () => import("@/views/components/swiper.vue"), component: () => import("@/views/components/swiper.vue"),
meta: { meta: {
title: $t("menus.hsSwiper") title: $t("menus.pureSwiper")
} }
}, },
{ {
@ -218,7 +218,7 @@ export default {
name: "TimeLine", name: "TimeLine",
component: () => import("@/views/components/timeline.vue"), component: () => import("@/views/components/timeline.vue"),
meta: { meta: {
title: $t("menus.hsTimeline") title: $t("menus.pureTimeline")
} }
}, },
{ {
@ -226,7 +226,7 @@ export default {
name: "CountTo", name: "CountTo",
component: () => import("@/views/components/count-to.vue"), component: () => import("@/views/components/count-to.vue"),
meta: { meta: {
title: $t("menus.hscountTo") title: $t("menus.pureCountTo")
} }
}, },
{ {
@ -234,7 +234,7 @@ export default {
name: "ContextMenu", name: "ContextMenu",
component: () => import("@/views/components/contextmenu/index.vue"), component: () => import("@/views/components/contextmenu/index.vue"),
meta: { meta: {
title: $t("menus.hscontextmenu") title: $t("menus.pureContextmenu")
} }
}, },
{ {
@ -242,7 +242,7 @@ export default {
name: "JsonEditor", name: "JsonEditor",
component: () => import("@/views/components/json-editor.vue"), component: () => import("@/views/components/json-editor.vue"),
meta: { meta: {
title: $t("menus.hsjsoneditor") title: $t("menus.pureJsonEditor")
} }
}, },
{ {
@ -250,7 +250,7 @@ export default {
name: "SeamlessScroll", name: "SeamlessScroll",
component: () => import("@/views/components/seamless-scroll.vue"), component: () => import("@/views/components/seamless-scroll.vue"),
meta: { meta: {
title: $t("menus.hsseamless") title: $t("menus.pureSeamless")
} }
}, },
{ {
@ -258,7 +258,7 @@ export default {
name: "VirtualList", name: "VirtualList",
component: () => import("@/views/components/virtual-list/index.vue"), component: () => import("@/views/components/virtual-list/index.vue"),
meta: { meta: {
title: $t("menus.hsVirtualList") title: $t("menus.pureVirtualList")
} }
} }
] ]

4
src/router/modules/editor.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/editor/index", redirect: "/editor/index",
meta: { meta: {
icon: "ep:edit", icon: "ep:edit",
title: $t("menus.hseditor"), title: $t("menus.pureEditor"),
rank: editor rank: editor
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "Editor", name: "Editor",
component: () => import("@/views/editor/index.vue"), component: () => import("@/views/editor/index.vue"),
meta: { meta: {
title: $t("menus.hseditor"), title: $t("menus.pureEditor"),
keepAlive: true keepAlive: true
} }
} }

8
src/router/modules/error.ts
View File

@ -7,7 +7,7 @@ export default {
meta: { meta: {
icon: "ri:information-line", icon: "ri:information-line",
// showLink: false, // showLink: false,
title: $t("menus.hsabnormal"), title: $t("menus.pureAbnormal"),
rank: error rank: error
}, },
children: [ children: [
@ -16,7 +16,7 @@ export default {
name: "403", name: "403",
component: () => import("@/views/error/403.vue"), component: () => import("@/views/error/403.vue"),
meta: { meta: {
title: $t("menus.hsfourZeroOne") title: $t("menus.pureFourZeroOne")
} }
}, },
{ {
@ -24,7 +24,7 @@ export default {
name: "404", name: "404",
component: () => import("@/views/error/404.vue"), component: () => import("@/views/error/404.vue"),
meta: { meta: {
title: $t("menus.hsfourZeroFour") title: $t("menus.pureFourZeroFour")
} }
}, },
{ {
@ -32,7 +32,7 @@ export default {
name: "500", name: "500",
component: () => import("@/views/error/500.vue"), component: () => import("@/views/error/500.vue"),
meta: { meta: {
title: $t("menus.hsFive") title: $t("menus.pureFive")
} }
} }
] ]

4
src/router/modules/flowchart.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/flow-chart/index", redirect: "/flow-chart/index",
meta: { meta: {
icon: "ep:set-up", icon: "ep:set-up",
title: $t("menus.hsflowChart"), title: $t("menus.pureFlowChart"),
rank: flowchart rank: flowchart
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "FlowChart", name: "FlowChart",
component: () => import("@/views/flow-chart/index.vue"), component: () => import("@/views/flow-chart/index.vue"),
meta: { meta: {
title: $t("menus.hsflowChart") title: $t("menus.pureFlowChart")
} }
} }
] ]

4
src/router/modules/form.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/form/index", redirect: "/form/index",
meta: { meta: {
icon: "ri:edit-box-line", icon: "ri:edit-box-line",
title: $t("menus.hsSchemaForm"), title: $t("menus.pureSchemaForm"),
rank: form rank: form
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "SchemaForm", name: "SchemaForm",
component: () => import("@/views/schema-form/index.vue"), component: () => import("@/views/schema-form/index.vue"),
meta: { meta: {
title: $t("menus.hsSchemaForm"), title: $t("menus.pureSchemaForm"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
} }

5
src/router/modules/formdesign.ts
View File

@ -7,7 +7,7 @@ export default {
redirect: "/form-design/index", redirect: "/form-design/index",
meta: { meta: {
icon: "ri:terminal-window-line", icon: "ri:terminal-window-line",
title: $t("menus.hsFormDesign"), title: $t("menus.pureFormDesign"),
rank: formdesign rank: formdesign
}, },
children: [ children: [
@ -16,7 +16,8 @@ export default {
name: "FormDesign", name: "FormDesign",
component: IFrame, component: IFrame,
meta: { meta: {
title: $t("menus.hsFormDesign"), title: $t("menus.pureFormDesign"),
keepAlive: true,
frameSrc: frameSrc:
"https://haixin-fang.github.io/vue-form-design/playground/index.html", "https://haixin-fang.github.io/vue-form-design/playground/index.html",
frameLoading: false frameLoading: false

4
src/router/modules/ganttastic.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/ganttastic/index", redirect: "/ganttastic/index",
meta: { meta: {
icon: "ri:bar-chart-horizontal-line", icon: "ri:bar-chart-horizontal-line",
title: $t("menus.hsGanttastic"), title: $t("menus.pureGanttastic"),
rank: ganttastic rank: ganttastic
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "Ganttastic", name: "Ganttastic",
component: () => import("@/views/ganttastic/index.vue"), component: () => import("@/views/ganttastic/index.vue"),
meta: { meta: {
title: $t("menus.hsGanttastic"), title: $t("menus.pureGanttastic"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
} }

4
src/router/modules/guide.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/guide/index", redirect: "/guide/index",
meta: { meta: {
icon: "ep:guide", icon: "ep:guide",
title: $t("menus.hsguide"), title: $t("menus.pureGuide"),
rank: guide rank: guide
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "Guide", name: "Guide",
component: () => import("@/views/guide/index.vue"), component: () => import("@/views/guide/index.vue"),
meta: { meta: {
title: $t("menus.hsguide") title: $t("menus.pureGuide")
} }
} }
] ]

4
src/router/modules/home.ts
View File

@ -10,7 +10,7 @@ export default {
redirect: "/welcome", redirect: "/welcome",
meta: { meta: {
icon: "ep:home-filled", icon: "ep:home-filled",
title: $t("menus.hshome"), title: $t("menus.pureHome"),
rank: home rank: home
}, },
children: [ children: [
@ -19,7 +19,7 @@ export default {
name: "Welcome", name: "Welcome",
component: () => import("@/views/welcome/index.vue"), component: () => import("@/views/welcome/index.vue"),
meta: { meta: {
title: $t("menus.hshome"), title: $t("menus.pureHome"),
showLink: VITE_HIDE_HOME === "true" ? false : true showLink: VITE_HIDE_HOME === "true" ? false : true
} }
} }

4
src/router/modules/list.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/list/card", redirect: "/list/card",
meta: { meta: {
icon: "ri:list-check", icon: "ri:list-check",
title: $t("menus.hsList"), title: $t("menus.pureList"),
rank: list rank: list
}, },
children: [ children: [
@ -16,7 +16,7 @@ export default {
component: () => import("@/views/list/card/index.vue"), component: () => import("@/views/list/card/index.vue"),
meta: { meta: {
icon: "ri:bank-card-line", icon: "ri:bank-card-line",
title: $t("menus.hsListCard"), title: $t("menus.pureListCard"),
showParent: true showParent: true
} }
} }

4
src/router/modules/menuoverflow.ts
View File

@ -5,7 +5,7 @@ export default {
path: "/menuoverflow", path: "/menuoverflow",
redirect: "/menuoverflow/index", redirect: "/menuoverflow/index",
meta: { meta: {
title: $t("menus.hsMenuoverflow"), title: $t("menus.pureMenuOverflow"),
rank: menuoverflow rank: menuoverflow
}, },
children: [ children: [
@ -14,7 +14,7 @@ export default {
name: "MenuOverflow", name: "MenuOverflow",
component: () => import("@/views/menuoverflow/index.vue"), component: () => import("@/views/menuoverflow/index.vue"),
meta: { meta: {
title: $t("menus.hsChildMenuoverflow"), title: $t("menus.pureChildMenuOverflow"),
showParent: true showParent: true
} }
} }

25
src/router/modules/mind.ts Normal file
View File

@ -0,0 +1,25 @@
import { $t } from "@/plugins/i18n";
import { mind } from "@/router/enums";
const IFrame = () => import("@/layout/frameView.vue");
export default {
path: "/mind-map",
redirect: "/mind-map/index",
meta: {
icon: "ri:mind-map",
title: $t("menus.pureMindMap"),
rank: mind
},
children: [
{
path: "/mind-map/index",
name: "FrameMindMap",
component: IFrame,
meta: {
title: $t("menus.pureMindMap"),
keepAlive: true,
frameSrc: "https://wanglin2.github.io/mind-map/#/"
}
}
]
} satisfies RouteConfigsTable;

16
src/router/modules/nested.ts
View File

@ -5,7 +5,7 @@ export default {
path: "/nested", path: "/nested",
redirect: "/nested/menu1/menu1-1", redirect: "/nested/menu1/menu1-1",
meta: { meta: {
title: $t("menus.hsmenus"), title: $t("menus.pureMenus"),
icon: "ep:histogram", icon: "ep:histogram",
rank: nested rank: nested
}, },
@ -13,7 +13,7 @@ export default {
{ {
path: "/nested/menu1", path: "/nested/menu1",
meta: { meta: {
title: $t("menus.hsmenu1"), title: $t("menus.pureMenu1"),
keepAlive: true keepAlive: true
}, },
redirect: "/nested/menu1/menu1-1", redirect: "/nested/menu1/menu1-1",
@ -23,7 +23,7 @@ export default {
component: () => import("@/views/nested/menu1/menu1-1/index.vue"), component: () => import("@/views/nested/menu1/menu1-1/index.vue"),
name: "Menu1-1", name: "Menu1-1",
meta: { meta: {
title: $t("menus.hsmenu1-1"), title: $t("menus.pureMenu1-1"),
keepAlive: true keepAlive: true
} }
}, },
@ -31,7 +31,7 @@ export default {
path: "/nested/menu1/menu1-2", path: "/nested/menu1/menu1-2",
redirect: "/nested/menu1/menu1-2/menu1-2-1", redirect: "/nested/menu1/menu1-2/menu1-2-1",
meta: { meta: {
title: $t("menus.hsmenu1-2"), title: $t("menus.pureMenu1-2"),
keepAlive: true keepAlive: true
}, },
children: [ children: [
@ -41,7 +41,7 @@ export default {
import("@/views/nested/menu1/menu1-2/menu1-2-1/index.vue"), import("@/views/nested/menu1/menu1-2/menu1-2-1/index.vue"),
name: "Menu1-2-1", name: "Menu1-2-1",
meta: { meta: {
title: $t("menus.hsmenu1-2-1"), title: $t("menus.pureMenu1-2-1"),
keepAlive: true keepAlive: true
} }
}, },
@ -51,7 +51,7 @@ export default {
import("@/views/nested/menu1/menu1-2/menu1-2-2/index.vue"), import("@/views/nested/menu1/menu1-2/menu1-2-2/index.vue"),
name: "Menu1-2-2", name: "Menu1-2-2",
meta: { meta: {
title: $t("menus.hsmenu1-2-2"), title: $t("menus.pureMenu1-2-2"),
keepAlive: true keepAlive: true
} }
} }
@ -62,7 +62,7 @@ export default {
component: () => import("@/views/nested/menu1/menu1-3/index.vue"), component: () => import("@/views/nested/menu1/menu1-3/index.vue"),
name: "Menu1-3", name: "Menu1-3",
meta: { meta: {
title: $t("menus.hsmenu1-3"), title: $t("menus.pureMenu1-3"),
keepAlive: true keepAlive: true
} }
} }
@ -73,7 +73,7 @@ export default {
name: "Menu2", name: "Menu2",
component: () => import("@/views/nested/menu2/index.vue"), component: () => import("@/views/nested/menu2/index.vue"),
meta: { meta: {
title: $t("menus.hsmenu2"), title: $t("menus.pureMenu2"),
keepAlive: true keepAlive: true
} }
} }

1
src/router/modules/ppt.ts
View File

@ -16,6 +16,7 @@ export default {
component: IFrame, component: IFrame,
meta: { meta: {
title: "PPT", title: "PPT",
keepAlive: true,
frameSrc: "https://pipipi-pikachu.github.io/PPTist/", frameSrc: "https://pipipi-pikachu.github.io/PPTist/",
frameLoading: false frameLoading: false
} }

6
src/router/modules/remaining.ts
View File

@ -7,7 +7,7 @@ export default [
name: "Login", name: "Login",
component: () => import("@/views/login/index.vue"), component: () => import("@/views/login/index.vue"),
meta: { meta: {
title: $t("menus.hslogin"), title: $t("menus.pureLogin"),
showLink: false, showLink: false,
rank: 101 rank: 101
} }
@ -16,7 +16,7 @@ export default [
path: "/redirect", path: "/redirect",
component: Layout, component: Layout,
meta: { meta: {
title: $t("status.hsLoad"), title: $t("status.pureLoad"),
showLink: false, showLink: false,
rank: 102 rank: 102
}, },
@ -34,7 +34,7 @@ export default [
name: "Empty", name: "Empty",
component: () => import("@/views/empty/index.vue"), component: () => import("@/views/empty/index.vue"),
meta: { meta: {
title: $t("menus.hsempty"), title: $t("menus.pureEmpty"),
showLink: false, showLink: false,
rank: 103 rank: 103
} }

6
src/router/modules/result.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/result/success", redirect: "/result/success",
meta: { meta: {
icon: "ri:checkbox-circle-line", icon: "ri:checkbox-circle-line",
title: $t("menus.hsResult"), title: $t("menus.pureResult"),
rank: result rank: result
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "Success", name: "Success",
component: () => import("@/views/result/success.vue"), component: () => import("@/views/result/success.vue"),
meta: { meta: {
title: $t("menus.hsSuccess") title: $t("menus.pureSuccess")
} }
}, },
{ {
@ -23,7 +23,7 @@ export default {
name: "Fail", name: "Fail",
component: () => import("@/views/result/fail.vue"), component: () => import("@/views/result/fail.vue"),
meta: { meta: {
title: $t("menus.hsFail") title: $t("menus.pureFail")
} }
} }
] ]

10
src/router/modules/table.ts
View File

@ -6,7 +6,7 @@ export default {
redirect: "/table/index", redirect: "/table/index",
meta: { meta: {
icon: "ri:table-line", icon: "ri:table-line",
title: $t("menus.hstable"), title: $t("menus.pureTable"),
rank: table rank: table
}, },
children: [ children: [
@ -15,7 +15,7 @@ export default {
name: "PureTable", name: "PureTable",
component: () => import("@/views/table/index.vue"), component: () => import("@/views/table/index.vue"),
meta: { meta: {
title: $t("menus.hsPureTableBase") title: $t("menus.pureTableBase")
} }
}, },
{ {
@ -23,7 +23,7 @@ export default {
name: "PureTableHigh", name: "PureTableHigh",
component: () => import("@/views/table/high.vue"), component: () => import("@/views/table/high.vue"),
meta: { meta: {
title: $t("menus.hsPureTableHigh") title: $t("menus.pureTableHigh")
} }
}, },
{ {
@ -31,7 +31,7 @@ export default {
name: "PureTableEdit", name: "PureTableEdit",
component: () => import("@/views/table/edit.vue"), component: () => import("@/views/table/edit.vue"),
meta: { meta: {
title: $t("menus.hsPureTableEdit"), title: $t("menus.pureTableEdit"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
@ -40,7 +40,7 @@ export default {
name: "VxeTable", name: "VxeTable",
component: () => import("@/views/table/virtual.vue"), component: () => import("@/views/table/virtual.vue"),
meta: { meta: {
title: $t("menus.hsVxeTable"), title: $t("menus.pureVxeTable"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
} }

6
src/store/modules/user.ts
View File

@ -55,10 +55,8 @@ export const useUserStore = defineStore({
return new Promise<UserResult>((resolve, reject) => { return new Promise<UserResult>((resolve, reject) => {
getLogin(data) getLogin(data)
.then(data => { .then(data => {
if (data) { if (data?.success) setToken(data.data);
setToken(data.data); resolve(data);
resolve(data);
}
}) })
.catch(error => { .catch(error => {
reject(error); reject(error);

7
src/views/able/barcode.vue
View File

@ -44,6 +44,13 @@ const barcodes = [
</el-link> </el-link>
生成） 生成）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/barcode.vue"
target="_blank"
>
代码位置 src/views/able/barcode.vue
</el-link>
</template> </template>
<el-row :gutter="12"> <el-row :gutter="12">
<template v-for="(item, index) in barcodes" :key="index"> <template v-for="(item, index) in barcodes" :key="index">

7
src/views/able/danmaku/index.vue
View File

@ -116,6 +116,13 @@ function addDanmu() {
</el-link> </el-link>
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/danmaku"
target="_blank"
>
代码位置 src/views/able/danmaku
</el-link>
</template> </template>
<div class="flex gap-5"> <div class="flex gap-5">
<vue-danmaku <vue-danmaku

9
src/views/able/debounce.vue
View File

@ -19,7 +19,14 @@ const throttleClick = throttle(handle);
<div> <div>
<el-card class="mb-5" shadow="never"> <el-card class="mb-5" shadow="never">
<template #header> <template #header>
<div class="font-medium">防抖：debounce</div> <p class="font-medium">防抖：debounce</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/debounce.vue"
target="_blank"
>
代码位置 src/views/able/debounce.vue
</el-link>
</template> </template>
<div class="mb-5"> <div class="mb-5">
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n

9
src/views/able/directives.vue
View File

@ -56,7 +56,14 @@ function onReset() {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium">自定义防抖、截流、文本复制、长按指令</span> <p class="font-medium">自定义防抖、截流、文本复制、长按指令</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/directives.vue"
target="_blank"
>
代码位置 src/views/able/directives.vue
</el-link>
</div> </div>
</template> </template>
<div class="mb-2"> <div class="mb-2">

9
src/views/able/download.vue
View File

@ -28,7 +28,14 @@ function down() {
<template> <template>
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<span class="font-medium">文件下载功能</span> <p class="font-medium">文件下载功能</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/download.vue"
target="_blank"
>
代码位置 src/views/able/download.vue
</el-link>
</template> </template>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<el-button <el-button

7
src/views/able/draggable.vue
View File

@ -68,6 +68,13 @@ onMounted(() => {
</el-link> </el-link>
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/draggable.vue"
target="_blank"
>
代码位置 src/views/able/draggable.vue
</el-link>
</template> </template>
<div class="drag-container"> <div class="drag-container">
<!-- grid列表拖拽 --> <!-- grid列表拖拽 -->

11
src/views/able/excel.vue
View File

@ -72,16 +72,21 @@ const exportExcel = () => {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium"> <div class="font-medium">
导出Excel（
<el-link <el-link
href="https://github.com/SheetJS/sheetjs" href="https://github.com/SheetJS/sheetjs"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
github地址 导出Excel
</el-link> </el-link>
）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/excel.vue"
target="_blank"
>
代码位置 src/views/able/excel.vue
</el-link>
</template> </template>
<el-button type="primary" @click="exportExcel">导出Excel</el-button> <el-button type="primary" @click="exportExcel">导出Excel</el-button>
<div class="h-[25rem] mt-3"> <div class="h-[25rem] mt-3">

11
src/views/able/infinite-scroll.vue
View File

@ -35,16 +35,21 @@ const load = () => {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium"> <div class="font-medium">
表格无限滚动（
<el-link <el-link
href="https://github.com/yujinpan/el-table-infinite-scroll" href="https://github.com/yujinpan/el-table-infinite-scroll"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
github地址 表格无限滚动
</el-link> </el-link>
）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/infinite-scroll.vue"
target="_blank"
>
代码位置 src/views/able/infinite-scroll.vue
</el-link>
</template> </template>
<p class="mb-2">{{ isBottom ? "已加载全部页" : `加载到第 ${page} 页` }}</p> <p class="mb-2">{{ isBottom ? "已加载全部页" : `加载到第 ${page} 页` }}</p>
<el-table <el-table

13
src/views/able/line-tree.vue
View File

@ -25,9 +25,16 @@ const dataProps = {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium"> <p class="font-medium">
扩展elemenet-plus的树形组件包括虚拟树组件，支持连接线 扩展 Elemenet Plus 的树形组件包括虚拟树组件，支持连接线
</span> </p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/line-tree.vue"
target="_blank"
>
代码位置 src/views/able/line-tree.vue
</el-link>
</div> </div>
</template> </template>

9
src/views/able/menu-tree.vue
View File

@ -47,7 +47,7 @@ const filterMethod = (query: string, node: treeNode) => {
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium"> <span class="font-medium">
菜单树结构（采用element-plus的 菜单树结构（采用 Element Plus 的
<el-link <el-link
href="https://element-plus.gitee.io/zh-CN/component/tree-v2.html" href="https://element-plus.gitee.io/zh-CN/component/tree-v2.html"
target="_blank" target="_blank"
@ -59,6 +59,13 @@ const filterMethod = (query: string, node: treeNode) => {
组件并支持国际化） 组件并支持国际化）
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/menu-tree.vue"
target="_blank"
>
代码位置 src/views/able/menu-tree.vue
</el-link>
</template> </template>
<el-input <el-input
v-model="query" v-model="query"

400
src/views/able/mqtt-client.vue Normal file
View File

@ -0,0 +1,400 @@
<script setup lang="ts">
// vue 3 + vite use MQTT.js refer to https://github.com/mqttjs/MQTT.js/issues/1269
import * as mqtt from "mqtt/dist/mqtt.min";
import { reactive, ref, onUnmounted } from "vue";
const protocol = location.protocol === "https:" ? "wss" : "ws";
const port = protocol === "wss" ? 8084 : 8083;
// https://github.com/mqttjs/MQTT.js#qos
const qosList = [0, 1, 2];
const connection = reactive({
protocol,
host: "broker.emqx.io",
port,
clientId: "emqx_vue3_" + Math.random().toString(16).substring(2, 8),
username: "emqx_test",
password: "emqx_test",
clean: true,
connectTimeout: 30 * 1000, // ms
reconnectPeriod: 4000 // ms
// for more options and details, please refer to https://github.com/mqttjs/MQTT.js#mqttclientstreambuilder-options
});
// 订阅 topic/mqttx 主题
const subscription = ref({
topic: "topic/mqttx",
qos: 0 as any
});
// 发布 topic/browser 主题
const publish = ref({
topic: "topic/browser",
qos: 0 as any,
payload: '{ "msg": "Hello, I am browser." }'
});
let client = ref({
connected: false
} as mqtt.MqttClient);
const receivedMessages = ref("");
const subscribedSuccess = ref(false);
const btnLoadingType = ref("");
const retryTimes = ref(0);
const initData = () => {
client.value = {
connected: false
} as mqtt.MqttClient;
retryTimes.value = 0;
btnLoadingType.value = "";
subscribedSuccess.value = false;
};
const handleOnReConnect = () => {
retryTimes.value += 1;
if (retryTimes.value > 5) {
try {
client.value.end();
initData();
console.log("connection maxReconnectTimes limit, stop retry");
} catch (error) {
console.log("handleOnReConnect catch error:", error);
}
}
};
const createConnection = () => {
try {
btnLoadingType.value = "connect";
const { protocol, host, port, ...options } = connection;
const connectUrl = `${protocol}://${host}:${port}/mqtt`;
// 连接MQTT 服务器
client.value = mqtt.connect(connectUrl, options);
if (client.value.on) {
// https://github.com/mqttjs/MQTT.js#event-connect
client.value.on("connect", () => {
btnLoadingType.value = "";
console.log("connection successful");
});
// https://github.com/mqttjs/MQTT.js#event-reconnect
client.value.on("reconnect", handleOnReConnect);
// https://github.com/mqttjs/MQTT.js#event-error
client.value.on("error", error => {
console.log("connection error:", error);
});
// https://github.com/mqttjs/MQTT.js#event-message
client.value.on("message", (topic: string, message) => {
receivedMessages.value = receivedMessages.value.concat(
message.toString()
);
console.log(`received message: ${message} from topic: ${topic}`);
});
}
} catch (error) {
btnLoadingType.value = "";
console.log("mqtt.connect error:", error);
}
};
// subscribe topic
// https://github.com/mqttjs/MQTT.js#mqttclientsubscribetopictopic-arraytopic-object-options-callback
const doSubscribe = () => {
btnLoadingType.value = "subscribe";
const { topic, qos } = subscription.value;
client.value.subscribe(
topic,
{ qos },
(error: Error, granted: mqtt.ISubscriptionGrant[]) => {
btnLoadingType.value = "";
if (error) {
console.log("subscribe error:", error);
return;
}
subscribedSuccess.value = true;
console.log("subscribe successfully:", granted);
}
);
};
// unsubscribe topic
// https://github.com/mqttjs/MQTT.js#mqttclientunsubscribetopictopic-array-options-callback
const doUnSubscribe = () => {
btnLoadingType.value = "unsubscribe";
const { topic, qos } = subscription.value;
client.value.unsubscribe(topic, { qos }, error => {
btnLoadingType.value = "";
subscribedSuccess.value = false;
if (error) {
console.log("unsubscribe error:", error);
return;
}
console.log(`unsubscribed topic: ${topic}`);
});
};
// publish message
// https://github.com/mqttjs/MQTT.js#mqttclientpublishtopic-message-options-callback
const doPublish = () => {
btnLoadingType.value = "publish";
const { topic, qos, payload } = publish.value;
client.value.publish(topic, payload, { qos }, error => {
btnLoadingType.value = "";
if (error) {
console.log("publish error:", error);
return;
}
console.log(`published message: ${payload}`);
});
};
// disconnect
// https://github.com/mqttjs/MQTT.js#mqttclientendforce-options-callback
const destroyConnection = () => {
if (client.value.connected) {
btnLoadingType.value = "disconnect";
try {
client.value.end(false, () => {
initData();
console.log("disconnected successfully");
});
} catch (error) {
btnLoadingType.value = "";
console.log("disconnect error:", error);
}
}
};
const handleProtocolChange = (value: string) => {
connection.port = value === "wss" ? 8084 : 8083;
};
onUnmounted(() => {
try {
if (client.value.end) {
client.value.end();
console.log("disconnected successfully");
}
} catch (error) {
console.log(error);
}
});
</script>
<template>
<el-card shadow="never" :body-style="{ padding: '20px' }">
<template #header>
<div>
基于
<el-link
type="primary"
:underline="false"
href="https://github.com/mqttjs/MQTT.js"
target="_blank"
>
MQTT.js
</el-link>
和 免费的公共MQTT代理
<el-link
type="primary"
:underline="false"
href="broker.emqx.io"
target="_blank"
>
EMQX
</el-link>
实现的一套 MQTT 客户端
</div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/mqtt-client.vue"
target="_blank"
>
代码位置 src/views/able/mqtt-client.vue
</el-link>
</template>
<el-card shadow="never">
<h1>设置</h1>
<el-form label-position="top" :model="connection">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item prop="protocol" label="协议">
<el-select
v-model="connection.protocol"
@change="handleProtocolChange"
>
<el-option label="ws://" value="ws" />
<el-option label="wss://" value="wss" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="host" label="主机">
<el-input v-model="connection.host" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="port" label="端口">
<el-input
v-model.number="connection.port"
type="number"
placeholder="8083/8084"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="clientId" label="客户端ID">
<el-input v-model="connection.clientId" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="username" label="用户名">
<el-input v-model="connection.username" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="password" label="密码">
<el-input v-model="connection.password" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-button
type="primary"
:disabled="client.connected"
:loading="btnLoadingType === 'connect'"
@click="createConnection"
>
{{ client.connected ? "已连接" : "连接" }}
</el-button>
<el-button
v-if="client.connected"
type="danger"
:loading="btnLoadingType === 'disconnect'"
@click="destroyConnection"
>
断开连接
</el-button>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card shadow="never" class="mt-4">
<h1>订阅</h1>
<el-form label-position="top" :model="subscription">
<el-row :gutter="20" :align="'middle'">
<el-col :span="8">
<el-form-item prop="topic" label="主题">
<el-input
v-model="subscription.topic"
:disabled="subscribedSuccess"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="qos" label="通信质量">
<el-select
v-model="subscription.qos"
:disabled="subscribedSuccess"
>
<el-option
v-for="qos in qosList"
:key="qos"
:label="qos"
:value="qos"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-button
type="primary"
class="sub-btn"
:loading="btnLoadingType === 'subscribe'"
:disabled="!client.connected || subscribedSuccess"
@click="doSubscribe"
>
{{ subscribedSuccess ? "已订阅" : "订阅" }}
</el-button>
<el-button
v-if="subscribedSuccess"
type="primary"
class="sub-btn"
:loading="btnLoadingType === 'unsubscribe'"
:disabled="!client.connected"
@click="doUnSubscribe"
>
取消订阅
</el-button>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card shadow="never" class="mt-4">
<h1>发布</h1>
<el-form label-position="top" :model="publish">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item prop="topic">
<template #label>
<span>主题</span>
<el-text type="info" size="small">
可将订阅主题设置为topic/browser，测试MQTT的自发自收。
</el-text>
</template>
<el-input v-model="publish.topic" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="payload" label="有效载荷">
<el-input v-model="publish.payload" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="qos" label="通信质量">
<el-select v-model="publish.qos">
<el-option
v-for="qos in qosList"
:key="qos"
:label="qos"
:value="qos"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-col :span="24">
<el-button
type="primary"
:loading="btnLoadingType === 'publish'"
:disabled="!client.connected"
@click="doPublish"
>
发布
</el-button>
</el-col>
</el-card>
<el-card shadow="never" class="mt-4">
<h1>接收</h1>
<el-col :span="24">
<el-input
v-model="receivedMessages"
type="textarea"
:rows="3"
readonly
/>
</el-col>
</el-card>
</el-card>
</template>

59
src/views/able/pdf.vue
View File

@ -38,21 +38,26 @@ const onPrint = () => {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium"> <div class="font-medium">
PDF预览（
<el-link <el-link
href="https://github.com/hrynko/vue-pdf-embed" href="https://github.com/hrynko/vue-pdf-embed"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
github地址 PDF预览
</el-link> </el-link>
）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/pdf.vue"
target="_blank"
>
代码位置 src/views/able/pdf.vue
</el-link>
</template> </template>
<div <div
v-loading="loading" v-loading="loading"
class="h-[calc(100vh-239px)]" class="h-[calc(100vh-295px)]"
:element-loading-text="t('status.hsLoad')" :element-loading-text="t('status.pureLoad')"
> >
<div class="flex justify-between items-center h-9"> <div class="flex justify-between items-center h-9">
<div v-if="showAllPages" class="font-medium ml-1.25 text-xl"> <div v-if="showAllPages" class="font-medium ml-1.25 text-xl">
@ -73,28 +78,28 @@ const onPrint = () => {
<el-checkbox v-model="showAllPages" @change="showAllPagesChange"> <el-checkbox v-model="showAllPages" @change="showAllPagesChange">
显示所有页面 显示所有页面
</el-checkbox> </el-checkbox>
<el-tooltip <IconifyIconOnline
effect="dark" v-tippy="{
:content="`翻转（当前角度${rotations[currentRotation]}度）`" maxWidth: 'none',
placement="top" content: `翻转（当前角度${rotations[currentRotation]}度）`
> }"
<IconifyIconOnline icon="ic:baseline-rotate-90-degrees-ccw"
icon="ic:baseline-rotate-90-degrees-ccw" class="cursor-pointer outline-transparent"
class="cursor-pointer outline-transparent" @click="
@click=" currentRotation === 3
currentRotation === 3 ? (currentRotation = 0)
? (currentRotation = 0) : (currentRotation += 1)
: (currentRotation += 1) "
" />
/> <IconifyIconOnline
</el-tooltip> v-tippy="{
<el-tooltip effect="dark" content="打印" placement="top"> maxWidth: 'none',
<IconifyIconOnline content: '打印'
icon="ri:printer-line" }"
class="cursor-pointer outline-transparent" icon="ri:printer-line"
@click="onPrint" class="cursor-pointer outline-transparent"
/> @click="onPrint"
</el-tooltip> />
</div> </div>
</div> </div>
<el-scrollbar> <el-scrollbar>

9
src/views/able/pinyin.vue
View File

@ -10,7 +10,14 @@ defineOptions({
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium">汉语拼音</span> <p class="font-medium">汉语拼音</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/pinyin.vue"
target="_blank"
>
代码位置 src/views/able/pinyin.vue
</el-link>
</div> </div>
</template> </template>
<p v-html="html('带 音 调')" /> <p v-html="html('带 音 调')" />

47
src/views/able/print/index.vue
View File

@ -81,25 +81,30 @@ const tableData: User[] = [
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium">打印功能（报表、图表、图片）</span> <span class="font-medium">打印功能（报表、图表、图片）</span>
<div class="flex"> <el-select
<el-select v-model="value"
v-model="value" class="!w-[100px] mr-2"
class="!w-[100px] mr-2" placeholder="Select"
placeholder="Select" size="small"
size="small" >
> <el-option
<el-option v-for="item in options"
v-for="item in options" :key="item.value"
:key="item.value" :label="item.label"
:label="item.label" :value="item.value"
:value="item.value" />
/> </el-select>
</el-select> <el-button size="small" type="primary" @click="onPrint">
<el-button size="small" type="primary" @click="onPrint"> 打印
打印 </el-button>
</el-button>
</div>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/print"
target="_blank"
>
代码位置 src/views/able/print
</el-link>
</template> </template>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col <el-col
@ -196,10 +201,4 @@ const tableData: User[] = [
:deep(.el-table__row.success-row) { :deep(.el-table__row.success-row) {
--el-table-tr-bg-color: var(--el-color-success-light-9); --el-table-tr-bg-color: var(--el-color-success-light-9);
} }
.card-header {
display: flex;
align-items: center;
justify-content: space-between;
}
</style> </style>

7
src/views/able/qrcode.vue
View File

@ -36,6 +36,13 @@ const disabledClick = () => {
</el-link> </el-link>
生成） 生成）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/qrcode.vue"
target="_blank"
>
代码位置 src/views/able/qrcode.vue
</el-link>
</template> </template>
<el-row :gutter="20" justify="space-between"> <el-row :gutter="20" justify="space-between">
<el-col :xl="6" :lg="6" :md="12" :sm="24" :xs="24"> <el-col :xl="6" :lg="6" :md="12" :sm="24" :xs="24">

9
src/views/able/ripple.vue
View File

@ -7,7 +7,14 @@ defineOptions({
<template> <template>
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium">波纹(Ripple)</div> <p class="font-medium">波纹(Ripple)</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/ripple.vue"
target="_blank"
>
代码位置 src/views/able/ripple.vue
</el-link>
</template> </template>
<div class="mb-5">组件中的波纹</div> <div class="mb-5">组件中的波纹</div>
<el-alert <el-alert

9
src/views/able/sensitive.vue
View File

@ -21,7 +21,14 @@ function onInput() {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium">敏感词过滤</span> <p class="font-medium">敏感词过滤</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/sensitive.vue"
target="_blank"
>
代码位置 src/views/able/sensitive.vue
</el-link>
</div> </div>
</template> </template>
<div class="flex flex-wrap gap-2 my-2"> <div class="flex flex-wrap gap-2 my-2">

9
src/views/able/typeit.vue
View File

@ -14,7 +14,14 @@ const options: TypeItOptions = {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium"> 打字机组件 </span> <p class="font-medium">打字机组件</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/typeit.vue"
target="_blank"
>
代码位置 src/views/able/typeit.vue
</el-link>
</div> </div>
</template> </template>
<TypeIt :options="options" /> <TypeIt :options="options" />

11
src/views/able/verify.vue
View File

@ -17,16 +17,21 @@ function onFail() {
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium"> <div class="font-medium">
拼图人机验证、右滑拼图验证（
<el-link <el-link
href="https://github.com/javaLuo/vue-puzzle-vcode/tree/vue3" href="https://github.com/javaLuo/vue-puzzle-vcode/tree/vue3"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
github地址 拼图人机验证、右滑拼图验证
</el-link> </el-link>
）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/verify.vue"
target="_blank"
>
代码位置 src/views/able/verify.vue
</el-link>
</template> </template>
<div class="bg-[rgba(15,23,42,0.2)] p-6 w-[360px]"> <div class="bg-[rgba(15,23,42,0.2)] p-6 w-[360px]">
<Vcode :show="isShow" type="inside" @fail="onFail" @success="onSuccess" /> <Vcode :show="isShow" type="inside" @fail="onFail" @success="onSuccess" />

7
src/views/able/video-frame/index.vue
View File

@ -134,6 +134,13 @@ onBeforeUnmount(() => {
工具，可以在浏览器内进行视频和音频录制、转换和流式传输等，不过通过一些实践，对于时长较长的视频性能还是不太行，不过用于时长较短的短视频还是可以上生产的 工具，可以在浏览器内进行视频和音频录制、转换和流式传输等，不过通过一些实践，对于时长较长的视频性能还是不太行，不过用于时长较短的短视频还是可以上生产的
</p> </p>
</span> </span>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/video-frame"
target="_blank"
>
代码位置 src/views/able/video-frame
</el-link>
</div> </div>
</template> </template>
<div class="flex flex-wrap"> <div class="flex flex-wrap">

7
src/views/able/video.vue
View File

@ -48,6 +48,13 @@ onMounted(() => {
</el-link> </el-link>
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/video.vue"
target="_blank"
>
代码位置 src/views/able/video.vue
</el-link>
</template> </template>
<div id="mse" /> <div id="mse" />
</el-card> </el-card>

21
src/views/able/watermark.vue
View File

@ -36,16 +36,22 @@ onBeforeUnmount(() => {
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span class="font-medium"> <span class="font-medium">
页面水印
<el-link <el-link
href="https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark" href="https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
（查看更详细的使用文档） 页面水印
</el-link> </el-link>
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/watermark.vue"
target="_blank"
>
代码位置 src/views/able/watermark.vue
</el-link>
</template> </template>
<el-space wrap class="!mb-2"> <el-space wrap class="!mb-2">
<span> 请输入要创建水印的值：</span> <span> 请输入要创建水印的值：</span>
@ -120,9 +126,7 @@ onBeforeUnmount(() => {
<el-button plain @click="clear">清除整页水印</el-button> <el-button plain @click="clear">清除整页水印</el-button>
</el-space> </el-space>
<el-divider /> <div ref="local" class="w-1/2 h-[200px] border border-sky-500 mt-4" />
<div ref="local" class="w-1/2 h-[200px] border border-sky-500" />
<el-space wrap class="mt-6"> <el-space wrap class="mt-6">
<el-button <el-button
@ -190,8 +194,9 @@ onBeforeUnmount(() => {
<el-button plain @click="clearLocal">清除局部水印</el-button> <el-button plain @click="clearLocal">清除局部水印</el-button>
</el-space> </el-space>
<el-divider /> <div
ref="preventLocal"
<div ref="preventLocal" class="w-1/2 h-[200px] border border-indigo-500" /> class="w-1/2 h-[200px] border border-indigo-500 mt-4"
/>
</el-card> </el-card>
</template> </template>

7
src/views/able/wavesurfer/index.vue
View File

@ -93,6 +93,13 @@ onBeforeUnmount(() => {
</span> </span>
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/wavesurfer"
target="_blank"
>
代码位置 src/views/able/wavesurfer
</el-link>
</template> </template>
<div <div
v-loading="loading" v-loading="loading"

7
src/views/components/animatecss.vue
View File

@ -28,6 +28,13 @@ watch(animate, () => {
选择器 选择器
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/animatecss.vue"
target="_blank"
>
代码位置 src/views/components/animatecss.vue
</el-link>
</template> </template>
<ReAnimateSelector v-model="animate" class="!w-[200px]" /> <ReAnimateSelector v-model="animate" class="!w-[200px]" />
</el-card> </el-card>

7
src/views/components/button.vue
View File

@ -16,6 +16,13 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
<div class="card-header"> <div class="card-header">
<span class="font-medium">通过 iframe 引入按钮页面</span> <span class="font-medium">通过 iframe 引入按钮页面</span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/button.vue"
target="_blank"
>
代码位置 src/views/components/button.vue
</el-link>
</template> </template>
<iframe :src="url" frameborder="0" class="iframe w-full h-[60vh]" /> <iframe :src="url" frameborder="0" class="iframe w-full h-[60vh]" />
</el-card> </el-card>

11
src/views/components/cascader.vue
View File

@ -25,7 +25,16 @@ const handleChange = value => {
<template> <template>
<el-card shadow="never"> <el-card shadow="never">
<template #header> <p class="font-medium">区域级联选择器</p> </template> <template #header>
<p class="font-medium">区域级联选择器</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/cascader.vue"
target="_blank"
>
代码位置 src/views/components/cascader.vue
</el-link>
</template>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24"> <el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">
<div class="flex flex-col items-center justify-center"> <div class="flex flex-col items-center justify-center">

9
src/views/components/check-button.vue
View File

@ -93,7 +93,7 @@ watch(size, val =>
<div class="card-header"> <div class="card-header">
<el-space wrap :size="40"> <el-space wrap :size="40">
<span style="font-size: 16px; font-weight: 800"> 可选按钮 </span> <span style="font-size: 16px; font-weight: 800"> 可选按钮 </span>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size">
<el-radio value="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
@ -101,6 +101,13 @@ watch(size, val =>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-button.vue"
target="_blank"
>
代码位置 src/views/components/check-button.vue
</el-link>
</template> </template>
<p class="mb-2">单选（紧凑风格的按钮样式）</p> <p class="mb-2">单选（紧凑风格的按钮样式）</p>
<el-radio-group <el-radio-group

9
src/views/components/check-card.vue
View File

@ -52,7 +52,7 @@ watch(size, val =>
> >
多选卡片组 多选卡片组
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size">
<el-radio value="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
@ -60,6 +60,13 @@ watch(size, val =>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-card.vue"
target="_blank"
>
代码位置 src/views/components/check-card.vue
</el-link>
</template> </template>
<p class="mb-2 mt-4">单选</p> <p class="mb-2 mt-4">单选</p>

Some files were not shown because too many files have changed in this diff Show More