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

refactor: 重构国际化文件命名规范以及演示页加上代码位置提示

Browse Source
This commit is contained in:
xiaoxian521 2024-03-26 23:29:11 +08:00
parent 52103ab52d
commit 9d5f6eed12
111 changed files with 1397 additions and 942 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

356
locales/en.yaml
View File

@ -1,187 +1,177 @@
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
hsMqtt: Mqtt Client pureMqtt: Mqtt Client
hsOptimize: Debounce、Throttle、Copy、Longpress Directives pureOptimize: Debounce、Throttle、Copy、Longpress Directives
hsVerify: Captcha pureVerify: Captcha
hsWatermark: Water Mark pureWatermark: Water Mark
hsPrint: Print purePrint: Print
hsDownload: Download pureDownload: Download
hsExternalPage: External Page pureExternalPage: External Page
hsExternalDoc: Docs External pureExternalDoc: Docs External
hsEmbeddedDoc: Docs Embedded pureEmbeddedDoc: Docs Embedded
externalLink: Vue-Pure-Admin pureExternalLink: Vue-Pure-Admin
pureutilsLink: Pure-Admin-Utils pureUtilsLink: Pure-Admin-Utils
hsEpDocument: Element-Plus pureColorHuntDoc: ColorHunt
hsTailwindcssDocument: Tailwindcss pureUiGradients: UiGradients
hsVueDocument: Vue3 pureEpDoc: Element-Plus
hsViteDocument: Vite pureTailwindcssDoc: Tailwindcss
hsPiniaDocument: Pinia pureVueDoc: Vue3
hsRouterDocument: Vue-Router pureViteDoc: Vite
hsAbout: About purePiniaDoc: Pinia
hsResult: Result Page pureRouterDoc: Vue-Router
hsSuccess: Success Page pureAbout: About
hsFail: Fail Page pureResult: Result Page
hsIconSelect: Icon Select pureSuccess: Success Page
hsTimeline: Time Line pureFail: Fail Page
hsLineTree: LineTree pureIconSelect: Icon Select
hsList: List Page pureTimeline: Time Line
hsListCard: Card List Page pureLineTree: LineTree
hsDebounce: Debounce & Throttle pureList: List Page
hsFormDesign: Form Design pureListCard: Card List Page
hsBarcode: Barcode pureDebounce: Debounce & Throttle
hsQrcode: Qrcode pureFormDesign: Form Design
hsCascader: Area Cascader pureBarcode: Barcode
hsSwiper: Swiper Plugin pureQrcode: Qrcode
hsVirtualList: Virtual List pureCascader: Area Cascader
hsPdf: PDF Preview pureSwiper: Swiper Plugin
hsWord: Word Preview pureVirtualList: Virtual List
hsExcels: Excel Preview purePdf: PDF Preview
hsExcel: Export Excel pureWord: Word Preview
hsInfiniteScroll: Table Infinite Scroll pureExcels: Excel Preview
hsSensitive: Sensitive Filter pureExcel: Export Excel
hsPinyin: PinYin pureInfiniteScroll: Table Infinite Scroll
hsdanmaku: Danmaku pureSensitive: Sensitive Filter
hsSchemaForm: Form purePinyin: PinYin
hsPureTableBase: Base Usage pureDanmaku: Danmaku
hsPureTableHigh: High Usage pureSchemaForm: Form
hsPureTableEdit: Edit Usage pureTableBase: Base Usage
hsVxeTable: Virtual Usage pureTableHigh: High Usage
hsboard: Paint Board pureTableEdit: Edit Usage
hsMenuoverflow: Menu Overflow Show Tooltip Text pureVxeTable: Virtual Usage
hsChildMenuoverflow: Child Menu Overflow Show Tooltip Text pureBoard: Paint Board
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

356
locales/zh-CN.yaml
View File

@ -1,187 +1,177 @@
buttons: buttons:
hsLoginOut: 退出系统 pureLoginOut: 退出系统
hsfullscreen: 全屏 pureLogin: 登录
hsexitfullscreen: 退出全屏 pureSystemSet: 打开项目配置
hsrefreshRoute: 刷新路由 pureReload: 重新加载
hslogin: 登录 pureCloseCurrentTab: 关闭当前标签页
hsadd: 新增 pureCloseLeftTabs: 关闭左侧标签页
hsmark: 标记/取消 pureCloseRightTabs: 关闭右侧标签页
hssave: 保存 pureCloseOtherTabs: 关闭其他标签页
hssearch: 搜索 pureCloseAllTabs: 关闭全部标签页
hsexpendAll: 全部展开 pureContentFullScreen: 内容区全屏
hscollapseAll: 全部折叠 pureContentExitFullScreen: 内容区退出全屏
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)
hsMqtt: MQTT客户端(mqtt) pureMqtt: MQTT客户端(mqtt)
hsOptimize: 防抖、截流、复制、长按指令 pureOptimize: 防抖、截流、复制、长按指令
hsVerify: 图形验证码 pureVerify: 图形验证码
hsWatermark: 水印 pureWatermark: 水印
hsPrint: 打印 purePrint: 打印
hsDownload: 下载 pureDownload: 下载
hsExternalPage: 外部页面 pureExternalPage: 外部页面
hsExternalDoc: 文档外链 pureExternalDoc: 文档外链
hsEmbeddedDoc: 文档内嵌 pureEmbeddedDoc: 文档内嵌
externalLink: vue-pure-admin pureExternalLink: vue-pure-admin
pureutilsLink: pure-admin-utils pureUtilsLink: pure-admin-utils
hsEpDocument: element-plus pureColorHuntDoc: 调色板
hsTailwindcssDocument: tailwindcss pureUiGradients: 渐变色
hsVueDocument: vue3 pureEpDoc: element-plus
hsViteDocument: vite pureTailwindcssDoc: tailwindcss
hsPiniaDocument: pinia pureVueDoc: vue3
hsRouterDocument: vue-router pureViteDoc: vite
hsAbout: 关于 purePiniaDoc: pinia
hsResult: 结果页面 pureRouterDoc: vue-router
hsSuccess: 成功页面 pureAbout: 关于
hsFail: 失败页面 pureResult: 结果页面
hsIconSelect: 图标选择器 pureSuccess: 成功页面
hsTimeline: 时间线 pureFail: 失败页面
hsLineTree: 树形连接线 pureIconSelect: 图标选择器
hsList: 列表页面 pureTimeline: 时间线
hsListCard: 卡片列表页 pureLineTree: 树形连接线
hsDebounce: 防抖节流 pureList: 列表页面
hsFormDesign: 表单设计器 pureListCard: 卡片列表页
hsBarcode: 条形码 pureDebounce: 防抖节流
hsQrcode: 二维码 pureFormDesign: 表单设计器
hsCascader: 区域级联选择器 pureBarcode: 条形码
hsSwiper: Swiper插件 pureQrcode: 二维码
hsVirtualList: 虚拟列表 pureCascader: 区域级联选择器
hsPdf: PDF预览 pureSwiper: Swiper插件
hsWord: Word预览 pureVirtualList: 虚拟列表
hsExcels: Excel预览 purePdf: PDF预览
hsExcel: 导出Excel pureWord: Word预览
hsInfiniteScroll: 表格无限滚动 pureExcels: Excel预览
hsSensitive: 敏感词过滤 pureExcel: 导出Excel
hsPinyin: 汉语拼音 pureInfiniteScroll: 表格无限滚动
hsdanmaku: 弹幕 pureSensitive: 敏感词过滤
hsSchemaForm: 表单 purePinyin: 汉语拼音
hsPureTableBase: 基础用法 pureDanmaku: 弹幕
hsPureTableHigh: 高级用法 pureSchemaForm: 表单
hsPureTableEdit: 可编辑用法 pureTableBase: 基础用法
hsVxeTable: 虚拟滚动 pureTableHigh: 高级用法
hsboard: 艺术画板 pureTableEdit: 可编辑用法
hsMenuoverflow: 目录超出显示 Tooltip 文字提示 pureVxeTable: 虚拟滚动
hsChildMenuoverflow: 菜单超出显示 Tooltip 文字提示 pureBoard: 艺术画板
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",

2
package.json
View File

@ -164,7 +164,7 @@
"svgo": "^3.2.0", "svgo": "^3.2.0",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.1",
"typescript": "^5.4.3", "typescript": "^5.4.3",
"vite": "^5.2.3", "vite": "^5.2.6",
"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",

26
pnpm-lock.yaml generated
View File

@ -258,10 +258,10 @@ devDependencies:
version: 7.3.1(eslint@8.57.0)(typescript@5.4.3) version: 7.3.1(eslint@8.57.0)(typescript@5.4.3)
'@vitejs/plugin-vue': '@vitejs/plugin-vue':
specifier: ^5.0.4 specifier: ^5.0.4
version: 5.0.4(vite@5.2.3)(vue@3.4.21) version: 5.0.4(vite@5.2.6)(vue@3.4.21)
'@vitejs/plugin-vue-jsx': '@vitejs/plugin-vue-jsx':
specifier: ^3.1.0 specifier: ^3.1.0
version: 3.1.0(vite@5.2.3)(vue@3.4.21) version: 3.1.0(vite@5.2.6)(vue@3.4.21)
autoprefixer: autoprefixer:
specifier: ^10.4.19 specifier: ^10.4.19
version: 10.4.19(postcss@8.4.38) version: 10.4.19(postcss@8.4.38)
@ -350,14 +350,14 @@ devDependencies:
specifier: ^5.4.3 specifier: ^5.4.3
version: 5.4.3 version: 5.4.3
vite: vite:
specifier: ^5.2.3 specifier: ^5.2.6
version: 5.2.3(@types/node@20.11.30)(sass@1.72.0) version: 5.2.6(@types/node@20.11.30)(sass@1.72.0)
vite-plugin-cdn-import: vite-plugin-cdn-import:
specifier: ^0.3.5 specifier: ^0.3.5
version: 0.3.5(rollup@2.79.1) version: 0.3.5(rollup@2.79.1)
vite-plugin-compression: vite-plugin-compression:
specifier: ^0.5.1 specifier: ^0.5.1
version: 0.5.1(vite@5.2.3) version: 0.5.1(vite@5.2.6)
vite-plugin-fake-server: vite-plugin-fake-server:
specifier: ^2.1.1 specifier: ^2.1.1
version: 2.1.1 version: 2.1.1
@ -2569,7 +2569,7 @@ packages:
nanoid: 3.3.7 nanoid: 3.3.7
dev: false dev: false
/@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.3)(vue@3.4.21): /@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.6)(vue@3.4.21):
resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==} resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
peerDependencies: peerDependencies:
@ -2579,20 +2579,20 @@ packages:
'@babel/core': 7.24.3 '@babel/core': 7.24.3
'@babel/plugin-transform-typescript': 7.24.1(@babel/core@7.24.3) '@babel/plugin-transform-typescript': 7.24.1(@babel/core@7.24.3)
'@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.3) '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.3)
vite: 5.2.3(@types/node@20.11.30)(sass@1.72.0) vite: 5.2.6(@types/node@20.11.30)(sass@1.72.0)
vue: 3.4.21(typescript@5.4.3) vue: 3.4.21(typescript@5.4.3)
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
/@vitejs/plugin-vue@5.0.4(vite@5.2.3)(vue@3.4.21): /@vitejs/plugin-vue@5.0.4(vite@5.2.6)(vue@3.4.21):
resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==} resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
engines: {node: ^18.0.0 || >=20.0.0} engines: {node: ^18.0.0 || >=20.0.0}
peerDependencies: peerDependencies:
vite: ^5.0.0 vite: ^5.0.0
vue: ^3.2.25 vue: ^3.2.25
dependencies: dependencies:
vite: 5.2.3(@types/node@20.11.30)(sass@1.72.0) vite: 5.2.6(@types/node@20.11.30)(sass@1.72.0)
vue: 3.4.21(typescript@5.4.3) vue: 3.4.21(typescript@5.4.3)
dev: true dev: true
@ -9398,7 +9398,7 @@ packages:
- rollup - rollup
dev: true dev: true
/vite-plugin-compression@0.5.1(vite@5.2.3): /vite-plugin-compression@0.5.1(vite@5.2.6):
resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==} resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
peerDependencies: peerDependencies:
vite: '>=2.0.0' vite: '>=2.0.0'
@ -9406,7 +9406,7 @@ packages:
chalk: 4.1.2 chalk: 4.1.2
debug: 4.3.4 debug: 4.3.4
fs-extra: 10.1.0 fs-extra: 10.1.0
vite: 5.2.3(@types/node@20.11.30)(sass@1.72.0) vite: 5.2.6(@types/node@20.11.30)(sass@1.72.0)
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
@ -9438,8 +9438,8 @@ packages:
vue: 3.4.21(typescript@5.4.3) vue: 3.4.21(typescript@5.4.3)
dev: true dev: true
/vite@5.2.3(@types/node@20.11.30)(sass@1.72.0): /vite@5.2.6(@types/node@20.11.30)(sass@1.72.0):
resolution: {integrity: sha512-+i1oagbvkVIhEy9TnEV+fgXsng13nZM90JQbrcPrf6DvW2mXARlz+DK7DLiDP+qeKoD1FCVx/1SpFL1CLq9Mhw==} resolution: {integrity: sha512-FPtnxFlSIKYjZ2eosBQamz4CbyrTizbZ3hnGJlh/wMtCrlp1Hah6AzBLjGI5I2urTfNnpovpHdrL6YRuBOPnCA==}
engines: {node: ^18.0.0 || >=20.0.0} engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true hasBin: true
peerDependencies: peerDependencies:

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

@ -96,14 +96,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

@ -113,14 +113,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

@ -146,14 +146,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"
} }
} }

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

@ -6,16 +6,16 @@ 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: "/components/mqtt-client", path: "/able/mqtt-client",
name: "MqttClient", name: "MqttClient",
component: () => import("@/views/able/mqtt-client.vue"), component: () => import("@/views/able/mqtt-client.vue"),
meta: { meta: {
title: $t("menus.hsMqtt"), title: $t("menus.pureMqtt"),
extraIcon: "IF-pure-iconfont-new svg" extraIcon: "IF-pure-iconfont-new svg"
} }
}, },
@ -24,7 +24,7 @@ export default {
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")
} }
}, },
{ {
@ -32,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")
} }
}, },
{ {
@ -40,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")
} }
}, },
{ {
@ -48,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")
} }
}, },
{ {
@ -56,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")
} }
}, },
{ {
@ -64,7 +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")
} }
}, },
{ {
@ -72,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")
} }
}, },
{ {
@ -80,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")
} }
}, },
{ {
@ -88,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"
@ -100,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")
} }
}, },
{ {
@ -108,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")
} }
}, },
{ {
@ -116,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")
} }
}, },
{ {
@ -124,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")
} }
}, },
{ {
@ -132,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")
} }
}, },
{ {
@ -140,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"
@ -152,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")
} }
}, },
{ {
@ -160,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")
} }
}, },
{ {
@ -168,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")
} }
}, },
{ {
@ -176,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")
} }
}, },
{ {
@ -184,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")
} }
}, },
{ {
@ -192,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")
} }
}, },
{ {
@ -200,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")
} }
}, },
{ {
@ -208,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")
} }
}, },
{ {
@ -216,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")
} }
}, },
{ {
@ -224,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")
} }
} }
] ]

4
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,7 @@ export default {
name: "FrameBoard", name: "FrameBoard",
component: IFrame, component: IFrame,
meta: { meta: {
title: $t("menus.hsboard"), title: $t("menus.pureBoard"),
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"
} }
} }

4
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,7 @@ export default {
name: "FormDesign", name: "FormDesign",
component: IFrame, component: IFrame,
meta: { meta: {
title: $t("menus.hsFormDesign"), title: $t("menus.pureFormDesign"),
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
} }
} }

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
} }
} }

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"
} }
} }

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"

384
src/views/able/mqtt-client.vue
View File

@ -190,203 +190,211 @@ onUnmounted(() => {
<template> <template>
<el-card shadow="never" :body-style="{ padding: '20px' }"> <el-card shadow="never" :body-style="{ padding: '20px' }">
<template #header> <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 <el-link
type="primary" class="mt-2"
:underline="false" href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/mqtt-client.vue"
href="https://github.com/mqttjs/MQTT.js"
target="_blank" target="_blank"
> >
MQTT.js 代码位置 src/views/able/mqtt-client.vue
</el-link> </el-link>
和 免费的公共MQTT代理
<el-link
type="primary"
:underline="false"
href="broker.emqx.io"
target="_blank"
>
EMQX
</el-link>
实现的一套 MQTT 客户端。
</template> </template>
<template #default>
<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-card shadow="never">
<el-button <h1>设置</h1>
type="primary" <el-form label-position="top" :model="connection">
:disabled="client.connected" <el-row :gutter="20">
:loading="btnLoadingType === 'connect'" <el-col :span="8">
@click="createConnection" <el-form-item prop="protocol" label="协议">
<el-select
v-model="connection.protocol"
@change="handleProtocolChange"
> >
{{ client.connected ? "已连接" : "连接" }} <el-option label="ws://" value="ws" />
</el-button> <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-button <el-col :span="24">
v-if="client.connected" <el-button
type="danger" type="primary"
:loading="btnLoadingType === 'disconnect'" :disabled="client.connected"
@click="destroyConnection" :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
</el-button> v-for="qos in qosList"
</el-col> :key="qos"
</el-row> :label="qos"
</el-form> :value="qos"
</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-select>
</el-col> </el-form-item>
<el-col :span="8"> </el-col>
<el-form-item prop="qos" label="通信质量"> </el-row>
<el-select <el-row>
v-model="subscription.qos" <el-col>
:disabled="subscribedSuccess" <el-button
> type="primary"
<el-option class="sub-btn"
v-for="qos in qosList" :loading="btnLoadingType === 'subscribe'"
:key="qos" :disabled="!client.connected || subscribedSuccess"
:label="qos" @click="doSubscribe"
:value="qos" >
/> {{ subscribedSuccess ? "已订阅" : "订阅" }}
</el-select> </el-button>
</el-form-item> <el-button
</el-col> v-if="subscribedSuccess"
</el-row> type="primary"
<el-row> class="sub-btn"
<el-col> :loading="btnLoadingType === 'unsubscribe'"
<el-button :disabled="!client.connected"
type="primary" @click="doUnSubscribe"
class="sub-btn" >
:loading="btnLoadingType === 'subscribe'" 取消订阅
:disabled="!client.connected || subscribedSuccess" </el-button>
@click="doSubscribe" </el-col>
> </el-row>
{{ subscribedSuccess ? "已订阅" : "订阅" }} </el-form>
</el-button> </el-card>
<el-button <el-card shadow="never" class="mt-4">
v-if="subscribedSuccess" <h1>发布</h1>
type="primary" <el-form label-position="top" :model="publish">
class="sub-btn" <el-row :gutter="20">
:loading="btnLoadingType === 'unsubscribe'" <el-col :span="8">
:disabled="!client.connected" <el-form-item prop="topic">
@click="doUnSubscribe" <template #label>
> <span>主题</span>
取消订阅 <el-text type="info" size="small">
</el-button> 可将订阅主题设置为topic/browser，测试MQTT的自发自收。
</el-col> </el-text>
</el-row> </template>
</el-form> <el-input v-model="publish.topic" />
</el-card> </el-form-item>
<el-card shadow="never" class="mt-4"> </el-col>
<h1>发布</h1> <el-col :span="8">
<el-form label-position="top" :model="publish"> <el-form-item prop="payload" label="有效载荷">
<el-row :gutter="20"> <el-input v-model="publish.payload" />
<el-col :span="8"> </el-form-item>
<el-form-item prop="topic"> </el-col>
<template #label> <el-col :span="8">
<span>主题</span> <el-form-item prop="qos" label="通信质量">
<el-text type="info" size="small"> <el-select v-model="publish.qos">
可将订阅主题设置为topic/browser，测试MQTT的自发自收。 <el-option
</el-text> v-for="qos in qosList"
</template> :key="qos"
<el-input v-model="publish.topic" /> :label="qos"
</el-form-item> :value="qos"
</el-col> />
<el-col :span="8"> </el-select>
<el-form-item prop="payload" label="有效载荷"> </el-form-item>
<el-input v-model="publish.payload" /> </el-col>
</el-form-item> </el-row>
</el-col> </el-form>
<el-col :span="8"> <el-col :span="24">
<el-form-item prop="qos" label="通信质量"> <el-button
<el-select v-model="publish.qos"> type="primary"
<el-option :loading="btnLoadingType === 'publish'"
v-for="qos in qosList" :disabled="!client.connected"
:key="qos" @click="doPublish"
:label="qos" >
:value="qos" 发布
/> </el-button>
</el-select> </el-col>
</el-form-item> </el-card>
</el-col> <el-card shadow="never" class="mt-4">
</el-row> <h1>接收</h1>
</el-form> <el-col :span="24">
<el-col :span="24"> <el-input
<el-button v-model="receivedMessages"
type="primary" type="textarea"
:loading="btnLoadingType === 'publish'" :rows="3"
:disabled="!client.connected" readonly
@click="doPublish" />
> </el-col>
发布 </el-card>
</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>
</template>
</el-card> </el-card>
</template> </template>

13
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-239px)]"
: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">

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>

10
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>

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>

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

@ -41,6 +41,13 @@ const handleChange = (val: string[]) => {
</el-link> </el-link>
</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/collapse.vue"
target="_blank"
>
代码位 src/views/components/collapse.vue
</el-link>
</template> </template>
<p class="mb-2">基础用法</p> <p class="mb-2">基础用法</p>

9
src/views/components/color-picker.vue
View File

@ -56,7 +56,7 @@ function onClick() {
> >
颜色选择器 颜色选择器
</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>
@ -64,6 +64,13 @@ function onClick() {
</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/color-picker.vue"
target="_blank"
>
代码位置 src/views/components/color-picker.vue
</el-link>
</template> </template>
<p class="mb-2">不同尺寸、选择透明度、预定义颜色</p> <p class="mb-2">不同尺寸、选择透明度、预定义颜色</p>

9
src/views/components/contextmenu/index.vue
View File

@ -13,7 +13,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/components/contextmenu"
target="_blank"
>
代码位置 src/views/components/contextmenu
</el-link>
</div> </div>
</template> </template>
<el-row :gutter="24"> <el-row :gutter="24">

9
src/views/components/count-to.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/components/count-to.vue"
target="_blank"
>
代码位置 src/views/components/count-to.vue
</el-link>
</div> </div>
</template> </template>
<ReNormalCountTo <ReNormalCountTo

7
src/views/components/cropping/index.vue
View File

@ -41,6 +41,13 @@ onBeforeUnmount(() => {
进行二次封装（提示：右键下面左侧裁剪区可开启功能菜单） 进行二次封装（提示：右键下面左侧裁剪区可开启功能菜单）
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/cropping"
target="_blank"
>
代码位置 src/views/components/cropping
</el-link>
</template> </template>
<div v-loading="!showPopover" element-loading-background="transparent"> <div v-loading="!showPopover" element-loading-background="transparent">
<el-popover <el-popover

9
src/views/components/date-picker.vue
View File

@ -143,7 +143,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>
@ -151,6 +151,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/date-picker.vue"
target="_blank"
>
代码位置 src/views/components/date-picker.vue
</el-link>
</template> </template>
<p class="mb-2">选择某一天</p> <p class="mb-2">选择某一天</p>

9
src/views/components/datetime-picker.vue
View File

@ -169,7 +169,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>
@ -177,6 +177,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/datetime-picker.vue"
target="_blank"
>
代码位置 src/views/components/datetime-picker.vue
</el-link>
</template> </template>
<p class="mb-2">日期和时间点</p> <p class="mb-2">日期和时间点</p>

8
src/views/components/dialog/index.vue
View File

@ -447,7 +447,7 @@ function onBeforeSureClick() {
<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.org/zh-CN/component/dialog.html" href="https://element-plus.org/zh-CN/component/dialog.html"
target="_blank" target="_blank"
@ -465,6 +465,12 @@ function onBeforeSureClick() {
） ）
</span> </span>
</div> </div>
<el-link
href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/components/dialog"
target="_blank"
>
代码位置 src/views/components/dialog
</el-link>
</template> </template>
<el-space wrap> <el-space wrap>
<el-button @click="onBaseClick"> 基础用法 </el-button> <el-button @click="onBaseClick"> 基础用法 </el-button>

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

@ -67,7 +67,7 @@ watch(size, val =>
> >
Button 按钮 Button 按钮
</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>
@ -75,6 +75,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/el-button.vue"
target="_blank"
>
代码位置 src/views/components/el-button.vue
</el-link>
</template> </template>
<p class="mb-2">基础按钮</p> <p class="mb-2">基础按钮</p>

7
src/views/components/icon-select.vue
View File

@ -15,6 +15,13 @@ const icon = ref("ep:add-location");
<div class="card-header"> <div class="card-header">
<span class="font-medium">图标选择器</span> <span class="font-medium">图标选择器</span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/icon-select.vue"
target="_blank"
>
代码位置 src/views/components/icon-select.vue
</el-link>
</template> </template>
<IconSelect v-model="icon" class="w-[200px]" /> <IconSelect v-model="icon" class="w-[200px]" />
</el-card> </el-card>

7
src/views/components/json-editor.vue
View File

@ -97,6 +97,13 @@ watch(
</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/components/json-editor.vue"
target="_blank"
>
代码位置 src/views/components/json-editor.vue
</el-link>
</template> </template>
<vue-json-pretty <vue-json-pretty
v-model:data="state.data" v-model:data="state.data"

9
src/views/components/message.vue
View File

@ -16,9 +16,16 @@ defineOptions({
<div class="card-header"> <div class="card-header">
<span class="font-medium"> 消息提示 </span> <span class="font-medium"> 消息提示 </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/message.vue"
target="_blank"
>
代码位置 src/views/components/message.vue
</el-link>
</template> </template>
<h4 class="mb-4">element-plus 的消息提示，点击弹出提示信息</h4> <h4 class="mb-4">Element Plus 的消息提示，点击弹出提示信息</h4>
<el-space wrap> <el-space wrap>
<el-button <el-button

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

@ -23,6 +23,13 @@ const format = percentage => (percentage === 100 ? "Full" : `${percentage}%`);
进度条 进度条
</el-link> </el-link>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/progress.vue"
target="_blank"
>
代码位置 src/views/components/progress.vue
</el-link>
</template> </template>
<p class="mb-4">直线进度条动画</p> <p class="mb-4">直线进度条动画</p>

7
src/views/components/seamless-scroll.vue
View File

@ -105,6 +105,13 @@ function changeDirection(val) {
</span> </span>
</el-button> </el-button>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/seamless-scroll.vue"
target="_blank"
>
代码位置 src/views/components/seamless-scroll.vue
</el-link>
</template> </template>
<SeamlessScroll <SeamlessScroll
ref="scroll" ref="scroll"

9
src/views/components/segmented.vue
View File

@ -204,13 +204,20 @@ watch(size, val => (dynamicSize.value = size.value));
<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>
</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/segmented.vue"
target="_blank"
>
代码位置 src/views/components/segmented.vue
</el-link>
</template> </template>
<el-scrollbar> <el-scrollbar>
<p class="mb-2"> <p class="mb-2">

9
src/views/components/selector.vue
View File

@ -34,7 +34,14 @@ const selectedVal = ({ left, right }): void => {
shadow="never" shadow="never"
> >
<template #header> <template #header>
<span class="font-medium">{{ item.title }}</span> <p class="font-medium">{{ item.title }}</p>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/selector.vue"
target="_blank"
>
代码位置 src/views/components/selector.vue
</el-link>
</template> </template>
<Selector <Selector
:HsKey="key" :HsKey="key"

9
src/views/components/split-pane.vue
View File

@ -23,7 +23,14 @@ const settingTB: ContextProps = reactive({
<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/components/split-pane.vue"
target="_blank"
>
代码位置 src/views/components/split-pane.vue
</el-link>
</div> </div>
</template> </template>
<div class="split-pane"> <div class="split-pane">

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

@ -39,6 +39,13 @@ function reset() {
统计组件 统计组件
</el-link> </el-link>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/statistic.vue"
target="_blank"
>
代码位 src/views/components/statistic.vue
</el-link>
</template> </template>
<el-row :gutter="24"> <el-row :gutter="24">

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

@ -88,16 +88,21 @@ const swiperExample: any[] = [
<el-card shadow="never"> <el-card shadow="never">
<template #header> <template #header>
<div class="font-medium"> <div class="font-medium">
Swiper插件（
<el-link <el-link
href="https://github.com/nolimits4web/swiper" href="https://github.com/nolimits4web/swiper"
target="_blank" target="_blank"
style="margin: 0 5px 4px 0; font-size: 16px" style="margin: 0 5px 4px 0; font-size: 16px"
> >
github地址 Swiper插件
</el-link> </el-link>
）
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/swiper.vue"
target="_blank"
>
代码位置 src/views/components/swiper.vue
</el-link>
</template> </template>
<el-row :gutter="10"> <el-row :gutter="10">
<el-col v-for="item in swiperExample" :key="item.id" :span="12"> <el-col v-for="item in swiperExample" :key="item.id" :span="12">

9
src/views/components/tag.vue
View File

@ -78,13 +78,20 @@ const handleInputConfirm = () => {
> >
Tag 标签 Tag 标签
</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>
</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/tag.vue"
target="_blank"
>
代码位置 src/views/components/tag.vue
</el-link>
</template> </template>
<p class="mb-2">基础按钮</p> <p class="mb-2">基础按钮</p>

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

@ -39,6 +39,13 @@ const changeTooltipContent = () => {
自动省略后显示 Tooltip 提示， 支持多行省略 自动省略后显示 Tooltip 提示， 支持多行省略
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/text.vue"
target="_blank"
>
代码位置 src/views/components/text.vue
</el-link>
</template> </template>
<p class="mb-2">基础用法</p> <p class="mb-2">基础用法</p>

9
src/views/components/time-picker.vue
View File

@ -68,7 +68,7 @@ const endTime = ref("");
> >
时间选择器 时间选择器
</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>
@ -76,6 +76,13 @@ const endTime = ref("");
</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/time-picker.vue"
target="_blank"
>
代码位置 src/views/components/time-picker.vue
</el-link>
</template> </template>
<p class="mb-2">日期和时间点</p> <p class="mb-2">日期和时间点</p>

9
src/views/components/timeline.vue
View File

@ -56,7 +56,14 @@ const activities = [
<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/components/timeline.vue"
target="_blank"
>
代码位置 src/views/components/timeline.vue
</el-link>
</div> </div>
</template> </template>
<div class="flex"> <div class="flex">

15
src/views/components/upload/index.vue
View File

@ -114,14 +114,19 @@ const onDownload = () => {
> >
文件上传 文件上传
</el-link> </el-link>
<span class="header-right">
<el-button class="ml-1" text bg @click="onDownload">
点击下载安全文件进行上传测试
</el-button>
</span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/upload"
target="_blank"
>
代码位置 src/views/components/upload
</el-link>
</template> </template>
<el-button class="mb-4" text bg @click="onDownload">
点击下载安全文件进行上传测试
</el-button>
<p class="mb-4"> <p class="mb-4">
综合示例<span class="text-[14px]"> 综合示例<span class="text-[14px]">
（ <span class="text-[red]">自动上传</span> （ <span class="text-[red]">自动上传</span>

11
src/views/components/virtual-list/index.vue
View File

@ -12,16 +12,21 @@ defineOptions({
<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/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller" href="https://github.com/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller"
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/components/virtual-list"
target="_blank"
>
代码位置 src/views/components/virtual-list
</el-link>
</template> </template>
<div class="w-full flex justify-around flex-wrap"> <div class="w-full flex justify-around flex-wrap">
<vertical-list class="h-[500px] w-[500px]" /> <vertical-list class="h-[500px] w-[500px]" />

7
src/views/editor/index.vue
View File

@ -24,6 +24,13 @@ const activeNames = ref("1");
</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/editor"
target="_blank"
>
代码位置 src/views/editor
</el-link>
</template> </template>
<el-collapse v-model="activeNames" accordion> <el-collapse v-model="activeNames" accordion>
<el-collapse-item title="基础用法" name="1"> <el-collapse-item title="基础用法" name="1">

7
src/views/flow-chart/index.vue
View File

@ -76,6 +76,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/flow-chart"
target="_blank"
>
代码位置 src/views/flow-chart
</el-link>
</template> </template>
<div class="logic-flow-view"> <div class="logic-flow-view">
<!-- 辅助工具栏 --> <!-- 辅助工具栏 -->

7
src/views/guide/index.vue
View File

@ -86,6 +86,13 @@ const onTour = () => {
引导页常用于引导式介绍项目的基本功能或亮点 引导页常用于引导式介绍项目的基本功能或亮点
</span> </span>
</div> </div>
<el-link
class="mt-2"
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/guide/index.vue"
target="_blank"
>
代码位置 src/views/guide/index.vue
</el-link>
</template> </template>
<el-button @click="onGuide"> 打开引导页 (intro.js) </el-button> <el-button @click="onGuide"> 打开引导页 (intro.js) </el-button>
<el-button @click="onTour"> 打开引导页 (el-tour) </el-button> <el-button @click="onTour"> 打开引导页 (el-tour) </el-button>

6
src/views/list/card/components/Card.vue
View File

@ -107,9 +107,9 @@ const cardLogoClass = computed(() => [
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 56px; width: 46px;
height: 56px; height: 46px;
font-size: 32px; font-size: 26px;
color: #0052d9; color: #0052d9;
background: #e0ebff; background: #e0ebff;
border-radius: 50%; border-radius: 50%;

2
src/views/list/card/index.vue
View File

@ -92,7 +92,7 @@ const handleManageProduct = product => {
</script> </script>
<template> <template>
<div class="main"> <div>
<div class="w-full flex justify-between mb-4"> <div class="w-full flex justify-between mb-4">
<el-button <el-button
:icon="useRenderIcon(AddFill)" :icon="useRenderIcon(AddFill)"

16
src/views/login/components/phone.vue
View File

@ -27,7 +27,9 @@ const onLogin = async (formEl: FormInstance | undefined) => {
if (valid) { if (valid) {
// 模拟登录请求，需根据实际开发进行修改 // 模拟登录请求，需根据实际开发进行修改
setTimeout(() => { setTimeout(() => {
message(transformI18n($t("login.loginSuccess")), { type: "success" }); message(transformI18n($t("login.pureLoginSuccess")), {
type: "success"
});
loading.value = false; loading.value = false;
}, 2000); }, 2000);
} else { } else {
@ -50,7 +52,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.phone" v-model="ruleForm.phone"
clearable clearable
:placeholder="t('login.phone')" :placeholder="t('login.purePhone')"
:prefix-icon="useRenderIcon(Iphone)" :prefix-icon="useRenderIcon(Iphone)"
/> />
</el-form-item> </el-form-item>
@ -62,7 +64,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.verifyCode" v-model="ruleForm.verifyCode"
clearable clearable
:placeholder="t('login.smsVerifyCode')" :placeholder="t('login.pureSmsVerifyCode')"
:prefix-icon="useRenderIcon('ri:shield-keyhole-line')" :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
/> />
<el-button <el-button
@ -72,8 +74,8 @@ function onBack() {
> >
{{ {{
text.length > 0 text.length > 0
? text + t("login.info") ? text + t("login.pureInfo")
: t("login.getVerifyCode") : t("login.pureGetVerifyCode")
}} }}
</el-button> </el-button>
</div> </div>
@ -89,7 +91,7 @@ function onBack() {
:loading="loading" :loading="loading"
@click="onLogin(ruleFormRef)" @click="onLogin(ruleFormRef)"
> >
{{ t("login.login") }} {{ t("login.pureLogin") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>
@ -97,7 +99,7 @@ function onBack() {
<Motion :delay="200"> <Motion :delay="200">
<el-form-item> <el-form-item>
<el-button class="w-full" size="default" @click="onBack"> <el-button class="w-full" size="default" @click="onBack">
{{ t("login.back") }} {{ t("login.pureBack") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>

8
src/views/login/components/qrCode.vue
View File

@ -8,10 +8,12 @@ const { t } = useI18n();
</script> </script>
<template> <template>
<Motion class="-mt-2 -mb-2"> <ReQrcode :text="t('login.test')" /> </Motion> <Motion class="-mt-2 -mb-2">
<ReQrcode :text="t('login.pureTest')" />
</Motion>
<Motion :delay="100"> <Motion :delay="100">
<el-divider> <el-divider>
<p class="text-gray-500 text-xs">{{ t("login.tip") }}</p> <p class="text-gray-500 text-xs">{{ t("login.pureTip") }}</p>
</el-divider> </el-divider>
</Motion> </Motion>
<Motion :delay="150"> <Motion :delay="150">
@ -19,7 +21,7 @@ const { t } = useI18n();
class="w-full mt-4" class="w-full mt-4"
@click="useUserStoreHook().SET_CURRENTPAGE(0)" @click="useUserStoreHook().SET_CURRENTPAGE(0)"
> >
{{ t("login.back") }} {{ t("login.pureBack") }}
</el-button> </el-button>
</Motion> </Motion>
</template> </template>

36
src/views/login/components/regist.vue
View File

@ -29,9 +29,11 @@ const repeatPasswordRule = [
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.passwordSureReg")))); callback(new Error(transformI18n($t("login.purePassWordRuleReg"))));
} else if (ruleForm.password !== value) { } else if (ruleForm.password !== value) {
callback(new Error(transformI18n($t("login.passwordDifferentReg")))); callback(
new Error(transformI18n($t("login.purePassWordDifferentReg")))
);
} else { } else {
callback(); callback();
} }
@ -48,14 +50,16 @@ const onUpdate = async (formEl: FormInstance | undefined) => {
if (checked.value) { if (checked.value) {
// 模拟请求，需根据实际开发进行修改 // 模拟请求，需根据实际开发进行修改
setTimeout(() => { setTimeout(() => {
message(transformI18n($t("login.registerSuccess")), { message(transformI18n($t("login.pureRegisterSuccess")), {
type: "success" type: "success"
}); });
loading.value = false; loading.value = false;
}, 2000); }, 2000);
} else { } else {
loading.value = false; loading.value = false;
message(transformI18n($t("login.tickPrivacy")), { type: "warning" }); message(transformI18n($t("login.pureTickPrivacy")), {
type: "warning"
});
} }
} else { } else {
loading.value = false; loading.value = false;
@ -82,7 +86,7 @@ function onBack() {
:rules="[ :rules="[
{ {
required: true, required: true,
message: transformI18n($t('login.usernameReg')), message: transformI18n($t('login.pureUsernameReg')),
trigger: 'blur' trigger: 'blur'
} }
]" ]"
@ -91,7 +95,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.username" v-model="ruleForm.username"
clearable clearable
:placeholder="t('login.username')" :placeholder="t('login.pureUsername')"
:prefix-icon="useRenderIcon(User)" :prefix-icon="useRenderIcon(User)"
/> />
</el-form-item> </el-form-item>
@ -102,7 +106,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.phone" v-model="ruleForm.phone"
clearable clearable
:placeholder="t('login.phone')" :placeholder="t('login.purePhone')"
:prefix-icon="useRenderIcon(Iphone)" :prefix-icon="useRenderIcon(Iphone)"
/> />
</el-form-item> </el-form-item>
@ -114,7 +118,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.verifyCode" v-model="ruleForm.verifyCode"
clearable clearable
:placeholder="t('login.smsVerifyCode')" :placeholder="t('login.pureVerifyCode')"
:prefix-icon="useRenderIcon('ri:shield-keyhole-line')" :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
/> />
<el-button <el-button
@ -124,8 +128,8 @@ function onBack() {
> >
{{ {{
text.length > 0 text.length > 0
? text + t("login.info") ? text + t("login.pureInfo")
: t("login.getVerifyCode") : t("login.pureGetVerifyCode")
}} }}
</el-button> </el-button>
</div> </div>
@ -138,7 +142,7 @@ function onBack() {
v-model="ruleForm.password" v-model="ruleForm.password"
clearable clearable
show-password show-password
:placeholder="t('login.password')" :placeholder="t('login.purePassword')"
:prefix-icon="useRenderIcon(Lock)" :prefix-icon="useRenderIcon(Lock)"
/> />
</el-form-item> </el-form-item>
@ -150,7 +154,7 @@ function onBack() {
v-model="ruleForm.repeatPassword" v-model="ruleForm.repeatPassword"
clearable clearable
show-password show-password
:placeholder="t('login.sure')" :placeholder="t('login.pureSure')"
:prefix-icon="useRenderIcon(Lock)" :prefix-icon="useRenderIcon(Lock)"
/> />
</el-form-item> </el-form-item>
@ -159,10 +163,10 @@ function onBack() {
<Motion :delay="300"> <Motion :delay="300">
<el-form-item> <el-form-item>
<el-checkbox v-model="checked"> <el-checkbox v-model="checked">
{{ t("login.readAccept") }} {{ t("login.pureReadAccept") }}
</el-checkbox> </el-checkbox>
<el-button link type="primary"> <el-button link type="primary">
{{ t("login.privacyPolicy") }} {{ t("login.purePrivacyPolicy") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>
@ -176,7 +180,7 @@ function onBack() {
:loading="loading" :loading="loading"
@click="onUpdate(ruleFormRef)" @click="onUpdate(ruleFormRef)"
> >
{{ t("login.definite") }} {{ t("login.pureDefinite") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>
@ -184,7 +188,7 @@ function onBack() {
<Motion :delay="400"> <Motion :delay="400">
<el-form-item> <el-form-item>
<el-button class="w-full" size="default" @click="onBack"> <el-button class="w-full" size="default" @click="onBack">
{{ t("login.back") }} {{ t("login.pureBack") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>

24
src/views/login/components/update.vue
View File

@ -26,9 +26,11 @@ const repeatPasswordRule = [
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.passwordSureReg")))); callback(new Error(transformI18n($t("login.purePassWordRuleReg"))));
} else if (ruleForm.password !== value) { } else if (ruleForm.password !== value) {
callback(new Error(transformI18n($t("login.passwordDifferentReg")))); callback(
new Error(transformI18n($t("login.purePassWordDifferentReg")))
);
} else { } else {
callback(); callback();
} }
@ -44,7 +46,7 @@ const onUpdate = async (formEl: FormInstance | undefined) => {
if (valid) { if (valid) {
// 模拟请求，需根据实际开发进行修改 // 模拟请求，需根据实际开发进行修改
setTimeout(() => { setTimeout(() => {
message(transformI18n($t("login.passwordUpdateReg")), { message(transformI18n($t("login.purePassWordUpdateReg")), {
type: "success" type: "success"
}); });
loading.value = false; loading.value = false;
@ -74,7 +76,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.phone" v-model="ruleForm.phone"
clearable clearable
:placeholder="t('login.phone')" :placeholder="t('login.purePhone')"
:prefix-icon="useRenderIcon(Iphone)" :prefix-icon="useRenderIcon(Iphone)"
/> />
</el-form-item> </el-form-item>
@ -86,7 +88,7 @@ function onBack() {
<el-input <el-input
v-model="ruleForm.verifyCode" v-model="ruleForm.verifyCode"
clearable clearable
:placeholder="t('login.smsVerifyCode')" :placeholder="t('login.pureVerifyCode')"
:prefix-icon="useRenderIcon('ri:shield-keyhole-line')" :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
/> />
<el-button <el-button
@ -96,8 +98,8 @@ function onBack() {
> >
{{ {{
text.length > 0 text.length > 0
? text + t("login.info") ? text + t("login.pureInfo")
: t("login.getVerifyCode") : t("login.pureGetVerifyCode")
}} }}
</el-button> </el-button>
</div> </div>
@ -110,7 +112,7 @@ function onBack() {
v-model="ruleForm.password" v-model="ruleForm.password"
clearable clearable
show-password show-password
:placeholder="t('login.password')" :placeholder="t('login.purePassword')"
:prefix-icon="useRenderIcon(Lock)" :prefix-icon="useRenderIcon(Lock)"
/> />
</el-form-item> </el-form-item>
@ -122,7 +124,7 @@ function onBack() {
v-model="ruleForm.repeatPassword" v-model="ruleForm.repeatPassword"
clearable clearable
show-password show-password
:placeholder="t('login.sure')" :placeholder="t('login.pureSure')"
:prefix-icon="useRenderIcon(Lock)" :prefix-icon="useRenderIcon(Lock)"
/> />
</el-form-item> </el-form-item>
@ -137,7 +139,7 @@ function onBack() {
:loading="loading" :loading="loading"
@click="onUpdate(ruleFormRef)" @click="onUpdate(ruleFormRef)"
> >
{{ t("login.definite") }} {{ t("login.pureDefinite") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>
@ -145,7 +147,7 @@ function onBack() {
<Motion :delay="300"> <Motion :delay="300">
<el-form-item> <el-form-item>
<el-button class="w-full" size="default" @click="onBack"> <el-button class="w-full" size="default" @click="onBack">
{{ t("login.back") }} {{ t("login.pureBack") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>

20
src/views/login/index.vue
View File

@ -184,7 +184,7 @@ watch(loginDay, value => {
:rules="[ :rules="[
{ {
required: true, required: true,
message: transformI18n($t('login.usernameReg')), message: transformI18n($t('login.pureUsernameReg')),
trigger: 'blur' trigger: 'blur'
} }
]" ]"
@ -193,7 +193,7 @@ watch(loginDay, value => {
<el-input <el-input
v-model="ruleForm.username" v-model="ruleForm.username"
clearable clearable
:placeholder="t('login.username')" :placeholder="t('login.pureUsername')"
:prefix-icon="useRenderIcon(User)" :prefix-icon="useRenderIcon(User)"
/> />
</el-form-item> </el-form-item>
@ -205,7 +205,7 @@ watch(loginDay, value => {
v-model="ruleForm.password" v-model="ruleForm.password"
clearable clearable
show-password show-password
:placeholder="t('login.password')" :placeholder="t('login.purePassword')"
:prefix-icon="useRenderIcon(Lock)" :prefix-icon="useRenderIcon(Lock)"
/> />
</el-form-item> </el-form-item>
@ -216,7 +216,7 @@ watch(loginDay, value => {
<el-input <el-input
v-model="ruleForm.verifyCode" v-model="ruleForm.verifyCode"
clearable clearable
:placeholder="t('login.verifyCode')" :placeholder="t('login.pureVerifyCode')"
:prefix-icon="useRenderIcon('ri:shield-keyhole-line')" :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
> >
<template v-slot:append> <template v-slot:append>
@ -244,11 +244,11 @@ watch(loginDay, value => {
<option value="7">7</option> <option value="7">7</option>
<option value="30">30</option> <option value="30">30</option>
</select> </select>
{{ t("login.remember") }} {{ t("login.pureRemember") }}
<el-tooltip <el-tooltip
effect="dark" effect="dark"
placement="top" placement="top"
:content="t('login.rememberInfo')" :content="t('login.pureRememberInfo')"
> >
<IconifyIconOffline :icon="Info" class="ml-1" /> <IconifyIconOffline :icon="Info" class="ml-1" />
</el-tooltip> </el-tooltip>
@ -259,7 +259,7 @@ watch(loginDay, value => {
type="primary" type="primary"
@click="useUserStoreHook().SET_CURRENTPAGE(4)" @click="useUserStoreHook().SET_CURRENTPAGE(4)"
> >
{{ t("login.forget") }} {{ t("login.pureForget") }}
</el-button> </el-button>
</div> </div>
<el-button <el-button
@ -270,7 +270,7 @@ watch(loginDay, value => {
:disabled="disabled" :disabled="disabled"
@click="onLogin(ruleFormRef)" @click="onLogin(ruleFormRef)"
> >
{{ t("login.login") }} {{ t("login.pureLogin") }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</Motion> </Motion>
@ -295,7 +295,9 @@ watch(loginDay, value => {
<Motion v-if="currentPage === 0" :delay="350"> <Motion v-if="currentPage === 0" :delay="350">
<el-form-item> <el-form-item>
<el-divider> <el-divider>
<p class="text-gray-500 text-xs">{{ t("login.thirdLogin") }}</p> <p class="text-gray-500 text-xs">
{{ t("login.pureThirdLogin") }}
</p>
</el-divider> </el-divider>
<div class="w-full flex justify-evenly"> <div class="w-full flex justify-evenly">
<span <span

14
src/views/login/utils/enums.ts
View File

@ -2,31 +2,31 @@ import { $t } from "@/plugins/i18n";
const operates = [ const operates = [
{ {
title: $t("login.phoneLogin") title: $t("login.purePhoneLogin")
}, },
{ {
title: $t("login.qRCodeLogin") title: $t("login.pureQRCodeLogin")
}, },
{ {
title: $t("login.register") title: $t("login.pureRegister")
} }
]; ];
const thirdParty = [ const thirdParty = [
{ {
title: $t("login.weChatLogin"), title: $t("login.pureWeChatLogin"),
icon: "wechat" icon: "wechat"
}, },
{ {
title: $t("login.alipayLogin"), title: $t("login.pureAlipayLogin"),
icon: "alipay" icon: "alipay"
}, },
{ {
title: $t("login.qqLogin"), title: $t("login.pureQQLogin"),
icon: "qq" icon: "qq"
}, },
{ {
title: $t("login.weiboLogin"), title: $t("login.pureWeiBoLogin"),
icon: "weibo" icon: "weibo"
} }
]; ];

30
src/views/login/utils/rule.ts
View File

@ -17,9 +17,9 @@ const loginRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.passwordReg")))); callback(new Error(transformI18n($t("login.purePassWordReg"))));
} else if (!REGEXP_PWD.test(value)) { } else if (!REGEXP_PWD.test(value)) {
callback(new Error(transformI18n($t("login.passwordRuleReg")))); callback(new Error(transformI18n($t("login.purePassWordRuleReg"))));
} else { } else {
callback(); callback();
} }
@ -31,9 +31,11 @@ const loginRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.verifyCodeReg")))); callback(new Error(transformI18n($t("login.pureVerifyCodeReg"))));
} else if (useUserStoreHook().verifyCode !== value) { } else if (useUserStoreHook().verifyCode !== value) {
callback(new Error(transformI18n($t("login.verifyCodeCorrectReg")))); callback(
new Error(transformI18n($t("login.pureVerifyCodeCorrectReg")))
);
} else { } else {
callback(); callback();
} }
@ -49,9 +51,9 @@ const phoneRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.phoneReg")))); callback(new Error(transformI18n($t("login.purePhoneReg"))));
} else if (!isPhone(value)) { } else if (!isPhone(value)) {
callback(new Error(transformI18n($t("login.phoneCorrectReg")))); callback(new Error(transformI18n($t("login.purePhoneCorrectReg"))));
} else { } else {
callback(); callback();
} }
@ -63,9 +65,9 @@ const phoneRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.verifyCodeReg")))); callback(new Error(transformI18n($t("login.pureVerifyCodeReg"))));
} else if (!REGEXP_SIX.test(value)) { } else if (!REGEXP_SIX.test(value)) {
callback(new Error(transformI18n($t("login.verifyCodeSixReg")))); callback(new Error(transformI18n($t("login.pureVerifyCodeSixReg"))));
} else { } else {
callback(); callback();
} }
@ -81,9 +83,9 @@ const updateRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.phoneReg")))); callback(new Error(transformI18n($t("login.purePhoneReg"))));
} else if (!isPhone(value)) { } else if (!isPhone(value)) {
callback(new Error(transformI18n($t("login.phoneCorrectReg")))); callback(new Error(transformI18n($t("login.purePhoneCorrectReg"))));
} else { } else {
callback(); callback();
} }
@ -95,9 +97,9 @@ const updateRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.verifyCodeReg")))); callback(new Error(transformI18n($t("login.pureVerifyCodeReg"))));
} else if (!REGEXP_SIX.test(value)) { } else if (!REGEXP_SIX.test(value)) {
callback(new Error(transformI18n($t("login.verifyCodeSixReg")))); callback(new Error(transformI18n($t("login.pureVerifyCodeSixReg"))));
} else { } else {
callback(); callback();
} }
@ -109,9 +111,9 @@ const updateRules = reactive<FormRules>({
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error(transformI18n($t("login.passwordReg")))); callback(new Error(transformI18n($t("login.purePassWordReg"))));
} else if (!REGEXP_PWD.test(value)) { } else if (!REGEXP_PWD.test(value)) {
callback(new Error(transformI18n($t("login.passwordRuleReg")))); callback(new Error(transformI18n($t("login.purePassWordRuleReg"))));
} else { } else {
callback(); callback();
} }

4
src/views/nested/menu1/menu1-1/index.vue
View File

@ -12,8 +12,8 @@ const { t } = useI18n();
<template> <template>
<div class="dark:text-white"> <div class="dark:text-white">
<p>{{ t("menus.hsmenu1") }}</p> <p>{{ t("menus.pureMenu1") }}</p>
<p style="text-indent: 2em">{{ t("menus.hsmenu1-1") }}</p> <p style="text-indent: 2em">{{ t("menus.pureMenu1-1") }}</p>
<el-input v-model="input" /> <el-input v-model="input" />
</div> </div>
</template> </template>

6
src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
View File

@ -12,9 +12,9 @@ const { t } = useI18n();
<template> <template>
<div class="dark:text-white"> <div class="dark:text-white">
<p>{{ t("menus.hsmenu1") }}</p> <p>{{ t("menus.pureMenu1") }}</p>
<p style="text-indent: 2em">{{ t("menus.hsmenu1-2") }}</p> <p style="text-indent: 2em">{{ t("menus.pureMenu1-2") }}</p>
<p style="text-indent: 4em">{{ t("menus.hsmenu1-2-1") }}</p> <p style="text-indent: 4em">{{ t("menus.pureMenu1-2-1") }}</p>
<el-input v-model="input" /> <el-input v-model="input" />
</div> </div>
</template> </template>

6
src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
View File

@ -14,9 +14,9 @@ const { query } = useRoute();
<template> <template>
<div class="dark:text-white"> <div class="dark:text-white">
<p>{{ t("menus.hsmenu1") }}</p> <p>{{ t("menus.pureMenu1") }}</p>
<p style="text-indent: 2em">{{ t("menus.hsmenu1-2") }}</p> <p style="text-indent: 2em">{{ t("menus.pureMenu1-2") }}</p>
<p style="text-indent: 4em">{{ t("menus.hsmenu1-2-2") }}</p> <p style="text-indent: 4em">{{ t("menus.pureMenu1-2-2") }}</p>
<el-input v-model="input" /> <el-input v-model="input" />
<div v-if="query.text" class="mt-4"> <div v-if="query.text" class="mt-4">

4
src/views/nested/menu1/menu1-3/index.vue
View File

@ -12,8 +12,8 @@ const { t } = useI18n();
<template> <template>
<div class="dark:text-white"> <div class="dark:text-white">
<p>{{ t("menus.hsmenu1") }}</p> <p>{{ t("menus.pureMenu1") }}</p>
<p style="text-indent: 2em">{{ t("menus.hsmenu1-3") }}</p> <p style="text-indent: 2em">{{ t("menus.pureMenu1-3") }}</p>
<el-input v-model="input" /> <el-input v-model="input" />
</div> </div>
</template> </template>

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