mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 17:07:19 +08:00
Merge branch 'main' into feat-user-settings
This commit is contained in:
xiaoming
GitHub
commit
dd09fda703
10
.github/workflows/linter.yml
vendored
10
.github/workflows/linter.yml
vendored
@ -13,14 +13,14 @@ jobs:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v3
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Install Node.js
|
||||
uses: actions/setup-node@v3
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 18
|
||||
node-version: 20
|
||||
|
||||
- uses: pnpm/action-setup@v2
|
||||
- uses: pnpm/action-setup@v3
|
||||
name: Install pnpm
|
||||
id: pnpm-install
|
||||
with:
|
||||
@ -33,7 +33,7 @@ jobs:
|
||||
run: |
|
||||
echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
|
||||
|
||||
- uses: actions/cache@v3
|
||||
- uses: actions/cache@v4
|
||||
name: Setup pnpm cache
|
||||
with:
|
||||
path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
|
||||
|
||||
10
.vscode/settings.json
vendored
10
.vscode/settings.json
vendored
@ -35,5 +35,13 @@
|
||||
"i18n-ally.sourceLanguage": "en",
|
||||
"i18n-ally.displayLanguage": "zh-CN",
|
||||
"i18n-ally.enabledFrameworks": ["vue"],
|
||||
"iconify.excludes": ["el"]
|
||||
"iconify.excludes": ["el"],
|
||||
"vsmqtt.brokerProfiles": [
|
||||
{
|
||||
"name": "broker.emqx.io",
|
||||
"host": "broker.emqx.io/mqtt",
|
||||
"port": 1883,
|
||||
"clientId": "vsmqtt_client_db34"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,3 +1,16 @@
|
||||
# 5.3.0 (2024-03-28)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
- Reconstruct internationalized file naming conventions and demo pages with code location hints
|
||||
|
||||
### 🎫 Feat
|
||||
|
||||
- Add `MQTT` example
|
||||
- Added `docx` and `excel` file preview examples
|
||||
- The `ReSegmented` segmented controller has a new `size` attribute, which can set three sizes
|
||||
- The `RePureTableBar` component and `pure-admin-table` support international switching of table headers
|
||||
|
||||
# 5.2.0 (2024-03-22)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
13
CHANGELOG.md
13
CHANGELOG.md
@ -1,3 +1,16 @@
|
||||
# 5.3.0 (2024-03-28)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
- Reconstruct internationalized file naming conventions and demo pages with code location hints
|
||||
|
||||
### 🎫 Feat
|
||||
|
||||
- Add `MQTT` example
|
||||
- Added `docx` and `excel` file preview examples
|
||||
- The `ReSegmented` segmented controller has a new `size` attribute, which can set three sizes
|
||||
- The `RePureTableBar` component and `pure-admin-table` support international switching of table headers
|
||||
|
||||
# 5.2.0 (2024-03-22)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
@ -1,3 +1,16 @@
|
||||
# 5.3.0 (2024-03-28)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
- 重构国际化文件命名规范以及演示页加上代码位置提示
|
||||
|
||||
### 🎫 Feat
|
||||
|
||||
- 添加`MQTT`示例
|
||||
- 添加`docx`、`excel`文件预览示例
|
||||
- `ReSegmented`分段控制器新增`size`属性，可设置三种尺寸
|
||||
- `RePureTableBar`组件搭配`pure-admin-table`支持表头国际化切换
|
||||
|
||||
# 5.2.0 (2024-03-22)
|
||||
|
||||
### ✔️ refactor
|
||||
|
||||
@ -26,8 +26,7 @@ The simplified version is based on the shelf extracted from [vue-pure-admin](htt
|
||||
## Supporting video
|
||||
|
||||
[Click me to view UI design](https://www.bilibili.com/video/BV17g411T7rq)
|
||||
[Click me to view the rapid development tutorial](https://www.bilibili.com/video/BV1kg411v7QT)
|
||||
[Click me to view all pages and function demonstrations of vue-pure-admin](https://www.bilibili.com/video/BV1Rx4y1U7Mv)
|
||||
[Click me to view the rapid development tutorial](https://www.bilibili.com/video/BV1kg411v7QT)
|
||||
|
||||
## Nanny-level documents
|
||||
|
||||
|
||||
@ -27,8 +27,7 @@
|
||||
## 配套视频
|
||||
|
||||
[点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
|
||||
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
|
||||
[点我查看 vue-pure-admin 的所有页面、功能演示](https://www.bilibili.com/video/BV1Rx4y1U7Mv)
|
||||
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
|
||||
|
||||
## 配套保姆级文档
|
||||
|
||||
|
||||
@ -24,8 +24,7 @@ export function getPluginsList(
|
||||
// jsx、tsx语法支持
|
||||
vueJsx(),
|
||||
VueI18nPlugin({
|
||||
runtimeOnly: true,
|
||||
compositionOnly: true,
|
||||
jitCompilation: false,
|
||||
include: [pathResolve("../locales/**")]
|
||||
}),
|
||||
viteBuildInfo(),
|
||||
|
||||
356
locales/en.yaml
356
locales/en.yaml
@ -1,186 +1,178 @@
|
||||
buttons:
|
||||
hsLoginOut: LoginOut
|
||||
hsfullscreen: FullScreen
|
||||
hsexitfullscreen: ExitFullscreen
|
||||
hsrefreshRoute: RefreshRoute
|
||||
hslogin: Login
|
||||
hsadd: Add
|
||||
hsmark: Mark/Cancel
|
||||
hssave: Save
|
||||
hssearch: Search
|
||||
hsexpendAll: Expand All
|
||||
hscollapseAll: Collapse All
|
||||
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
|
||||
pureLoginOut: LoginOut
|
||||
pureLogin: Login
|
||||
pureSystemSet: Open ProjectConfig
|
||||
pureReload: Reload
|
||||
pureCloseCurrentTab: Close CurrentTab
|
||||
pureCloseLeftTabs: Close LeftTabs
|
||||
pureCloseRightTabs: Close RightTabs
|
||||
pureCloseOtherTabs: Close OtherTabs
|
||||
pureCloseAllTabs: Close AllTabs
|
||||
pureContentFullScreen: Content FullScreen
|
||||
pureContentExitFullScreen: Content ExitFullScreen
|
||||
menus:
|
||||
hshome: Home
|
||||
hslogin: Login
|
||||
hsempty: Empty Page
|
||||
hstable: Table
|
||||
hssysManagement: System Manage
|
||||
hsUser: User Manage
|
||||
hsRole: Role Manage
|
||||
hsSystemMenu: Menu Manage
|
||||
hsDept: Dept Manage
|
||||
hssysMonitor: System Monitor
|
||||
hsOnlineUser: Online User
|
||||
hsLoginLog: Login Log
|
||||
hsOperationLog: Operation Log
|
||||
hsSystemLog: System Log
|
||||
hseditor: Editor
|
||||
hsabnormal: Abnormal Page
|
||||
hsfourZeroFour: "404"
|
||||
hsfourZeroOne: "403"
|
||||
hsFive: "500"
|
||||
hscomponents: Components
|
||||
hsdialog: Dialog
|
||||
hsmessage: Message Tips
|
||||
hsvideo: Video
|
||||
hssegmented: Segmented
|
||||
hswaterfall: Waterfall
|
||||
hsmap: Map
|
||||
hsdraggable: Draggable
|
||||
hssplitPane: Split Pane
|
||||
hsText: Text Ellipsis
|
||||
hsElButton: Button
|
||||
hsbutton: Button Animation
|
||||
hsCheckButton: Check Button
|
||||
hscropping: Picture Cropping
|
||||
hsanimatecss: AnimateCss Selector
|
||||
hscountTo: Digital Animation
|
||||
hsselector: Scope Selector
|
||||
hsflowChart: Flow Chart
|
||||
hsseamless: Seamless Scroll
|
||||
hscontextmenu: Context Menu
|
||||
hstypeit: Typeit
|
||||
hsjsoneditor: JSON Editor
|
||||
hsColorPicker: Color Picker
|
||||
hsDatePicker: Date Picker
|
||||
hsDateTimePicker: DateTimePicker
|
||||
hsTimePicker: TimePicker
|
||||
hsTag: Tag
|
||||
hsStatistic: Statistic
|
||||
hsCollapse: Collapse
|
||||
hsGanttastic: Gantt Chart
|
||||
hsProgress: Progress
|
||||
hsUpload: File Upload
|
||||
hsCheckCard: CheckCard
|
||||
hsmenus: MultiLevel Menu
|
||||
hsmenu1: Menu1
|
||||
hsmenu1-1: Menu1-1
|
||||
hsmenu1-2: Menu1-2
|
||||
hsmenu1-2-1: Menu1-2-1
|
||||
hsmenu1-2-2: Menu1-2-2
|
||||
hsmenu1-3: Menu1-3
|
||||
hsmenu2: Menu2
|
||||
permission: Permission Manage
|
||||
permissionPage: Page Permission
|
||||
permissionButton: Button Permission
|
||||
hstabs: Tabs Operate
|
||||
hsguide: Guide
|
||||
hsAble: Able
|
||||
hsMenuTree: Menu Tree
|
||||
hsVideoFrame: Video Frame Capture
|
||||
hsWavesurfer: Audio Visualization
|
||||
hsRipple: Ripple
|
||||
hsOptimize: Debounce、Throttle、Copy、Longpress Directives
|
||||
hsVerify: Captcha
|
||||
hsWatermark: Water Mark
|
||||
hsPrint: Print
|
||||
hsDownload: Download
|
||||
hsExternalPage: External Page
|
||||
hsExternalDoc: Docs External
|
||||
hsEmbeddedDoc: Docs Embedded
|
||||
externalLink: Vue-Pure-Admin
|
||||
pureutilsLink: Pure-Admin-Utils
|
||||
hsEpDocument: Element-Plus
|
||||
hsTailwindcssDocument: Tailwindcss
|
||||
hsVueDocument: Vue3
|
||||
hsViteDocument: Vite
|
||||
hsPiniaDocument: Pinia
|
||||
hsRouterDocument: Vue-Router
|
||||
hsAbout: About
|
||||
hsResult: Result Page
|
||||
hsSuccess: Success Page
|
||||
hsFail: Fail Page
|
||||
hsIconSelect: Icon Select
|
||||
hsTimeline: Time Line
|
||||
hsLineTree: LineTree
|
||||
hsList: List Page
|
||||
hsListCard: Card List Page
|
||||
hsDebounce: Debounce & Throttle
|
||||
hsFormDesign: Form Design
|
||||
hsBarcode: Barcode
|
||||
hsQrcode: Qrcode
|
||||
hsCascader: Area Cascader
|
||||
hsSwiper: Swiper Plugin
|
||||
hsVirtualList: Virtual List
|
||||
hsPdf: PDF Preview
|
||||
hsWord: Word Preview
|
||||
hsExcels: Excel Preview
|
||||
hsExcel: Export Excel
|
||||
hsInfiniteScroll: Table Infinite Scroll
|
||||
hsSensitive: Sensitive Filter
|
||||
hsPinyin: PinYin
|
||||
hsdanmaku: Danmaku
|
||||
hsSchemaForm: Form
|
||||
hsPureTableBase: Base Usage
|
||||
hsPureTableHigh: High Usage
|
||||
hsPureTableEdit: Edit Usage
|
||||
hsVxeTable: Virtual Usage
|
||||
hsboard: Paint Board
|
||||
hsMenuoverflow: Menu Overflow Show Tooltip Text
|
||||
hsChildMenuoverflow: Child Menu Overflow Show Tooltip Text
|
||||
pureHome: Home
|
||||
pureLogin: Login
|
||||
pureEmpty: Empty Page
|
||||
pureTable: Table
|
||||
pureSysManagement: System Manage
|
||||
pureUser: User Manage
|
||||
pureRole: Role Manage
|
||||
pureSystemMenu: Menu Manage
|
||||
pureDept: Dept Manage
|
||||
pureSysMonitor: System Monitor
|
||||
pureOnlineUser: Online User
|
||||
pureLoginLog: Login Log
|
||||
pureOperationLog: Operation Log
|
||||
pureSystemLog: System Log
|
||||
pureEditor: Editor
|
||||
pureAbnormal: Abnormal Page
|
||||
pureFourZeroFour: "404"
|
||||
pureFourZeroOne: "403"
|
||||
pureFive: "500"
|
||||
pureComponents: Components
|
||||
pureDialog: Dialog
|
||||
pureMessage: Message Tips
|
||||
pureVideo: Video
|
||||
pureSegmented: Segmented
|
||||
pureWaterfall: Waterfall
|
||||
pureMap: Map
|
||||
pureDraggable: Draggable
|
||||
pureSplitPane: Split Pane
|
||||
pureText: Text Ellipsis
|
||||
pureElButton: Button
|
||||
pureButton: Button Animation
|
||||
pureCheckButton: Check Button
|
||||
pureCropping: Picture Cropping
|
||||
pureAnimatecss: AnimateCss Selector
|
||||
pureCountTo: Digital Animation
|
||||
pureSelector: Scope Selector
|
||||
pureFlowChart: Flow Chart
|
||||
pureSeamless: Seamless Scroll
|
||||
pureContextmenu: Context Menu
|
||||
pureTypeit: Typeit
|
||||
pureJsonEditor: JSON Editor
|
||||
pureColorPicker: Color Picker
|
||||
pureDatePicker: Date Picker
|
||||
pureDateTimePicker: DateTimePicker
|
||||
pureTimePicker: TimePicker
|
||||
pureTag: Tag
|
||||
pureStatistic: Statistic
|
||||
pureCollapse: Collapse
|
||||
pureGanttastic: Gantt Chart
|
||||
pureProgress: Progress
|
||||
pureUpload: File Upload
|
||||
pureCheckCard: CheckCard
|
||||
pureMenus: MultiLevel Menu
|
||||
pureMenu1: Menu1
|
||||
pureMenu1-1: Menu1-1
|
||||
pureMenu1-2: Menu1-2
|
||||
pureMenu1-2-1: Menu1-2-1
|
||||
pureMenu1-2-2: Menu1-2-2
|
||||
pureMenu1-3: Menu1-3
|
||||
pureMenu2: Menu2
|
||||
purePermission: Permission Manage
|
||||
purePermissionPage: Page Permission
|
||||
purePermissionButton: Button Permission
|
||||
pureTabs: Tabs Operate
|
||||
pureGuide: Guide
|
||||
pureAble: Able
|
||||
pureMenuTree: Menu Tree
|
||||
pureVideoFrame: Video Frame Capture
|
||||
pureWavesurfer: Audio Visualization
|
||||
pureRipple: Ripple
|
||||
pureMqtt: Mqtt Client
|
||||
pureOptimize: Debounce、Throttle、Copy、Longpress Directives
|
||||
pureVerify: Captcha
|
||||
pureWatermark: Water Mark
|
||||
purePrint: Print
|
||||
pureDownload: Download
|
||||
pureExternalPage: External Page
|
||||
pureExternalDoc: Docs External
|
||||
pureEmbeddedDoc: Docs Embedded
|
||||
pureExternalLink: Vue-Pure-Admin
|
||||
pureUtilsLink: Pure-Admin-Utils
|
||||
pureColorHuntDoc: ColorHunt
|
||||
pureUiGradients: UiGradients
|
||||
pureEpDoc: Element-Plus
|
||||
pureTailwindcssDoc: Tailwindcss
|
||||
pureVueDoc: Vue3
|
||||
pureViteDoc: Vite
|
||||
purePiniaDoc: Pinia
|
||||
pureRouterDoc: Vue-Router
|
||||
pureAbout: About
|
||||
pureResult: Result Page
|
||||
pureSuccess: Success Page
|
||||
pureFail: Fail Page
|
||||
pureIconSelect: Icon Select
|
||||
pureTimeline: Time Line
|
||||
pureLineTree: LineTree
|
||||
pureList: List Page
|
||||
pureListCard: Card List Page
|
||||
pureDebounce: Debounce & Throttle
|
||||
pureFormDesign: Form Design
|
||||
pureBarcode: Barcode
|
||||
pureQrcode: Qrcode
|
||||
pureCascader: Area Cascader
|
||||
pureSwiper: Swiper Plugin
|
||||
pureVirtualList: Virtual List
|
||||
purePdf: PDF Preview
|
||||
pureWord: Word Preview
|
||||
pureExcels: Excel Preview
|
||||
pureExcel: Export Excel
|
||||
pureInfiniteScroll: Table Infinite Scroll
|
||||
pureSensitive: Sensitive Filter
|
||||
purePinyin: PinYin
|
||||
pureDanmaku: Danmaku
|
||||
pureSchemaForm: Form
|
||||
pureTableBase: Base Usage
|
||||
pureTableHigh: High Usage
|
||||
pureTableEdit: Edit Usage
|
||||
pureVxeTable: Virtual Usage
|
||||
pureBoard: Paint Board
|
||||
pureMindMap: Mind Map
|
||||
pureMenuOverflow: Menu Overflow Show Tooltip Text
|
||||
pureChildMenuOverflow: Child Menu Overflow Show Tooltip Text
|
||||
status:
|
||||
hsLoad: Loading...
|
||||
pureLoad: Loading...
|
||||
login:
|
||||
username: Username
|
||||
password: Password
|
||||
verifyCode: VerifyCode
|
||||
remember: 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.
|
||||
sure: Sure Password
|
||||
forget: Forget Password?
|
||||
login: Login
|
||||
thirdLogin: Third Login
|
||||
phoneLogin: Phone Login
|
||||
qRCodeLogin: QRCode Login
|
||||
register: Register
|
||||
weChatLogin: WeChat Login
|
||||
alipayLogin: Alipay Login
|
||||
qqLogin: QQ Login
|
||||
weiboLogin: Weibo Login
|
||||
phone: Phone
|
||||
smsVerifyCode: SMS VerifyCode
|
||||
back: Back
|
||||
test: Mock Test
|
||||
tip: After scanning the code, click "Confirm" to complete the login
|
||||
definite: Definite
|
||||
loginSuccess: Login Success
|
||||
registerSuccess: Regist Success
|
||||
tickPrivacy: Please tick Privacy Policy
|
||||
readAccept: I have read it carefully and accept
|
||||
privacyPolicy: Privacy Policy
|
||||
getVerifyCode: Get VerifyCode
|
||||
info: Seconds
|
||||
usernameReg: Please enter username
|
||||
passwordReg: Please enter password
|
||||
verifyCodeReg: Please enter verify code
|
||||
verifyCodeCorrectReg: Please enter correct verify code
|
||||
verifyCodeSixReg: Please enter a 6-digit verify code
|
||||
phoneReg: Please enter the phone
|
||||
phoneCorrectReg: Please enter the correct phone number format
|
||||
passwordRuleReg: The password format should be any combination of 8-18 digits
|
||||
passwordSureReg: Please enter confirm password
|
||||
passwordDifferentReg: The two passwords do not match!
|
||||
passwordUpdateReg: Password has been updated
|
||||
pureUsername: Username
|
||||
purePassword: Password
|
||||
pureVerifyCode: VerifyCode
|
||||
pureRemember: days no need to login
|
||||
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.
|
||||
pureSure: Sure Password
|
||||
pureForget: Forget Password?
|
||||
pureLogin: Login
|
||||
pureThirdLogin: Third Login
|
||||
purePhoneLogin: Phone Login
|
||||
pureQRCodeLogin: QRCode Login
|
||||
pureRegister: Register
|
||||
pureWeChatLogin: WeChat Login
|
||||
pureAlipayLogin: Alipay Login
|
||||
pureQQLogin: QQ Login
|
||||
pureWeiBoLogin: Weibo Login
|
||||
purePhone: Phone
|
||||
pureSmsVerifyCode: SMS VerifyCode
|
||||
pureBack: Back
|
||||
pureTest: Mock Test
|
||||
pureTip: After scanning the code, click "Confirm" to complete the login
|
||||
pureDefinite: Definite
|
||||
pureLoginSuccess: Login Success
|
||||
pureRegisterSuccess: Regist Success
|
||||
pureTickPrivacy: Please tick Privacy Policy
|
||||
pureReadAccept: I have read it carefully and accept
|
||||
purePrivacyPolicy: Privacy Policy
|
||||
pureGetVerifyCode: Get VerifyCode
|
||||
pureInfo: Seconds
|
||||
pureUsernameReg: Please enter username
|
||||
purePassWordReg: Please enter password
|
||||
pureVerifyCodeReg: Please enter verify code
|
||||
pureVerifyCodeCorrectReg: Please enter correct verify code
|
||||
pureVerifyCodeSixReg: Please enter a 6-digit verify code
|
||||
purePhoneReg: Please enter the phone
|
||||
purePhoneCorrectReg: Please enter the correct phone number format
|
||||
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
||||
purePassWordSureReg: Please enter confirm password
|
||||
purePassWordDifferentReg: The two passwords do not match!
|
||||
purePassWordUpdateReg: Password has been updated
|
||||
|
||||
@ -1,187 +1,178 @@
|
||||
buttons:
|
||||
hsUserSettings: 账户设置
|
||||
hsLoginOut: 退出系统
|
||||
hsfullscreen: 全屏
|
||||
hsexitfullscreen: 退出全屏
|
||||
hsrefreshRoute: 刷新路由
|
||||
hslogin: 登录
|
||||
hsadd: 新增
|
||||
hsmark: 标记/取消
|
||||
hssave: 保存
|
||||
hssearch: 搜索
|
||||
hsexpendAll: 全部展开
|
||||
hscollapseAll: 全部折叠
|
||||
hssystemSet: 打开项目配置
|
||||
hsdelete: 删除
|
||||
hsreload: 重新加载
|
||||
hscloseCurrentTab: 关闭当前标签页
|
||||
hscloseLeftTabs: 关闭左侧标签页
|
||||
hscloseRightTabs: 关闭右侧标签页
|
||||
hscloseOtherTabs: 关闭其他标签页
|
||||
hscloseAllTabs: 关闭全部标签页
|
||||
hswholeFullScreen: 全屏
|
||||
hswholeExitFullScreen: 退出全屏
|
||||
hscontentFullScreen: 内容区全屏
|
||||
hscontentExitFullScreen: 内容区退出全屏
|
||||
pureLoginOut: 退出系统
|
||||
pureLogin: 登录
|
||||
pureSystemSet: 打开项目配置
|
||||
pureReload: 重新加载
|
||||
pureCloseCurrentTab: 关闭当前标签页
|
||||
pureCloseLeftTabs: 关闭左侧标签页
|
||||
pureCloseRightTabs: 关闭右侧标签页
|
||||
pureCloseOtherTabs: 关闭其他标签页
|
||||
pureCloseAllTabs: 关闭全部标签页
|
||||
pureContentFullScreen: 内容区全屏
|
||||
pureContentExitFullScreen: 内容区退出全屏
|
||||
menus:
|
||||
hshome: 首页
|
||||
hslogin: 登录
|
||||
hsempty: 无Layout页
|
||||
hstable: 表格
|
||||
hssysManagement: 系统管理
|
||||
hsUser: 用户管理
|
||||
hsRole: 角色管理
|
||||
hsSystemMenu: 菜单管理
|
||||
hsDept: 部门管理
|
||||
hssysMonitor: 系统监控
|
||||
hsOnlineUser: 在线用户
|
||||
hsLoginLog: 登录日志
|
||||
hsOperationLog: 操作日志
|
||||
hsSystemLog: 系统日志
|
||||
hseditor: 编辑器
|
||||
hsabnormal: 异常页面
|
||||
hsfourZeroFour: "404"
|
||||
hsfourZeroOne: "403"
|
||||
hsFive: "500"
|
||||
hscomponents: 组件
|
||||
hsdialog: 函数式弹框
|
||||
hsmessage: 消息提示
|
||||
hsvideo: 视频
|
||||
hssegmented: 分段控制器
|
||||
hswaterfall: 瀑布流无限滚动
|
||||
hsmap: 地图
|
||||
hsdraggable: 拖拽
|
||||
hssplitPane: 切割面板
|
||||
hsText: 文本省略
|
||||
hsElButton: 按钮
|
||||
hsCheckButton: 可选按钮
|
||||
hsbutton: 按钮动效
|
||||
hscropping: 图片裁剪
|
||||
hsanimatecss: animate.css选择器
|
||||
hscountTo: 数字动画
|
||||
hsselector: 范围选择器
|
||||
hsflowChart: 流程图
|
||||
hsseamless: 无缝滚动
|
||||
hscontextmenu: 右键菜单
|
||||
hstypeit: 打字机
|
||||
hsjsoneditor: JSON编辑器
|
||||
hsColorPicker: 颜色选择器
|
||||
hsDatePicker: 日期选择器
|
||||
hsDateTimePicker: 日期时间选择器
|
||||
hsTimePicker: 时间选择器
|
||||
hsTag: 标签
|
||||
hsStatistic: 统计组件
|
||||
hsCollapse: 折叠面板
|
||||
hsGanttastic: 甘特图
|
||||
hsProgress: 进度条
|
||||
hsUpload: 文件上传
|
||||
hsCheckCard: 多选卡片
|
||||
hsmenus: 多级菜单
|
||||
hsmenu1: 菜单1
|
||||
hsmenu1-1: 菜单1-1
|
||||
hsmenu1-2: 菜单1-2
|
||||
hsmenu1-2-1: 菜单1-2-1
|
||||
hsmenu1-2-2: 菜单1-2-2
|
||||
hsmenu1-3: 菜单1-3
|
||||
hsmenu2: 菜单2
|
||||
permission: 权限管理
|
||||
permissionPage: 页面权限
|
||||
permissionButton: 按钮权限
|
||||
hstabs: 标签页操作
|
||||
hsguide: 引导页
|
||||
hsAble: 功能
|
||||
hsMenuTree: 菜单树结构
|
||||
hsVideoFrame: 视频帧截取-wasm版
|
||||
hsWavesurfer: 音频可视化
|
||||
hsRipple: 波纹(Ripple)
|
||||
hsOptimize: 防抖、截流、复制、长按指令
|
||||
hsVerify: 图形验证码
|
||||
hsWatermark: 水印
|
||||
hsPrint: 打印
|
||||
hsDownload: 下载
|
||||
hsExternalPage: 外部页面
|
||||
hsExternalDoc: 文档外链
|
||||
hsEmbeddedDoc: 文档内嵌
|
||||
externalLink: vue-pure-admin
|
||||
pureutilsLink: pure-admin-utils
|
||||
hsEpDocument: element-plus
|
||||
hsTailwindcssDocument: tailwindcss
|
||||
hsVueDocument: vue3
|
||||
hsViteDocument: vite
|
||||
hsPiniaDocument: pinia
|
||||
hsRouterDocument: vue-router
|
||||
hsAbout: 关于
|
||||
hsResult: 结果页面
|
||||
hsSuccess: 成功页面
|
||||
hsFail: 失败页面
|
||||
hsIconSelect: 图标选择器
|
||||
hsTimeline: 时间线
|
||||
hsLineTree: 树形连接线
|
||||
hsList: 列表页面
|
||||
hsListCard: 卡片列表页
|
||||
hsDebounce: 防抖节流
|
||||
hsFormDesign: 表单设计器
|
||||
hsBarcode: 条形码
|
||||
hsQrcode: 二维码
|
||||
hsCascader: 区域级联选择器
|
||||
hsSwiper: Swiper插件
|
||||
hsVirtualList: 虚拟列表
|
||||
hsPdf: PDF预览
|
||||
hsWord: Word预览
|
||||
hsExcels: Excel预览
|
||||
hsExcel: 导出Excel
|
||||
hsInfiniteScroll: 表格无限滚动
|
||||
hsSensitive: 敏感词过滤
|
||||
hsPinyin: 汉语拼音
|
||||
hsdanmaku: 弹幕
|
||||
hsSchemaForm: 表单
|
||||
hsPureTableBase: 基础用法
|
||||
hsPureTableHigh: 高级用法
|
||||
hsPureTableEdit: 可编辑用法
|
||||
hsVxeTable: 虚拟滚动
|
||||
hsboard: 艺术画板
|
||||
hsMenuoverflow: 目录超出显示 Tooltip 文字提示
|
||||
hsChildMenuoverflow: 菜单超出显示 Tooltip 文字提示
|
||||
pureHome: 首页
|
||||
pureLogin: 登录
|
||||
pureEmpty: 无Layout页
|
||||
pureTable: 表格
|
||||
pureSysManagement: 系统管理
|
||||
pureUser: 用户管理
|
||||
pureRole: 角色管理
|
||||
pureSystemMenu: 菜单管理
|
||||
pureDept: 部门管理
|
||||
pureSysMonitor: 系统监控
|
||||
pureOnlineUser: 在线用户
|
||||
pureLoginLog: 登录日志
|
||||
pureOperationLog: 操作日志
|
||||
pureSystemLog: 系统日志
|
||||
pureEditor: 编辑器
|
||||
pureAbnormal: 异常页面
|
||||
pureFourZeroFour: "404"
|
||||
pureFourZeroOne: "403"
|
||||
pureFive: "500"
|
||||
pureComponents: 组件
|
||||
pureDialog: 函数式弹框
|
||||
pureMessage: 消息提示
|
||||
pureVideo: 视频
|
||||
pureSegmented: 分段控制器
|
||||
pureWaterfall: 瀑布流无限滚动
|
||||
pureMap: 地图
|
||||
pureDraggable: 拖拽
|
||||
pureSplitPane: 切割面板
|
||||
pureText: 文本省略
|
||||
pureElButton: 按钮
|
||||
pureCheckButton: 可选按钮
|
||||
pureButton: 按钮动效
|
||||
pureCropping: 图片裁剪
|
||||
pureAnimatecss: animate.css选择器
|
||||
pureCountTo: 数字动画
|
||||
pureSelector: 范围选择器
|
||||
pureFlowChart: 流程图
|
||||
pureSeamless: 无缝滚动
|
||||
pureContextmenu: 右键菜单
|
||||
pureTypeit: 打字机
|
||||
pureJsonEditor: JSON编辑器
|
||||
pureColorPicker: 颜色选择器
|
||||
pureDatePicker: 日期选择器
|
||||
pureDateTimePicker: 日期时间选择器
|
||||
pureTimePicker: 时间选择器
|
||||
pureTag: 标签
|
||||
pureStatistic: 统计组件
|
||||
pureCollapse: 折叠面板
|
||||
pureGanttastic: 甘特图
|
||||
pureProgress: 进度条
|
||||
pureUpload: 文件上传
|
||||
pureCheckCard: 多选卡片
|
||||
pureMenus: 多级菜单
|
||||
pureMenu1: 菜单1
|
||||
pureMenu1-1: 菜单1-1
|
||||
pureMenu1-2: 菜单1-2
|
||||
pureMenu1-2-1: 菜单1-2-1
|
||||
pureMenu1-2-2: 菜单1-2-2
|
||||
pureMenu1-3: 菜单1-3
|
||||
pureMenu2: 菜单2
|
||||
purePermission: 权限管理
|
||||
purePermissionPage: 页面权限
|
||||
purePermissionButton: 按钮权限
|
||||
pureTabs: 标签页操作
|
||||
pureGuide: 引导页
|
||||
pureAble: 功能
|
||||
pureMenuTree: 菜单树结构
|
||||
pureVideoFrame: 视频帧截取-wasm版
|
||||
pureWavesurfer: 音频可视化
|
||||
pureRipple: 波纹(Ripple)
|
||||
pureMqtt: MQTT客户端(mqtt)
|
||||
pureOptimize: 防抖、截流、复制、长按指令
|
||||
pureVerify: 图形验证码
|
||||
pureWatermark: 水印
|
||||
purePrint: 打印
|
||||
pureDownload: 下载
|
||||
pureExternalPage: 外部页面
|
||||
pureExternalDoc: 文档外链
|
||||
pureEmbeddedDoc: 文档内嵌
|
||||
pureExternalLink: vue-pure-admin
|
||||
pureUtilsLink: pure-admin-utils
|
||||
pureColorHuntDoc: 调色板
|
||||
pureUiGradients: 渐变色
|
||||
pureEpDoc: element-plus
|
||||
pureTailwindcssDoc: tailwindcss
|
||||
pureVueDoc: vue3
|
||||
pureViteDoc: vite
|
||||
purePiniaDoc: pinia
|
||||
pureRouterDoc: vue-router
|
||||
pureAbout: 关于
|
||||
pureResult: 结果页面
|
||||
pureSuccess: 成功页面
|
||||
pureFail: 失败页面
|
||||
pureIconSelect: 图标选择器
|
||||
pureTimeline: 时间线
|
||||
pureLineTree: 树形连接线
|
||||
pureList: 列表页面
|
||||
pureListCard: 卡片列表页
|
||||
pureDebounce: 防抖节流
|
||||
pureFormDesign: 表单设计器
|
||||
pureBarcode: 条形码
|
||||
pureQrcode: 二维码
|
||||
pureCascader: 区域级联选择器
|
||||
pureSwiper: Swiper插件
|
||||
pureVirtualList: 虚拟列表
|
||||
purePdf: PDF预览
|
||||
pureWord: Word预览
|
||||
pureExcels: Excel预览
|
||||
pureExcel: 导出Excel
|
||||
pureInfiniteScroll: 表格无限滚动
|
||||
pureSensitive: 敏感词过滤
|
||||
purePinyin: 汉语拼音
|
||||
pureDanmaku: 弹幕
|
||||
pureSchemaForm: 表单
|
||||
pureTableBase: 基础用法
|
||||
pureTableHigh: 高级用法
|
||||
pureTableEdit: 可编辑用法
|
||||
pureVxeTable: 虚拟滚动
|
||||
pureBoard: 艺术画板
|
||||
pureMindMap: 思维导图
|
||||
pureMenuOverflow: 目录超出显示 Tooltip 文字提示
|
||||
pureChildMenuOverflow: 菜单超出显示 Tooltip 文字提示
|
||||
status:
|
||||
hsLoad: 加载中...
|
||||
pureLoad: 加载中...
|
||||
login:
|
||||
username: 账号
|
||||
password: 密码
|
||||
verifyCode: 验证码
|
||||
remember: 天内免登录
|
||||
rememberInfo: 勾选并登录后，规定天数内无需输入用户名和密码会自动登入系统
|
||||
sure: 确认密码
|
||||
forget: 忘记密码?
|
||||
login: 登录
|
||||
thirdLogin: 第三方登录
|
||||
phoneLogin: 手机登录
|
||||
qRCodeLogin: 二维码登录
|
||||
register: 注册
|
||||
weChatLogin: 微信登录
|
||||
alipayLogin: 支付宝登录
|
||||
qqLogin: QQ登录
|
||||
weiboLogin: 微博登录
|
||||
phone: 手机号码
|
||||
smsVerifyCode: 短信验证码
|
||||
back: 返回
|
||||
test: 模拟测试
|
||||
tip: 扫码后点击"确认"，即可完成登录
|
||||
definite: 确定
|
||||
loginSuccess: 登录成功
|
||||
registerSuccess: 注册成功
|
||||
tickPrivacy: 请勾选隐私政策
|
||||
readAccept: 我已仔细阅读并接受
|
||||
privacyPolicy: 《隐私政策》
|
||||
getVerifyCode: 获取验证码
|
||||
info: 秒后重新获取
|
||||
usernameReg: 请输入账号
|
||||
passwordReg: 请输入密码
|
||||
verifyCodeReg: 请输入验证码
|
||||
verifyCodeCorrectReg: 请输入正确的验证码
|
||||
verifyCodeSixReg: 请输入6位数字验证码
|
||||
phoneReg: 请输入手机号码
|
||||
phoneCorrectReg: 请输入正确的手机号码格式
|
||||
passwordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
||||
passwordSureReg: 请输入确认密码
|
||||
passwordDifferentReg: 两次密码不一致!
|
||||
passwordUpdateReg: 修改密码成功
|
||||
pureUsername: 账号
|
||||
purePassword: 密码
|
||||
pureVerifyCode: 验证码
|
||||
pureRemember: 天内免登录
|
||||
pureRememberInfo: 勾选并登录后，规定天数内无需输入用户名和密码会自动登入系统
|
||||
pureSure: 确认密码
|
||||
pureForget: 忘记密码?
|
||||
pureLogin: 登录
|
||||
pureThirdLogin: 第三方登录
|
||||
purePhoneLogin: 手机登录
|
||||
pureQRCodeLogin: 二维码登录
|
||||
pureRegister: 注册
|
||||
pureWeChatLogin: 微信登录
|
||||
pureAlipayLogin: 支付宝登录
|
||||
pureQQLogin: QQ登录
|
||||
pureWeiBoLogin: 微博登录
|
||||
purePhone: 手机号码
|
||||
pureSmsVerifyCode: 短信验证码
|
||||
pureBack: 返回
|
||||
pureTest: 模拟测试
|
||||
pureTip: 扫码后点击"确认"，即可完成登录
|
||||
pureDefinite: 确定
|
||||
pureLoginSuccess: 登录成功
|
||||
pureRegisterSuccess: 注册成功
|
||||
pureTickPrivacy: 请勾选隐私政策
|
||||
pureReadAccept: 我已仔细阅读并接受
|
||||
purePrivacyPolicy: 《隐私政策》
|
||||
pureGetVerifyCode: 获取验证码
|
||||
pureInfo: 秒后重新获取
|
||||
pureUsernameReg: 请输入账号
|
||||
purePassWordReg: 请输入密码
|
||||
pureVerifyCodeReg: 请输入验证码
|
||||
pureVerifyCodeCorrectReg: 请输入正确的验证码
|
||||
pureVerifyCodeSixReg: 请输入6位数字验证码
|
||||
purePhoneReg: 请输入手机号码
|
||||
purePhoneCorrectReg: 请输入正确的手机号码格式
|
||||
purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
||||
purePassWordSureReg: 请输入确认密码
|
||||
purePassWordDifferentReg: 两次密码不一致!
|
||||
purePassWordUpdateReg: 修改密码成功
|
||||
@ -12,7 +12,7 @@ const systemManagementRouter = {
|
||||
path: "/system",
|
||||
meta: {
|
||||
icon: "ri:settings-3-line",
|
||||
title: "menus.hssysManagement",
|
||||
title: "menus.pureSysManagement",
|
||||
rank: system
|
||||
},
|
||||
children: [
|
||||
@ -21,7 +21,7 @@ const systemManagementRouter = {
|
||||
name: "SystemUser",
|
||||
meta: {
|
||||
icon: "ri:admin-line",
|
||||
title: "menus.hsUser",
|
||||
title: "menus.pureUser",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -30,7 +30,7 @@ const systemManagementRouter = {
|
||||
name: "SystemRole",
|
||||
meta: {
|
||||
icon: "ri:admin-fill",
|
||||
title: "menus.hsRole",
|
||||
title: "menus.pureRole",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -39,7 +39,7 @@ const systemManagementRouter = {
|
||||
name: "SystemMenu",
|
||||
meta: {
|
||||
icon: "ep:menu",
|
||||
title: "menus.hsSystemMenu",
|
||||
title: "menus.pureSystemMenu",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -48,7 +48,7 @@ const systemManagementRouter = {
|
||||
name: "SystemDept",
|
||||
meta: {
|
||||
icon: "ri:git-branch-line",
|
||||
title: "menus.hsDept",
|
||||
title: "menus.pureDept",
|
||||
roles: ["admin"]
|
||||
}
|
||||
}
|
||||
@ -59,7 +59,7 @@ const systemMonitorRouter = {
|
||||
path: "/monitor",
|
||||
meta: {
|
||||
icon: "ep:monitor",
|
||||
title: "menus.hssysMonitor",
|
||||
title: "menus.pureSysMonitor",
|
||||
rank: monitor
|
||||
},
|
||||
children: [
|
||||
@ -69,7 +69,7 @@ const systemMonitorRouter = {
|
||||
name: "OnlineUser",
|
||||
meta: {
|
||||
icon: "ri:user-voice-line",
|
||||
title: "menus.hsOnlineUser",
|
||||
title: "menus.pureOnlineUser",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -79,7 +79,7 @@ const systemMonitorRouter = {
|
||||
name: "LoginLog",
|
||||
meta: {
|
||||
icon: "ri:window-line",
|
||||
title: "menus.hsLoginLog",
|
||||
title: "menus.pureLoginLog",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -89,7 +89,7 @@ const systemMonitorRouter = {
|
||||
name: "OperationLog",
|
||||
meta: {
|
||||
icon: "ri:history-fill",
|
||||
title: "menus.hsOperationLog",
|
||||
title: "menus.pureOperationLog",
|
||||
roles: ["admin"]
|
||||
}
|
||||
},
|
||||
@ -99,7 +99,7 @@ const systemMonitorRouter = {
|
||||
name: "SystemLog",
|
||||
meta: {
|
||||
icon: "ri:file-search-line",
|
||||
title: "menus.hsSystemLog",
|
||||
title: "menus.pureSystemLog",
|
||||
roles: ["admin"]
|
||||
}
|
||||
}
|
||||
@ -109,7 +109,7 @@ const systemMonitorRouter = {
|
||||
const permissionRouter = {
|
||||
path: "/permission",
|
||||
meta: {
|
||||
title: "menus.permission",
|
||||
title: "menus.purePermission",
|
||||
icon: "ep:lollipop",
|
||||
rank: permission
|
||||
},
|
||||
@ -118,7 +118,7 @@ const permissionRouter = {
|
||||
path: "/permission/page/index",
|
||||
name: "PermissionPage",
|
||||
meta: {
|
||||
title: "menus.permissionPage",
|
||||
title: "menus.purePermissionPage",
|
||||
roles: ["admin", "common"]
|
||||
}
|
||||
},
|
||||
@ -126,7 +126,7 @@ const permissionRouter = {
|
||||
path: "/permission/button/index",
|
||||
name: "PermissionButton",
|
||||
meta: {
|
||||
title: "menus.permissionButton",
|
||||
title: "menus.purePermissionButton",
|
||||
roles: ["admin", "common"],
|
||||
auths: [
|
||||
"permission:btn:add",
|
||||
@ -142,29 +142,29 @@ const frameRouter = {
|
||||
path: "/iframe",
|
||||
meta: {
|
||||
icon: "ri:links-fill",
|
||||
title: "menus.hsExternalPage",
|
||||
title: "menus.pureExternalPage",
|
||||
rank: frame
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/iframe/external",
|
||||
meta: {
|
||||
title: "menus.hsExternalDoc"
|
||||
title: "menus.pureExternalDoc"
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/external",
|
||||
name: "https://yiming_chang.gitee.io/pure-admin-doc",
|
||||
meta: {
|
||||
title: "menus.externalLink",
|
||||
title: "menus.pureExternalLink",
|
||||
roles: ["admin", "common"]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/pureutilsLink",
|
||||
path: "/pureUtilsLink",
|
||||
name: "https://pure-admin-utils.netlify.app/",
|
||||
meta: {
|
||||
title: "menus.pureutilsLink",
|
||||
title: "menus.pureUtilsLink",
|
||||
roles: ["admin", "common"]
|
||||
}
|
||||
}
|
||||
@ -173,14 +173,34 @@ const frameRouter = {
|
||||
{
|
||||
path: "/iframe/embedded",
|
||||
meta: {
|
||||
title: "menus.hsEmbeddedDoc"
|
||||
title: "menus.pureEmbeddedDoc"
|
||||
},
|
||||
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",
|
||||
name: "FrameEp",
|
||||
meta: {
|
||||
title: "menus.hsEpDocument",
|
||||
title: "menus.pureEpDoc",
|
||||
frameSrc: "https://element-plus.org/zh-CN/",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -190,7 +210,7 @@ const frameRouter = {
|
||||
path: "/iframe/tailwindcss",
|
||||
name: "FrameTailwindcss",
|
||||
meta: {
|
||||
title: "menus.hsTailwindcssDocument",
|
||||
title: "menus.pureTailwindcssDoc",
|
||||
frameSrc: "https://tailwindcss.com/docs/installation",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -200,7 +220,7 @@ const frameRouter = {
|
||||
path: "/iframe/vue3",
|
||||
name: "FrameVue",
|
||||
meta: {
|
||||
title: "menus.hsVueDocument",
|
||||
title: "menus.pureVueDoc",
|
||||
frameSrc: "https://cn.vuejs.org/",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -210,7 +230,7 @@ const frameRouter = {
|
||||
path: "/iframe/vite",
|
||||
name: "FrameVite",
|
||||
meta: {
|
||||
title: "menus.hsViteDocument",
|
||||
title: "menus.pureViteDoc",
|
||||
frameSrc: "https://cn.vitejs.dev/",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -220,7 +240,7 @@ const frameRouter = {
|
||||
path: "/iframe/pinia",
|
||||
name: "FramePinia",
|
||||
meta: {
|
||||
title: "menus.hsPiniaDocument",
|
||||
title: "menus.purePiniaDoc",
|
||||
frameSrc: "https://pinia.vuejs.org/zh/index.html",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -230,7 +250,7 @@ const frameRouter = {
|
||||
path: "/iframe/vue-router",
|
||||
name: "FrameRouter",
|
||||
meta: {
|
||||
title: "menus.hsRouterDocument",
|
||||
title: "menus.pureRouterDoc",
|
||||
frameSrc: "https://router.vuejs.org/zh/",
|
||||
keepAlive: true,
|
||||
roles: ["admin", "common"]
|
||||
@ -245,7 +265,7 @@ const tabsRouter = {
|
||||
path: "/tabs",
|
||||
meta: {
|
||||
icon: "ri:bookmark-2-line",
|
||||
title: "menus.hstabs",
|
||||
title: "menus.pureTabs",
|
||||
rank: tabs
|
||||
},
|
||||
children: [
|
||||
@ -253,7 +273,7 @@ const tabsRouter = {
|
||||
path: "/tabs/index",
|
||||
name: "Tabs",
|
||||
meta: {
|
||||
title: "menus.hstabs",
|
||||
title: "menus.pureTabs",
|
||||
roles: ["admin", "common"]
|
||||
}
|
||||
},
|
||||
|
||||
116
mock/system.ts
116
mock/system.ts
@ -153,86 +153,86 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 100,
|
||||
menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮）
|
||||
title: "menus.hsExternalPage"
|
||||
title: "menus.pureExternalPage"
|
||||
},
|
||||
{
|
||||
parentId: 100,
|
||||
id: 101,
|
||||
menuType: 0,
|
||||
title: "menus.hsExternalDoc"
|
||||
title: "menus.pureExternalDoc"
|
||||
},
|
||||
{
|
||||
parentId: 101,
|
||||
id: 102,
|
||||
menuType: 2,
|
||||
title: "menus.externalLink"
|
||||
title: "menus.pureExternalLink"
|
||||
},
|
||||
{
|
||||
parentId: 101,
|
||||
id: 103,
|
||||
menuType: 2,
|
||||
title: "menus.pureutilsLink"
|
||||
title: "menus.pureUtilsLink"
|
||||
},
|
||||
{
|
||||
parentId: 100,
|
||||
id: 104,
|
||||
menuType: 1,
|
||||
title: "menus.hsEmbeddedDoc"
|
||||
title: "menus.pureEmbeddedDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 105,
|
||||
menuType: 1,
|
||||
title: "menus.hsEpDocument"
|
||||
title: "menus.pureEpDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 106,
|
||||
menuType: 1,
|
||||
title: "menus.hsTailwindcssDocument"
|
||||
title: "menus.pureTailwindcssDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 107,
|
||||
menuType: 1,
|
||||
title: "menus.hsVueDocument"
|
||||
title: "menus.pureVueDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 108,
|
||||
menuType: 1,
|
||||
title: "menus.hsViteDocument"
|
||||
title: "menus.pureViteDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 109,
|
||||
menuType: 1,
|
||||
title: "menus.hsPiniaDocument"
|
||||
title: "menus.purePiniaDoc"
|
||||
},
|
||||
{
|
||||
parentId: 104,
|
||||
id: 110,
|
||||
menuType: 1,
|
||||
title: "menus.hsRouterDocument"
|
||||
title: "menus.pureRouterDoc"
|
||||
},
|
||||
// 权限管理
|
||||
{
|
||||
parentId: 0,
|
||||
id: 200,
|
||||
menuType: 0,
|
||||
title: "menus.permission"
|
||||
title: "menus.purePermission"
|
||||
},
|
||||
{
|
||||
parentId: 200,
|
||||
id: 201,
|
||||
menuType: 0,
|
||||
title: "menus.permissionPage"
|
||||
title: "menus.purePermissionPage"
|
||||
},
|
||||
{
|
||||
parentId: 200,
|
||||
id: 202,
|
||||
menuType: 0,
|
||||
title: "menus.permissionButton"
|
||||
title: "menus.purePermissionButton"
|
||||
},
|
||||
{
|
||||
parentId: 202,
|
||||
@ -257,75 +257,75 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 300,
|
||||
menuType: 0,
|
||||
title: "menus.hssysManagement"
|
||||
title: "menus.pureSysManagement"
|
||||
},
|
||||
{
|
||||
parentId: 300,
|
||||
id: 301,
|
||||
menuType: 0,
|
||||
title: "menus.hsUser"
|
||||
title: "menus.pureUser"
|
||||
},
|
||||
{
|
||||
parentId: 300,
|
||||
id: 302,
|
||||
menuType: 0,
|
||||
title: "menus.hsRole"
|
||||
title: "menus.pureRole"
|
||||
},
|
||||
{
|
||||
parentId: 300,
|
||||
id: 303,
|
||||
menuType: 0,
|
||||
title: "menus.hsSystemMenu"
|
||||
title: "menus.pureSystemMenu"
|
||||
},
|
||||
{
|
||||
parentId: 300,
|
||||
id: 304,
|
||||
menuType: 0,
|
||||
title: "menus.hsDept"
|
||||
title: "menus.pureDept"
|
||||
},
|
||||
// 系统监控
|
||||
{
|
||||
parentId: 0,
|
||||
id: 400,
|
||||
menuType: 0,
|
||||
title: "menus.hssysMonitor"
|
||||
title: "menus.pureSysMonitor"
|
||||
},
|
||||
{
|
||||
parentId: 400,
|
||||
id: 401,
|
||||
menuType: 0,
|
||||
title: "menus.hsOnlineUser"
|
||||
title: "menus.pureOnlineUser"
|
||||
},
|
||||
{
|
||||
parentId: 400,
|
||||
id: 402,
|
||||
menuType: 0,
|
||||
title: "menus.hsLoginLog"
|
||||
title: "menus.pureLoginLog"
|
||||
},
|
||||
{
|
||||
parentId: 400,
|
||||
id: 403,
|
||||
menuType: 0,
|
||||
title: "menus.hsOperationLog"
|
||||
title: "menus.pureOperationLog"
|
||||
},
|
||||
{
|
||||
parentId: 400,
|
||||
id: 404,
|
||||
menuType: 0,
|
||||
title: "menus.hsSystemLog"
|
||||
title: "menus.pureSystemLog"
|
||||
},
|
||||
// 标签页操作
|
||||
{
|
||||
parentId: 0,
|
||||
id: 500,
|
||||
menuType: 0,
|
||||
title: "menus.hstabs"
|
||||
title: "menus.pureTabs"
|
||||
},
|
||||
{
|
||||
parentId: 500,
|
||||
id: 501,
|
||||
menuType: 0,
|
||||
title: "menus.hstabs"
|
||||
title: "menus.pureTabs"
|
||||
},
|
||||
{
|
||||
parentId: 500,
|
||||
@ -381,7 +381,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 100,
|
||||
menuType: 0, // 菜单类型（0代表菜单、1代表iframe、2代表外链、3代表按钮）
|
||||
title: "menus.hsExternalPage",
|
||||
title: "menus.pureExternalPage",
|
||||
name: "PureIframe",
|
||||
path: "/iframe",
|
||||
component: "",
|
||||
@ -404,7 +404,7 @@ export default defineFakeRoute([
|
||||
parentId: 100,
|
||||
id: 101,
|
||||
menuType: 0,
|
||||
title: "menus.hsExternalDoc",
|
||||
title: "menus.pureExternalDoc",
|
||||
name: "PureIframeExternal",
|
||||
path: "/iframe/external",
|
||||
component: "",
|
||||
@ -427,7 +427,7 @@ export default defineFakeRoute([
|
||||
parentId: 101,
|
||||
id: 102,
|
||||
menuType: 2,
|
||||
title: "menus.externalLink",
|
||||
title: "menus.pureExternalLink",
|
||||
name: "https://yiming_chang.gitee.io/pure-admin-doc",
|
||||
path: "/external",
|
||||
component: "",
|
||||
@ -450,9 +450,9 @@ export default defineFakeRoute([
|
||||
parentId: 101,
|
||||
id: 103,
|
||||
menuType: 2,
|
||||
title: "menus.pureutilsLink",
|
||||
title: "menus.pureUtilsLink",
|
||||
name: "https://pure-admin-utils.netlify.app/",
|
||||
path: "/pureutilsLink",
|
||||
path: "/pureUtilsLink",
|
||||
component: "",
|
||||
rank: null,
|
||||
redirect: "",
|
||||
@ -473,7 +473,7 @@ export default defineFakeRoute([
|
||||
parentId: 100,
|
||||
id: 104,
|
||||
menuType: 1,
|
||||
title: "menus.hsEmbeddedDoc",
|
||||
title: "menus.pureEmbeddedDoc",
|
||||
name: "PureIframeEmbedded",
|
||||
path: "/iframe/embedded",
|
||||
component: "",
|
||||
@ -496,7 +496,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 105,
|
||||
menuType: 1,
|
||||
title: "menus.hsEpDocument",
|
||||
title: "menus.pureEpDoc",
|
||||
name: "FrameEp",
|
||||
path: "/iframe/ep",
|
||||
component: "",
|
||||
@ -519,7 +519,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 106,
|
||||
menuType: 1,
|
||||
title: "menus.hsTailwindcssDocument",
|
||||
title: "menus.pureTailwindcssDoc",
|
||||
name: "FrameTailwindcss",
|
||||
path: "/iframe/tailwindcss",
|
||||
component: "",
|
||||
@ -542,7 +542,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 107,
|
||||
menuType: 1,
|
||||
title: "menus.hsVueDocument",
|
||||
title: "menus.pureVueDoc",
|
||||
name: "FrameVue",
|
||||
path: "/iframe/vue3",
|
||||
component: "",
|
||||
@ -565,7 +565,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 108,
|
||||
menuType: 1,
|
||||
title: "menus.hsViteDocument",
|
||||
title: "menus.pureViteDoc",
|
||||
name: "FrameVite",
|
||||
path: "/iframe/vite",
|
||||
component: "",
|
||||
@ -588,7 +588,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 109,
|
||||
menuType: 1,
|
||||
title: "menus.hsPiniaDocument",
|
||||
title: "menus.purePiniaDoc",
|
||||
name: "FramePinia",
|
||||
path: "/iframe/pinia",
|
||||
component: "",
|
||||
@ -611,7 +611,7 @@ export default defineFakeRoute([
|
||||
parentId: 104,
|
||||
id: 110,
|
||||
menuType: 1,
|
||||
title: "menus.hsRouterDocument",
|
||||
title: "menus.pureRouterDoc",
|
||||
name: "FrameRouter",
|
||||
path: "/iframe/vue-router",
|
||||
component: "",
|
||||
@ -635,7 +635,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 200,
|
||||
menuType: 0,
|
||||
title: "menus.permission",
|
||||
title: "menus.purePermission",
|
||||
name: "PurePermission",
|
||||
path: "/permission",
|
||||
component: "",
|
||||
@ -658,7 +658,7 @@ export default defineFakeRoute([
|
||||
parentId: 200,
|
||||
id: 201,
|
||||
menuType: 0,
|
||||
title: "menus.permissionPage",
|
||||
title: "menus.purePermissionPage",
|
||||
name: "PermissionPage",
|
||||
path: "/permission/page/index",
|
||||
component: "",
|
||||
@ -681,7 +681,7 @@ export default defineFakeRoute([
|
||||
parentId: 200,
|
||||
id: 202,
|
||||
menuType: 0,
|
||||
title: "menus.permissionButton",
|
||||
title: "menus.purePermissionButton",
|
||||
name: "PermissionButton",
|
||||
path: "/permission/button/index",
|
||||
component: "",
|
||||
@ -774,7 +774,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 300,
|
||||
menuType: 0,
|
||||
title: "menus.hssysManagement",
|
||||
title: "menus.pureSysManagement",
|
||||
name: "PureSystem",
|
||||
path: "/system",
|
||||
component: "",
|
||||
@ -797,7 +797,7 @@ export default defineFakeRoute([
|
||||
parentId: 300,
|
||||
id: 301,
|
||||
menuType: 0,
|
||||
title: "menus.hsUser",
|
||||
title: "menus.pureUser",
|
||||
name: "SystemUser",
|
||||
path: "/system/user/index",
|
||||
component: "",
|
||||
@ -820,7 +820,7 @@ export default defineFakeRoute([
|
||||
parentId: 300,
|
||||
id: 302,
|
||||
menuType: 0,
|
||||
title: "menus.hsRole",
|
||||
title: "menus.pureRole",
|
||||
name: "SystemRole",
|
||||
path: "/system/role/index",
|
||||
component: "",
|
||||
@ -843,7 +843,7 @@ export default defineFakeRoute([
|
||||
parentId: 300,
|
||||
id: 303,
|
||||
menuType: 0,
|
||||
title: "menus.hsSystemMenu",
|
||||
title: "menus.pureSystemMenu",
|
||||
name: "SystemMenu",
|
||||
path: "/system/menu/index",
|
||||
component: "",
|
||||
@ -866,7 +866,7 @@ export default defineFakeRoute([
|
||||
parentId: 300,
|
||||
id: 304,
|
||||
menuType: 0,
|
||||
title: "menus.hsDept",
|
||||
title: "menus.pureDept",
|
||||
name: "SystemDept",
|
||||
path: "/system/dept/index",
|
||||
component: "",
|
||||
@ -890,7 +890,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 400,
|
||||
menuType: 0,
|
||||
title: "menus.hssysMonitor",
|
||||
title: "menus.pureSysMonitor",
|
||||
name: "PureMonitor",
|
||||
path: "/monitor",
|
||||
component: "",
|
||||
@ -913,7 +913,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 401,
|
||||
menuType: 0,
|
||||
title: "menus.hsOnlineUser",
|
||||
title: "menus.pureOnlineUser",
|
||||
name: "OnlineUser",
|
||||
path: "/monitor/online-user",
|
||||
component: "monitor/online/index",
|
||||
@ -936,7 +936,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 402,
|
||||
menuType: 0,
|
||||
title: "menus.hsLoginLog",
|
||||
title: "menus.pureLoginLog",
|
||||
name: "LoginLog",
|
||||
path: "/monitor/login-logs",
|
||||
component: "monitor/logs/login/index",
|
||||
@ -959,7 +959,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 403,
|
||||
menuType: 0,
|
||||
title: "menus.hsOperationLog",
|
||||
title: "menus.pureOperationLog",
|
||||
name: "OperationLog",
|
||||
path: "/monitor/operation-logs",
|
||||
component: "monitor/logs/operation/index",
|
||||
@ -982,7 +982,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 404,
|
||||
menuType: 0,
|
||||
title: "menus.hsSystemLog",
|
||||
title: "menus.pureSystemLog",
|
||||
name: "SystemLog",
|
||||
path: "/monitor/system-logs",
|
||||
component: "monitor/logs/system/index",
|
||||
@ -1006,7 +1006,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 500,
|
||||
menuType: 0,
|
||||
title: "menus.hstabs",
|
||||
title: "menus.pureTabs",
|
||||
name: "PureTabs",
|
||||
path: "/tabs",
|
||||
component: "",
|
||||
@ -1029,7 +1029,7 @@ export default defineFakeRoute([
|
||||
parentId: 500,
|
||||
id: 501,
|
||||
menuType: 0,
|
||||
title: "menus.hstabs",
|
||||
title: "menus.pureTabs",
|
||||
name: "Tabs",
|
||||
path: "/tabs/index",
|
||||
component: "",
|
||||
@ -1456,7 +1456,7 @@ export default defineFakeRoute([
|
||||
parentId: 0,
|
||||
id: 400,
|
||||
menuType: 0,
|
||||
title: "menus.hssysMonitor",
|
||||
title: "menus.pureSysMonitor",
|
||||
name: "PureMonitor",
|
||||
path: "/monitor",
|
||||
component: "",
|
||||
@ -1479,7 +1479,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 401,
|
||||
menuType: 0,
|
||||
title: "menus.hsOnlineUser",
|
||||
title: "menus.pureOnlineUser",
|
||||
name: "OnlineUser",
|
||||
path: "/monitor/online-user",
|
||||
component: "monitor/online/index",
|
||||
@ -1502,7 +1502,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 402,
|
||||
menuType: 0,
|
||||
title: "menus.hsLoginLog",
|
||||
title: "menus.pureLoginLog",
|
||||
name: "LoginLog",
|
||||
path: "/monitor/login-logs",
|
||||
component: "monitor/logs/login/index",
|
||||
@ -1525,7 +1525,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 403,
|
||||
menuType: 0,
|
||||
title: "menus.hsOperationLog",
|
||||
title: "menus.pureOperationLog",
|
||||
name: "OperationLog",
|
||||
path: "/monitor/operation-logs",
|
||||
component: "monitor/logs/operation/index",
|
||||
@ -1548,7 +1548,7 @@ export default defineFakeRoute([
|
||||
parentId: 400,
|
||||
id: 404,
|
||||
menuType: 0,
|
||||
title: "menus.hsSystemLog",
|
||||
title: "menus.pureSystemLog",
|
||||
name: "SystemLog",
|
||||
path: "/monitor/system-logs",
|
||||
component: "monitor/logs/system/index",
|
||||
|
||||
51
package.json
51
package.json
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-pure-admin",
|
||||
"version": "5.2.0",
|
||||
"version": "5.3.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
@ -50,16 +50,16 @@
|
||||
"dependencies": {
|
||||
"@amap/amap-jsapi-loader": "^1.0.1",
|
||||
"@howdyjs/mouse-menu": "^2.1.3",
|
||||
"@infectoone/vue-ganttastic": "^2.3.1",
|
||||
"@logicflow/core": "^1.2.23",
|
||||
"@logicflow/extension": "^1.2.23",
|
||||
"@infectoone/vue-ganttastic": "^2.3.2",
|
||||
"@logicflow/core": "^1.2.25",
|
||||
"@logicflow/extension": "^1.2.25",
|
||||
"@pureadmin/descriptions": "^1.2.1",
|
||||
"@pureadmin/table": "^3.1.2",
|
||||
"@pureadmin/utils": "^2.4.7",
|
||||
"@vue-flow/background": "^1.3.0",
|
||||
"@vue-flow/core": "^1.33.4",
|
||||
"@vue-flow/core": "^1.33.5",
|
||||
"@vue-office/docx": "^1.6.0",
|
||||
"@vue-office/excel": "^1.7.2",
|
||||
"@vue-office/excel": "^1.7.6",
|
||||
"@vueuse/core": "^10.9.0",
|
||||
"@vueuse/motion": "^2.1.0",
|
||||
"@wangeditor/editor": "^5.1.23",
|
||||
@ -72,29 +72,30 @@
|
||||
"dayjs": "^1.11.10",
|
||||
"echarts": "^5.5.0",
|
||||
"el-table-infinite-scroll": "^3.0.3",
|
||||
"element-plus": "^2.6.2",
|
||||
"element-plus": "^2.6.3",
|
||||
"intro.js": "^7.2.0",
|
||||
"js-cookie": "^3.0.5",
|
||||
"jsbarcode": "^3.11.6",
|
||||
"localforage": "^1.10.0",
|
||||
"mint-filter": "^4.0.3",
|
||||
"mitt": "^3.0.1",
|
||||
"mqtt": "4.3.7",
|
||||
"nprogress": "^0.2.0",
|
||||
"path": "^0.12.7",
|
||||
"pinia": "^2.1.7",
|
||||
"pinyin-pro": "^3.19.6",
|
||||
"plus-pro-components": "^0.0.5",
|
||||
"plus-pro-components": "^0.0.7",
|
||||
"qrcode": "^1.5.3",
|
||||
"qs": "^6.12.0",
|
||||
"responsive-storage": "^2.2.0",
|
||||
"sortablejs": "^1.15.2",
|
||||
"swiper": "^11.0.7",
|
||||
"swiper": "^11.1.0",
|
||||
"typeit": "^8.8.3",
|
||||
"v-contextmenu": "^3.2.0",
|
||||
"v3-infinite-loading": "^1.3.1",
|
||||
"version-rocket": "^1.7.1",
|
||||
"vue": "^3.4.21",
|
||||
"vue-i18n": "^9.10.2",
|
||||
"vue-i18n": "^9.11.0",
|
||||
"vue-json-pretty": "^2.4.0",
|
||||
"vue-pdf-embed": "^2.0.3",
|
||||
"vue-router": "^4.3.0",
|
||||
@ -106,8 +107,8 @@
|
||||
"vue3-puzzle-vcode": "^1.1.7",
|
||||
"vuedraggable": "^4.1.0",
|
||||
"vxe-table": "^4.5.21",
|
||||
"wavesurfer.js": "^7.7.5",
|
||||
"xgplayer": "^3.0.14",
|
||||
"wavesurfer.js": "^7.7.8",
|
||||
"xgplayer": "^3.0.16",
|
||||
"xlsx": "^0.18.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -119,31 +120,31 @@
|
||||
"@iconify-icons/ep": "^1.2.12",
|
||||
"@iconify-icons/ri": "^1.2.10",
|
||||
"@iconify/vue": "^4.1.1",
|
||||
"@intlify/unplugin-vue-i18n": "^2.0.0",
|
||||
"@intlify/unplugin-vue-i18n": "^4.0.0",
|
||||
"@pureadmin/theme": "^3.2.0",
|
||||
"@types/dagre": "^0.7.52",
|
||||
"@types/gradient-string": "^1.1.5",
|
||||
"@types/gradient-string": "^1.1.6",
|
||||
"@types/intro.js": "^5.1.5",
|
||||
"@types/js-cookie": "^3.0.6",
|
||||
"@types/node": "^20.11.30",
|
||||
"@types/node": "^20.12.5",
|
||||
"@types/nprogress": "^0.2.3",
|
||||
"@types/qrcode": "^1.5.5",
|
||||
"@types/qs": "^6.9.14",
|
||||
"@types/sortablejs": "^1.15.8",
|
||||
"@typescript-eslint/eslint-plugin": "^7.3.1",
|
||||
"@typescript-eslint/parser": "^7.3.1",
|
||||
"@typescript-eslint/eslint-plugin": "^7.5.0",
|
||||
"@typescript-eslint/parser": "^7.5.0",
|
||||
"@vitejs/plugin-vue": "^5.0.4",
|
||||
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
||||
"autoprefixer": "^10.4.19",
|
||||
"boxen": "^7.1.1",
|
||||
"cloc": "^2.11.0",
|
||||
"cssnano": "^6.1.1",
|
||||
"cssnano": "^6.1.2",
|
||||
"dagre": "^0.8.5",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-define-config": "^2.1.0",
|
||||
"eslint-plugin-prettier": "^5.1.3",
|
||||
"eslint-plugin-vue": "^9.23.0",
|
||||
"eslint-plugin-vue": "^9.24.0",
|
||||
"gradient-string": "^2.0.2",
|
||||
"husky": "^9.0.11",
|
||||
"lint-staged": "^15.2.2",
|
||||
@ -154,16 +155,16 @@
|
||||
"prettier": "^3.2.5",
|
||||
"rimraf": "^5.0.5",
|
||||
"rollup-plugin-visualizer": "^5.12.0",
|
||||
"sass": "^1.72.0",
|
||||
"stylelint": "^16.2.1",
|
||||
"sass": "^1.74.1",
|
||||
"stylelint": "^16.3.1",
|
||||
"stylelint-config-recess-order": "^5.0.0",
|
||||
"stylelint-config-recommended-vue": "^1.5.0",
|
||||
"stylelint-config-standard-scss": "^13.0.0",
|
||||
"stylelint-config-standard-scss": "^13.1.0",
|
||||
"stylelint-prettier": "^5.0.0",
|
||||
"svgo": "^3.2.0",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"typescript": "^5.4.3",
|
||||
"vite": "^5.2.3",
|
||||
"tailwindcss": "^3.4.3",
|
||||
"typescript": "^5.4.4",
|
||||
"vite": "^5.2.8",
|
||||
"vite-plugin-cdn-import": "^0.3.5",
|
||||
"vite-plugin-compression": "^0.5.1",
|
||||
"vite-plugin-fake-server": "^2.1.1",
|
||||
|
||||
1259
pnpm-lock.yaml
generated
1259
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,5 @@
|
||||
{
|
||||
"Version": "5.2.0",
|
||||
"Version": "5.3.0",
|
||||
"Title": "PureAdmin",
|
||||
"FixedHeader": true,
|
||||
"HiddenSideBar": false,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import reAnimateSelector from "./src/index.vue";
|
||||
import { withInstall } from "@pureadmin/utils";
|
||||
import reAnimateSelector from "./src/index.vue";
|
||||
|
||||
/** [animate.css](https://animate.style/) 选择器组件 */
|
||||
export const ReAnimateSelector = withInstall(reAnimateSelector);
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import reBarcode from "./src/index.vue";
|
||||
import { withInstall } from "@pureadmin/utils";
|
||||
import reBarcode from "./src/index.vue";
|
||||
|
||||
/** 条形码组件 */
|
||||
export const ReBarcode = withInstall(reBarcode);
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
import {
|
||||
defineComponent,
|
||||
reactive,
|
||||
computed,
|
||||
watch,
|
||||
unref,
|
||||
computed,
|
||||
reactive,
|
||||
onMounted,
|
||||
unref
|
||||
defineComponent
|
||||
} from "vue";
|
||||
import { countToProps } from "./props";
|
||||
import { isNumber } from "@pureadmin/utils";
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import type { PropType } from "vue";
|
||||
import propTypes from "@/utils/propTypes";
|
||||
|
||||
export const countToProps = {
|
||||
startVal: propTypes.number.def(0),
|
||||
endVal: propTypes.number.def(2020),
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import "./rebound.css";
|
||||
import {
|
||||
defineComponent,
|
||||
ref,
|
||||
unref,
|
||||
onBeforeMount,
|
||||
defineComponent,
|
||||
onBeforeUnmount
|
||||
} from "vue";
|
||||
import { reboundProps } from "./props";
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import type { PropType } from "vue";
|
||||
import propTypes from "@/utils/propTypes";
|
||||
|
||||
export const reboundProps = {
|
||||
delay: propTypes.number.def(1),
|
||||
blur: propTypes.number.def(2),
|
||||
|
||||
@ -6,10 +6,10 @@ import { useEventListener } from "@vueuse/core";
|
||||
import { longpress } from "@/directives/longpress";
|
||||
import { useTippy, directive as tippy } from "vue-tippy";
|
||||
import {
|
||||
type PropType,
|
||||
ref,
|
||||
unref,
|
||||
computed,
|
||||
type PropType,
|
||||
onMounted,
|
||||
onUnmounted,
|
||||
defineComponent
|
||||
|
||||
@ -51,8 +51,8 @@ const closeAllDialog = () => {
|
||||
|
||||
/** 千万别忘了在下面这三处引入并注册下，放心注册，不使用`addDialog`调用就不会被挂载
|
||||
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L4
|
||||
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L13
|
||||
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L20
|
||||
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L12
|
||||
* https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L22
|
||||
*/
|
||||
const ReDialog = withInstall(reDialog);
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
import {
|
||||
closeDialog,
|
||||
dialogStore,
|
||||
type EventType,
|
||||
type ButtonProps,
|
||||
type DialogOptions
|
||||
type DialogOptions,
|
||||
closeDialog,
|
||||
dialogStore
|
||||
} from "./index";
|
||||
import { ref, computed } from "vue";
|
||||
import { isFunction } from "@pureadmin/utils";
|
||||
@ -37,6 +37,7 @@ const footerButtons = computed(() => {
|
||||
type: "primary",
|
||||
text: true,
|
||||
bg: true,
|
||||
popconfirm: options?.popconfirm,
|
||||
btnClick: ({ dialog: { options, index } }) => {
|
||||
const done = () =>
|
||||
closeDialog(options, index, { command: "sure" });
|
||||
@ -149,19 +150,34 @@ function handleClose(
|
||||
<component :is="options?.footerRenderer({ options, index })" />
|
||||
</template>
|
||||
<span v-else>
|
||||
<el-button
|
||||
v-for="(btn, key) in footerButtons(options)"
|
||||
:key="key"
|
||||
v-bind="btn"
|
||||
@click="
|
||||
btn.btnClick({
|
||||
dialog: { options, index },
|
||||
button: { btn, index: key }
|
||||
})
|
||||
"
|
||||
>
|
||||
{{ btn?.label }}
|
||||
</el-button>
|
||||
<template v-for="(btn, key) in footerButtons(options)" :key="key">
|
||||
<el-popconfirm
|
||||
v-if="btn.popconfirm"
|
||||
v-bind="btn.popconfirm"
|
||||
@confirm="
|
||||
btn.btnClick({
|
||||
dialog: { options, index },
|
||||
button: { btn, index: key }
|
||||
})
|
||||
"
|
||||
>
|
||||
<template #reference>
|
||||
<el-button v-bind="btn">{{ btn?.label }}</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
<el-button
|
||||
v-else
|
||||
v-bind="btn"
|
||||
@click="
|
||||
btn.btnClick({
|
||||
dialog: { options, index },
|
||||
button: { btn, index: key }
|
||||
})
|
||||
"
|
||||
>
|
||||
{{ btn?.label }}
|
||||
</el-button>
|
||||
</template>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
@ -11,6 +11,13 @@ type ArgsType = {
|
||||
/** `cancel` 点击取消按钮、`sure` 点击确定按钮、`close` 点击右上角关闭按钮或空白页或按下了esc键 */
|
||||
command: "cancel" | "sure" | "close";
|
||||
};
|
||||
type ButtonType =
|
||||
| "primary"
|
||||
| "success"
|
||||
| "warning"
|
||||
| "danger"
|
||||
| "info"
|
||||
| "text";
|
||||
|
||||
/** https://element-plus.org/zh-CN/component/dialog.html#attributes */
|
||||
type DialogProps = {
|
||||
@ -58,6 +65,34 @@ type DialogProps = {
|
||||
destroyOnClose?: boolean;
|
||||
};
|
||||
|
||||
//element-plus.org/zh-CN/component/popconfirm.html#attributes
|
||||
type Popconfirm = {
|
||||
/** 标题 */
|
||||
title?: string;
|
||||
/** 确认按钮文字 */
|
||||
confirmButtonText?: string;
|
||||
/** 取消按钮文字 */
|
||||
cancelButtonText?: string;
|
||||
/** 确认按钮类型，默认 `primary` */
|
||||
confirmButtonType?: ButtonType;
|
||||
/** 取消按钮类型，默认 `text` */
|
||||
cancelButtonType?: ButtonType;
|
||||
/** 自定义图标，默认 `QuestionFilled` */
|
||||
icon?: string | Component;
|
||||
/** `Icon` 颜色，默认 `#f90` */
|
||||
iconColor?: string;
|
||||
/** 是否隐藏 `Icon`，默认 `false` */
|
||||
hideIcon?: boolean;
|
||||
/** 关闭时的延迟，默认 `200` */
|
||||
hideAfter?: number;
|
||||
/** 是否将 `popover` 的下拉列表插入至 `body` 元素，默认 `true` */
|
||||
teleported?: boolean;
|
||||
/** 当 `popover` 组件长时间不触发且 `persistent` 属性设置为 `false` 时, `popover` 将会被删除，默认 `false` */
|
||||
persistent?: boolean;
|
||||
/** 弹层宽度，最小宽度 `150px`，默认 `150` */
|
||||
width?: string | number;
|
||||
};
|
||||
|
||||
type BtnClickDialog = {
|
||||
options?: DialogOptions;
|
||||
index?: number;
|
||||
@ -86,6 +121,8 @@ type ButtonProps = {
|
||||
round?: boolean;
|
||||
/** 是否为圆形按钮，默认 `false` */
|
||||
circle?: boolean;
|
||||
/** 确认按钮的 `Popconfirm` 气泡确认框相关配置 */
|
||||
popconfirm?: Popconfirm;
|
||||
/** 是否为加载中状态，默认 `false` */
|
||||
loading?: boolean;
|
||||
/** 自定义加载中状态图标组件 */
|
||||
@ -123,6 +160,8 @@ interface DialogOptions extends DialogProps {
|
||||
props?: any;
|
||||
/** 是否隐藏 `Dialog` 按钮操作区的内容 */
|
||||
hideFooter?: boolean;
|
||||
/** 确认按钮的 `Popconfirm` 气泡确认框相关配置 */
|
||||
popconfirm?: Popconfirm;
|
||||
/**
|
||||
* @description 自定义对话框标题的内容渲染器
|
||||
* @see {@link https://element-plus.org/zh-CN/component/dialog.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%B4%E9%83%A8}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import "./index.css";
|
||||
import { h, defineComponent, type Component } from "vue";
|
||||
import { type Component, h, defineComponent } from "vue";
|
||||
|
||||
export interface attrsType {
|
||||
width?: string;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { defineComponent, ref } from "vue";
|
||||
import propTypes from "@/utils/propTypes";
|
||||
import "./filpper.css";
|
||||
import propTypes from "@/utils/propTypes";
|
||||
import { defineComponent, ref } from "vue";
|
||||
|
||||
const props = {
|
||||
// front paper text
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, unref, nextTick, onUnmounted } from "vue";
|
||||
import flippers from "./filpper";
|
||||
import { ref, unref, nextTick, onUnmounted } from "vue";
|
||||
|
||||
const timer = ref(null);
|
||||
const flipObjs = ref([]);
|
||||
|
||||
@ -105,27 +105,24 @@ onMounted(() => {
|
||||
@mouseenter.prevent="onEnter(key)"
|
||||
@mouseleave.prevent="focusIndex = -1"
|
||||
>
|
||||
<el-tooltip
|
||||
:content="item.text"
|
||||
:visible="focusIndex === key"
|
||||
placement="right"
|
||||
<button
|
||||
:ref="'controlButton' + key"
|
||||
v-tippy="{
|
||||
content: item.text
|
||||
}"
|
||||
:disabled="item.disabled"
|
||||
:style="{
|
||||
cursor: item.disabled === false ? 'pointer' : 'not-allowed',
|
||||
color: item.disabled === false ? '' : '#00000040',
|
||||
background: 'transparent'
|
||||
}"
|
||||
@click="onControl(item, key)"
|
||||
>
|
||||
<button
|
||||
:ref="'controlButton' + key"
|
||||
:disabled="item.disabled"
|
||||
:style="{
|
||||
cursor: item.disabled === false ? 'pointer' : 'not-allowed',
|
||||
color: item.disabled === false ? '' : '#00000040',
|
||||
background: 'transparent'
|
||||
}"
|
||||
@click="onControl(item, key)"
|
||||
>
|
||||
<span
|
||||
:class="'iconfont ' + item.icon"
|
||||
:style="{ fontSize: `${item.size}px` }"
|
||||
/>
|
||||
</button>
|
||||
</el-tooltip>
|
||||
<span
|
||||
:class="'iconfont ' + item.icon"
|
||||
:style="{ fontSize: `${item.size}px` }"
|
||||
/>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -31,6 +31,7 @@ import Links from "@iconify-icons/ri/links-fill";
|
||||
import Search from "@iconify-icons/ri/search-line";
|
||||
import FlUser from "@iconify-icons/ri/admin-line";
|
||||
import Setting from "@iconify-icons/ri/settings-3-line";
|
||||
import MindMap from "@iconify-icons/ri/mind-map";
|
||||
import BarChart from "@iconify-icons/ri/bar-chart-horizontal-line";
|
||||
import LoginLog from "@iconify-icons/ri/window-line";
|
||||
import Artboard from "@iconify-icons/ri/artboard-line";
|
||||
@ -54,6 +55,7 @@ addIcon("ri:table-line", Table);
|
||||
addIcon("ri:search-line", Search);
|
||||
addIcon("ri:admin-line", FlUser);
|
||||
addIcon("ri:settings-3-line", Setting);
|
||||
addIcon("ri:mind-map", MindMap);
|
||||
addIcon("ri:bar-chart-horizontal-line", BarChart);
|
||||
addIcon("ri:window-line", LoginLog);
|
||||
addIcon("ri:file-search-line", SystemLog);
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
import Sortable from "sortablejs";
|
||||
import { transformI18n } from "@/plugins/i18n";
|
||||
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
||||
import { defineComponent, ref, computed, type PropType, nextTick } from "vue";
|
||||
import {
|
||||
@ -8,7 +10,6 @@ import {
|
||||
getKeyList
|
||||
} from "@pureadmin/utils";
|
||||
|
||||
import Sortable from "sortablejs";
|
||||
import DragIcon from "./svg/drag.svg?component";
|
||||
import ExpandIcon from "./svg/expand.svg?component";
|
||||
import RefreshIcon from "./svg/refresh.svg?component";
|
||||
@ -118,6 +119,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function handleCheckedColumnsChange(value: string[]) {
|
||||
checkedColumns.value = value;
|
||||
const checkedCount = value.length;
|
||||
checkAll.value = checkedCount === checkColumnList.length;
|
||||
isIndeterminate.value =
|
||||
@ -125,7 +127,9 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function handleCheckColumnListChange(val: boolean, label: string) {
|
||||
dynamicColumns.value.filter(item => item.label === label)[0].hide = !val;
|
||||
dynamicColumns.value.filter(
|
||||
item => transformI18n(item.label) === transformI18n(label)
|
||||
)[0].hide = !val;
|
||||
}
|
||||
|
||||
async function onReset() {
|
||||
@ -198,7 +202,9 @@ export default defineComponent({
|
||||
};
|
||||
|
||||
const isFixedColumn = (label: string) => {
|
||||
return dynamicColumns.value.filter(item => item.label === label)[0].fixed
|
||||
return dynamicColumns.value.filter(
|
||||
item => transformI18n(item.label) === transformI18n(label)
|
||||
)[0].fixed
|
||||
? true
|
||||
: false;
|
||||
};
|
||||
@ -293,7 +299,7 @@ export default defineComponent({
|
||||
<div class="pt-[6px] pl-[11px]">
|
||||
<el-scrollbar max-height="36vh">
|
||||
<el-checkbox-group
|
||||
v-model={checkedColumns.value}
|
||||
modelValue={checkedColumns.value}
|
||||
onChange={value => handleCheckedColumnsChange(value)}
|
||||
>
|
||||
<el-space
|
||||
@ -301,7 +307,7 @@ export default defineComponent({
|
||||
alignment="flex-start"
|
||||
size={0}
|
||||
>
|
||||
{checkColumnList.map(item => {
|
||||
{checkColumnList.map((item, index) => {
|
||||
return (
|
||||
<div class="flex items-center">
|
||||
<DragIcon
|
||||
@ -316,17 +322,18 @@ export default defineComponent({
|
||||
}) => rowDrop(event)}
|
||||
/>
|
||||
<el-checkbox
|
||||
key={item}
|
||||
key={index}
|
||||
label={item}
|
||||
value={item}
|
||||
onChange={value =>
|
||||
handleCheckColumnListChange(value, item)
|
||||
}
|
||||
>
|
||||
<span
|
||||
title={item}
|
||||
title={transformI18n(item)}
|
||||
class="inline-block w-[120px] truncate hover:text-text_color_primary"
|
||||
>
|
||||
{item}
|
||||
{transformI18n(item)}
|
||||
</span>
|
||||
</el-checkbox>
|
||||
</div>
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
import {
|
||||
type PropType,
|
||||
ref,
|
||||
unref,
|
||||
watch,
|
||||
nextTick,
|
||||
computed,
|
||||
type PropType,
|
||||
defineComponent
|
||||
} from "vue";
|
||||
import "./index.scss";
|
||||
|
||||
@ -1,6 +1,12 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref, unref, nextTick } from "vue";
|
||||
import type { CSSProperties, PropType } from "vue";
|
||||
import {
|
||||
type PropType,
|
||||
type CSSProperties,
|
||||
ref,
|
||||
unref,
|
||||
nextTick,
|
||||
computed
|
||||
} from "vue";
|
||||
import {
|
||||
tryOnMounted,
|
||||
tryOnUnmounted,
|
||||
|
||||
@ -34,9 +34,14 @@ const props = {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
/** 控件尺寸 */
|
||||
/** 控件尺寸 */
|
||||
size: {
|
||||
type: String as PropType<"small" | "default" | "large">
|
||||
},
|
||||
/** 是否全局禁用，默认 `false` */
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
};
|
||||
|
||||
@ -57,7 +62,7 @@ export default defineComponent({
|
||||
: ref(0);
|
||||
|
||||
function handleChange({ option, index }, event: Event) {
|
||||
if (option.disabled) return;
|
||||
if (props.disabled || option.disabled) return;
|
||||
event.preventDefault();
|
||||
isNumber(props.modelValue)
|
||||
? emit("update:modelValue", index)
|
||||
@ -67,6 +72,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function handleMouseenter({ option, index }, event: Event) {
|
||||
if (props.disabled) return;
|
||||
event.preventDefault();
|
||||
curMouseActive.value = index;
|
||||
if (option.disabled || curIndex.value === index) {
|
||||
@ -79,6 +85,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function handleMouseleave(_, event: Event) {
|
||||
if (props.disabled) return;
|
||||
event.preventDefault();
|
||||
curMouseActive.value = -1;
|
||||
}
|
||||
@ -124,14 +131,16 @@ export default defineComponent({
|
||||
ref={`labelRef${index}`}
|
||||
class={[
|
||||
"pure-segmented-item",
|
||||
option?.disabled && "pure-segmented-item-disabled"
|
||||
(props.disabled || option?.disabled) &&
|
||||
"pure-segmented-item-disabled"
|
||||
]}
|
||||
style={{
|
||||
background:
|
||||
curMouseActive.value === index ? segmentedItembg.value : "",
|
||||
color:
|
||||
!option.disabled &&
|
||||
(curIndex.value === index || curMouseActive.value === index)
|
||||
color: props.disabled
|
||||
? null
|
||||
: !option.disabled &&
|
||||
(curIndex.value === index || curMouseActive.value === index)
|
||||
? isDark.value
|
||||
? "rgba(255, 255, 255, 0.85)"
|
||||
: "rgba(0,0,0,.88)"
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
import "./index.css";
|
||||
import {
|
||||
defineComponent,
|
||||
unref,
|
||||
computed,
|
||||
nextTick,
|
||||
onBeforeMount,
|
||||
getCurrentInstance,
|
||||
unref
|
||||
defineComponent,
|
||||
getCurrentInstance
|
||||
} from "vue";
|
||||
import { addClass, removeClass, toggleClass } from "@pureadmin/utils";
|
||||
import "./index.css";
|
||||
|
||||
const stayClass = "stay"; //鼠标点击
|
||||
const activeClass = "hs-on"; //鼠标移动上去
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { defineComponent, ref, unref, computed, type PropType } from "vue";
|
||||
import resizer from "./resizer";
|
||||
import "./index.css";
|
||||
import resizer from "./resizer";
|
||||
import { type PropType, defineComponent, ref, unref, computed } from "vue";
|
||||
|
||||
export interface ContextProps {
|
||||
minPercent: number;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { computed, unref, defineComponent } from "vue";
|
||||
import "./resizer.css";
|
||||
import { computed, unref, defineComponent } from "vue";
|
||||
|
||||
export default defineComponent({
|
||||
name: "Resizer",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<script lang="ts" setup>
|
||||
import { h, onMounted, ref, useSlots } from "vue";
|
||||
import { useTippy, type TippyOptions } from "vue-tippy";
|
||||
import { type TippyOptions, useTippy } from "vue-tippy";
|
||||
|
||||
const props = defineProps({
|
||||
// 行数
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
// 参考https://www.npmjs.com/package/element-tree-line (主要是替换需要通过函数传参的方式去注册组件，并添加更好的类型支持，并移除this.$scopedSlots，在3.x中,将所有this.$scopedSlots替换为this.$slots)
|
||||
import { isFunction } from "@pureadmin/utils";
|
||||
import { h, defineComponent } from "vue";
|
||||
import type { PropType } from "vue";
|
||||
import "./index.scss";
|
||||
import { isFunction } from "@pureadmin/utils";
|
||||
import { type PropType, h, defineComponent } from "vue";
|
||||
import type {
|
||||
TreeNode,
|
||||
TreeData,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import type { El } from "typeit/dist/types";
|
||||
import TypeIt, { type Options as TypeItOptions } from "typeit";
|
||||
import { ref, defineComponent, onMounted, type PropType } from "vue";
|
||||
import { type PropType, ref, defineComponent, onMounted } from "vue";
|
||||
|
||||
// 打字机效果组件（配置项详情请查阅 https://www.typeitjs.com/docs/vanilla/usage#options）
|
||||
export default defineComponent({
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import type { App } from "vue";
|
||||
import axios from "axios";
|
||||
import type { App } from "vue";
|
||||
|
||||
let config: object = {};
|
||||
const { VITE_PUBLIC_PATH } = import.meta.env;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import {
|
||||
isFunction,
|
||||
isObject,
|
||||
isArray,
|
||||
throttle,
|
||||
debounce,
|
||||
throttle
|
||||
isObject,
|
||||
isFunction
|
||||
} from "@pureadmin/utils";
|
||||
import { useEventListener } from "@vueuse/core";
|
||||
import type { Directive, DirectiveBinding } from "vue";
|
||||
|
||||
@ -106,14 +106,14 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
|
||||
:icon="LogoutCircleRLine"
|
||||
style="margin: 5px"
|
||||
/>
|
||||
{{ t("buttons.hsLoginOut") }}
|
||||
{{ t("buttons.pureLoginOut") }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
<span
|
||||
class="set-icon navbar-bg-hover"
|
||||
:title="t('buttons.hssystemSet')"
|
||||
:title="t('buttons.pureSystemSet')"
|
||||
@click="onPanel"
|
||||
>
|
||||
<IconifyIconOffline :icon="Setting" />
|
||||
|
||||
@ -119,14 +119,14 @@ nextTick(() => {
|
||||
:icon="LogoutCircleRLine"
|
||||
style="margin: 5px"
|
||||
/>
|
||||
{{ t("buttons.hsLoginOut") }}
|
||||
{{ t("buttons.pureLoginOut") }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
<span
|
||||
class="set-icon navbar-bg-hover"
|
||||
:title="t('buttons.hssystemSet')"
|
||||
:title="t('buttons.pureSystemSet')"
|
||||
@click="onPanel"
|
||||
>
|
||||
<IconifyIconOffline :icon="Setting" />
|
||||
|
||||
@ -152,14 +152,14 @@ watch(
|
||||
:icon="LogoutCircleRLine"
|
||||
style="margin: 5px"
|
||||
/>
|
||||
{{ t("buttons.hsLoginOut") }}
|
||||
{{ t("buttons.pureLoginOut") }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
<span
|
||||
class="set-icon navbar-bg-hover"
|
||||
:title="t('buttons.hssystemSet')"
|
||||
:title="t('buttons.pureSystemSet')"
|
||||
@click="onPanel"
|
||||
>
|
||||
<IconifyIconOffline :icon="Setting" />
|
||||
|
||||
@ -333,10 +333,10 @@ function onClickDrop(key, item, selectRoute?: RouteConfigs) {
|
||||
setTimeout(() => {
|
||||
if (pureSetting.hiddenSideBar) {
|
||||
tagsViews[6].icon = ExitFullscreen;
|
||||
tagsViews[6].text = $t("buttons.hscontentExitFullScreen");
|
||||
tagsViews[6].text = $t("buttons.pureContentExitFullScreen");
|
||||
} else {
|
||||
tagsViews[6].icon = Fullscreen;
|
||||
tagsViews[6].text = $t("buttons.hscontentFullScreen");
|
||||
tagsViews[6].text = $t("buttons.pureContentFullScreen");
|
||||
}
|
||||
}, 100);
|
||||
break;
|
||||
|
||||
@ -71,7 +71,7 @@ onMounted(() => {
|
||||
<div
|
||||
v-loading="loading"
|
||||
class="frame"
|
||||
:element-loading-text="t('status.hsLoad')"
|
||||
:element-loading-text="t('status.pureLoad')"
|
||||
>
|
||||
<iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
|
||||
</div>
|
||||
|
||||
@ -64,49 +64,49 @@ export function useTags() {
|
||||
const tagsViews = reactive<Array<tagsViewsType>>([
|
||||
{
|
||||
icon: RefreshRight,
|
||||
text: $t("buttons.hsreload"),
|
||||
text: $t("buttons.pureReload"),
|
||||
divided: false,
|
||||
disabled: false,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: Close,
|
||||
text: $t("buttons.hscloseCurrentTab"),
|
||||
text: $t("buttons.pureCloseCurrentTab"),
|
||||
divided: false,
|
||||
disabled: multiTags.value.length > 1 ? false : true,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: CloseLeftTags,
|
||||
text: $t("buttons.hscloseLeftTabs"),
|
||||
text: $t("buttons.pureCloseLeftTabs"),
|
||||
divided: true,
|
||||
disabled: multiTags.value.length > 1 ? false : true,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: CloseRightTags,
|
||||
text: $t("buttons.hscloseRightTabs"),
|
||||
text: $t("buttons.pureCloseRightTabs"),
|
||||
divided: false,
|
||||
disabled: multiTags.value.length > 1 ? false : true,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: CloseOtherTags,
|
||||
text: $t("buttons.hscloseOtherTabs"),
|
||||
text: $t("buttons.pureCloseOtherTabs"),
|
||||
divided: true,
|
||||
disabled: multiTags.value.length > 2 ? false : true,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: CloseAllTags,
|
||||
text: $t("buttons.hscloseAllTabs"),
|
||||
text: $t("buttons.pureCloseAllTabs"),
|
||||
divided: false,
|
||||
disabled: multiTags.value.length > 1 ? false : true,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
icon: Fullscreen,
|
||||
text: $t("buttons.hscontentFullScreen"),
|
||||
text: $t("buttons.pureContentFullScreen"),
|
||||
divided: true,
|
||||
disabled: false,
|
||||
show: true
|
||||
|
||||
@ -7,7 +7,7 @@ export const routerArrays: Array<RouteConfigs> =
|
||||
{
|
||||
path: "/welcome",
|
||||
meta: {
|
||||
title: "menus.hshome",
|
||||
title: "menus.pureHome",
|
||||
icon: "ep:home-filled"
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,8 +22,9 @@ const home = 0, // 平台规定只有 home 路由的 rank 才能为 0 ，所以
|
||||
formdesign = 19,
|
||||
board = 20,
|
||||
ppt = 21,
|
||||
guide = 22,
|
||||
menuoverflow = 23;
|
||||
mind = 22,
|
||||
guide = 23,
|
||||
menuoverflow = 24;
|
||||
|
||||
export {
|
||||
home,
|
||||
@ -48,6 +49,7 @@ export {
|
||||
formdesign,
|
||||
board,
|
||||
ppt,
|
||||
mind,
|
||||
guide,
|
||||
menuoverflow
|
||||
};
|
||||
|
||||
@ -6,17 +6,25 @@ export default {
|
||||
redirect: "/able/watermark",
|
||||
meta: {
|
||||
icon: "ri:ubuntu-fill",
|
||||
title: $t("menus.hsAble"),
|
||||
title: $t("menus.pureAble"),
|
||||
rank: able
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/able/mqtt-client",
|
||||
name: "MqttClient",
|
||||
component: () => import("@/views/able/mqtt-client.vue"),
|
||||
meta: {
|
||||
title: $t("menus.pureMqtt"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/able/verify",
|
||||
name: "Verify",
|
||||
component: () => import("@/views/able/verify.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsVerify"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
title: $t("menus.pureVerify")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -24,7 +32,7 @@ export default {
|
||||
name: "WaterMark",
|
||||
component: () => import("@/views/able/watermark.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsWatermark")
|
||||
title: $t("menus.pureWatermark")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -32,7 +40,7 @@ export default {
|
||||
name: "Print",
|
||||
component: () => import("@/views/able/print/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPrint")
|
||||
title: $t("menus.purePrint")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -40,7 +48,7 @@ export default {
|
||||
name: "Download",
|
||||
component: () => import("@/views/able/download.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsDownload")
|
||||
title: $t("menus.pureDownload")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -48,7 +56,7 @@ export default {
|
||||
name: "Excel",
|
||||
component: () => import("@/views/able/excel.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsExcel")
|
||||
title: $t("menus.pureExcel")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -56,8 +64,7 @@ export default {
|
||||
name: "Ripple",
|
||||
component: () => import("@/views/able/ripple.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsRipple"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
title: $t("menus.pureRipple")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -65,7 +72,7 @@ export default {
|
||||
name: "Debounce",
|
||||
component: () => import("@/views/able/debounce.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsDebounce")
|
||||
title: $t("menus.pureDebounce")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -73,7 +80,7 @@ export default {
|
||||
name: "Directives",
|
||||
component: () => import("@/views/able/directives.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsOptimize")
|
||||
title: $t("menus.pureOptimize")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -81,7 +88,7 @@ export default {
|
||||
name: "Draggable",
|
||||
component: () => import("@/views/able/draggable.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsdraggable"),
|
||||
title: $t("menus.pureDraggable"),
|
||||
transition: {
|
||||
enterTransition: "animate__zoomIn",
|
||||
leaveTransition: "animate__zoomOut"
|
||||
@ -93,7 +100,7 @@ export default {
|
||||
name: "Word",
|
||||
component: () => import("@/views/able/word.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsWord")
|
||||
title: $t("menus.pureWord")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -101,7 +108,7 @@ export default {
|
||||
name: "Excels",
|
||||
component: () => import("@/views/able/excels.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsExcels")
|
||||
title: $t("menus.pureExcels")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -109,7 +116,7 @@ export default {
|
||||
name: "Pdf",
|
||||
component: () => import("@/views/able/pdf.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPdf")
|
||||
title: $t("menus.purePdf")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -117,7 +124,7 @@ export default {
|
||||
name: "BarCode",
|
||||
component: () => import("@/views/able/barcode.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsBarcode")
|
||||
title: $t("menus.pureBarcode")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -125,7 +132,7 @@ export default {
|
||||
name: "QrCode",
|
||||
component: () => import("@/views/able/qrcode.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsQrcode")
|
||||
title: $t("menus.pureQrcode")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -133,7 +140,7 @@ export default {
|
||||
name: "MapPage",
|
||||
component: () => import("@/views/able/map.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsmap"),
|
||||
title: $t("menus.pureMap"),
|
||||
keepAlive: true,
|
||||
transition: {
|
||||
name: "fade"
|
||||
@ -145,7 +152,7 @@ export default {
|
||||
name: "Wavesurfer",
|
||||
component: () => import("@/views/able/wavesurfer/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsWavesurfer")
|
||||
title: $t("menus.pureWavesurfer")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -153,7 +160,7 @@ export default {
|
||||
name: "VideoPage",
|
||||
component: () => import("@/views/able/video.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsvideo")
|
||||
title: $t("menus.pureVideo")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -161,7 +168,7 @@ export default {
|
||||
name: "VideoFrame",
|
||||
component: () => import("@/views/able/video-frame/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsVideoFrame")
|
||||
title: $t("menus.pureVideoFrame")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -169,7 +176,7 @@ export default {
|
||||
name: "Danmaku",
|
||||
component: () => import("@/views/able/danmaku/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsdanmaku")
|
||||
title: $t("menus.pureDanmaku")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -177,7 +184,7 @@ export default {
|
||||
name: "InfiniteScroll",
|
||||
component: () => import("@/views/able/infinite-scroll.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsInfiniteScroll")
|
||||
title: $t("menus.pureInfiniteScroll")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -185,7 +192,7 @@ export default {
|
||||
name: "MenuTree",
|
||||
component: () => import("@/views/able/menu-tree.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsMenuTree")
|
||||
title: $t("menus.pureMenuTree")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -193,7 +200,7 @@ export default {
|
||||
name: "LineTree",
|
||||
component: () => import("@/views/able/line-tree.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsLineTree")
|
||||
title: $t("menus.pureLineTree")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -201,7 +208,7 @@ export default {
|
||||
name: "Typeit",
|
||||
component: () => import("@/views/able/typeit.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hstypeit")
|
||||
title: $t("menus.pureTypeit")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -209,7 +216,7 @@ export default {
|
||||
name: "Sensitive",
|
||||
component: () => import("@/views/able/sensitive.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsSensitive")
|
||||
title: $t("menus.pureSensitive")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -217,7 +224,7 @@ export default {
|
||||
name: "Pinyin",
|
||||
component: () => import("@/views/able/pinyin.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPinyin")
|
||||
title: $t("menus.purePinyin")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/about/index",
|
||||
meta: {
|
||||
icon: "ri:file-info-line",
|
||||
title: $t("menus.hsAbout"),
|
||||
title: $t("menus.pureAbout"),
|
||||
rank: about
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "About",
|
||||
component: () => import("@/views/about/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsAbout")
|
||||
title: $t("menus.pureAbout")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -7,7 +7,7 @@ export default {
|
||||
redirect: "/board/index",
|
||||
meta: {
|
||||
icon: "ri:artboard-line",
|
||||
title: $t("menus.hsboard"),
|
||||
title: $t("menus.pureBoard"),
|
||||
rank: board
|
||||
},
|
||||
children: [
|
||||
@ -16,7 +16,8 @@ export default {
|
||||
name: "FrameBoard",
|
||||
component: IFrame,
|
||||
meta: {
|
||||
title: $t("menus.hsboard"),
|
||||
title: $t("menus.pureBoard"),
|
||||
keepAlive: true,
|
||||
frameSrc: "https://songlh.top/paint-board/"
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/components/dialog",
|
||||
meta: {
|
||||
icon: "ep:menu",
|
||||
title: $t("menus.hscomponents"),
|
||||
title: $t("menus.pureComponents"),
|
||||
rank: components
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "DialogPage",
|
||||
component: () => import("@/views/components/dialog/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsdialog")
|
||||
title: $t("menus.pureDialog")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -23,7 +23,7 @@ export default {
|
||||
name: "Message",
|
||||
component: () => import("@/views/components/message.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsmessage")
|
||||
title: $t("menus.pureMessage")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
name: "PureUpload",
|
||||
component: () => import("@/views/components/upload/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsUpload")
|
||||
title: $t("menus.pureUpload")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -39,7 +39,7 @@ export default {
|
||||
name: "CheckCard",
|
||||
component: () => import("@/views/components/check-card.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsCheckCard"),
|
||||
title: $t("menus.pureCheckCard"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
},
|
||||
@ -48,7 +48,7 @@ export default {
|
||||
name: "DatePicker",
|
||||
component: () => import("@/views/components/date-picker.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsDatePicker")
|
||||
title: $t("menus.pureDatePicker")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -56,7 +56,7 @@ export default {
|
||||
name: "DateTimePicker",
|
||||
component: () => import("@/views/components/datetime-picker.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsDateTimePicker")
|
||||
title: $t("menus.pureDateTimePicker")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -64,7 +64,7 @@ export default {
|
||||
name: "TimePicker",
|
||||
component: () => import("@/views/components/time-picker.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsTimePicker")
|
||||
title: $t("menus.pureTimePicker")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -72,7 +72,7 @@ export default {
|
||||
name: "IconSelect",
|
||||
component: () => import("@/views/components/icon-select.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsIconSelect")
|
||||
title: $t("menus.pureIconSelect")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -80,7 +80,7 @@ export default {
|
||||
name: "AnimateCss",
|
||||
component: () => import("@/views/components/animatecss.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsanimatecss")
|
||||
title: $t("menus.pureAnimatecss")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -88,7 +88,7 @@ export default {
|
||||
name: "Cropping",
|
||||
component: () => import("@/views/components/cropping/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hscropping")
|
||||
title: $t("menus.pureCropping")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -96,7 +96,7 @@ export default {
|
||||
name: "Segmented",
|
||||
component: () => import("@/views/components/segmented.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hssegmented")
|
||||
title: $t("menus.pureSegmented")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -104,7 +104,7 @@ export default {
|
||||
name: "PureText",
|
||||
component: () => import("@/views/components/text.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsText"),
|
||||
title: $t("menus.pureText"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
},
|
||||
@ -113,7 +113,7 @@ export default {
|
||||
name: "PureButton",
|
||||
component: () => import("@/views/components/el-button.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsElButton")
|
||||
title: $t("menus.pureElButton")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -121,7 +121,7 @@ export default {
|
||||
name: "CheckButton",
|
||||
component: () => import("@/views/components/check-button.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsCheckButton"),
|
||||
title: $t("menus.pureCheckButton"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
},
|
||||
@ -130,7 +130,7 @@ export default {
|
||||
name: "ButtonPage",
|
||||
component: () => import("@/views/components/button.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsbutton")
|
||||
title: $t("menus.pureButton")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -138,7 +138,7 @@ export default {
|
||||
name: "PureProgress",
|
||||
component: () => import("@/views/components/progress.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsProgress")
|
||||
title: $t("menus.pureProgress")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -146,7 +146,7 @@ export default {
|
||||
name: "PureTag",
|
||||
component: () => import("@/views/components/tag.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsTag")
|
||||
title: $t("menus.pureTag")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -154,7 +154,7 @@ export default {
|
||||
name: "Statistic",
|
||||
component: () => import("@/views/components/statistic.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsStatistic")
|
||||
title: $t("menus.pureStatistic")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -162,7 +162,7 @@ export default {
|
||||
name: "Collapse",
|
||||
component: () => import("@/views/components/collapse.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsCollapse")
|
||||
title: $t("menus.pureCollapse")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -170,7 +170,7 @@ export default {
|
||||
name: "Cascader",
|
||||
component: () => import("@/views/components/cascader.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsCascader")
|
||||
title: $t("menus.pureCascader")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -178,7 +178,7 @@ export default {
|
||||
name: "ColorPicker",
|
||||
component: () => import("@/views/components/color-picker.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsColorPicker")
|
||||
title: $t("menus.pureColorPicker")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -186,7 +186,7 @@ export default {
|
||||
name: "Selector",
|
||||
component: () => import("@/views/components/selector.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsselector")
|
||||
title: $t("menus.pureSelector")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -194,7 +194,7 @@ export default {
|
||||
name: "Waterfall",
|
||||
component: () => import("@/views/components/waterfall/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hswaterfall")
|
||||
title: $t("menus.pureWaterfall")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -202,7 +202,7 @@ export default {
|
||||
name: "SplitPane",
|
||||
component: () => import("@/views/components/split-pane.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hssplitPane")
|
||||
title: $t("menus.pureSplitPane")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -210,7 +210,7 @@ export default {
|
||||
name: "Swiper",
|
||||
component: () => import("@/views/components/swiper.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsSwiper")
|
||||
title: $t("menus.pureSwiper")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -218,7 +218,7 @@ export default {
|
||||
name: "TimeLine",
|
||||
component: () => import("@/views/components/timeline.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsTimeline")
|
||||
title: $t("menus.pureTimeline")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -226,7 +226,7 @@ export default {
|
||||
name: "CountTo",
|
||||
component: () => import("@/views/components/count-to.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hscountTo")
|
||||
title: $t("menus.pureCountTo")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -234,7 +234,7 @@ export default {
|
||||
name: "ContextMenu",
|
||||
component: () => import("@/views/components/contextmenu/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hscontextmenu")
|
||||
title: $t("menus.pureContextmenu")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -242,7 +242,7 @@ export default {
|
||||
name: "JsonEditor",
|
||||
component: () => import("@/views/components/json-editor.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsjsoneditor")
|
||||
title: $t("menus.pureJsonEditor")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -250,7 +250,7 @@ export default {
|
||||
name: "SeamlessScroll",
|
||||
component: () => import("@/views/components/seamless-scroll.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsseamless")
|
||||
title: $t("menus.pureSeamless")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -258,7 +258,7 @@ export default {
|
||||
name: "VirtualList",
|
||||
component: () => import("@/views/components/virtual-list/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsVirtualList")
|
||||
title: $t("menus.pureVirtualList")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/editor/index",
|
||||
meta: {
|
||||
icon: "ep:edit",
|
||||
title: $t("menus.hseditor"),
|
||||
title: $t("menus.pureEditor"),
|
||||
rank: editor
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "Editor",
|
||||
component: () => import("@/views/editor/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hseditor"),
|
||||
title: $t("menus.pureEditor"),
|
||||
keepAlive: true
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@ export default {
|
||||
meta: {
|
||||
icon: "ri:information-line",
|
||||
// showLink: false,
|
||||
title: $t("menus.hsabnormal"),
|
||||
title: $t("menus.pureAbnormal"),
|
||||
rank: error
|
||||
},
|
||||
children: [
|
||||
@ -16,7 +16,7 @@ export default {
|
||||
name: "403",
|
||||
component: () => import("@/views/error/403.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsfourZeroOne")
|
||||
title: $t("menus.pureFourZeroOne")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -24,7 +24,7 @@ export default {
|
||||
name: "404",
|
||||
component: () => import("@/views/error/404.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsfourZeroFour")
|
||||
title: $t("menus.pureFourZeroFour")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
name: "500",
|
||||
component: () => import("@/views/error/500.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsFive")
|
||||
title: $t("menus.pureFive")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/flow-chart/index",
|
||||
meta: {
|
||||
icon: "ep:set-up",
|
||||
title: $t("menus.hsflowChart"),
|
||||
title: $t("menus.pureFlowChart"),
|
||||
rank: flowchart
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "FlowChart",
|
||||
component: () => import("@/views/flow-chart/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsflowChart")
|
||||
title: $t("menus.pureFlowChart")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/form/index",
|
||||
meta: {
|
||||
icon: "ri:edit-box-line",
|
||||
title: $t("menus.hsSchemaForm"),
|
||||
title: $t("menus.pureSchemaForm"),
|
||||
rank: form
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "SchemaForm",
|
||||
component: () => import("@/views/schema-form/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsSchemaForm"),
|
||||
title: $t("menus.pureSchemaForm"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@ export default {
|
||||
redirect: "/form-design/index",
|
||||
meta: {
|
||||
icon: "ri:terminal-window-line",
|
||||
title: $t("menus.hsFormDesign"),
|
||||
title: $t("menus.pureFormDesign"),
|
||||
rank: formdesign
|
||||
},
|
||||
children: [
|
||||
@ -16,7 +16,8 @@ export default {
|
||||
name: "FormDesign",
|
||||
component: IFrame,
|
||||
meta: {
|
||||
title: $t("menus.hsFormDesign"),
|
||||
title: $t("menus.pureFormDesign"),
|
||||
keepAlive: true,
|
||||
frameSrc:
|
||||
"https://haixin-fang.github.io/vue-form-design/playground/index.html",
|
||||
frameLoading: false
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/ganttastic/index",
|
||||
meta: {
|
||||
icon: "ri:bar-chart-horizontal-line",
|
||||
title: $t("menus.hsGanttastic"),
|
||||
title: $t("menus.pureGanttastic"),
|
||||
rank: ganttastic
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "Ganttastic",
|
||||
component: () => import("@/views/ganttastic/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsGanttastic"),
|
||||
title: $t("menus.pureGanttastic"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/guide/index",
|
||||
meta: {
|
||||
icon: "ep:guide",
|
||||
title: $t("menus.hsguide"),
|
||||
title: $t("menus.pureGuide"),
|
||||
rank: guide
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "Guide",
|
||||
component: () => import("@/views/guide/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsguide")
|
||||
title: $t("menus.pureGuide")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -10,7 +10,7 @@ export default {
|
||||
redirect: "/welcome",
|
||||
meta: {
|
||||
icon: "ep:home-filled",
|
||||
title: $t("menus.hshome"),
|
||||
title: $t("menus.pureHome"),
|
||||
rank: home
|
||||
},
|
||||
children: [
|
||||
@ -19,7 +19,7 @@ export default {
|
||||
name: "Welcome",
|
||||
component: () => import("@/views/welcome/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hshome"),
|
||||
title: $t("menus.pureHome"),
|
||||
showLink: VITE_HIDE_HOME === "true" ? false : true
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/list/card",
|
||||
meta: {
|
||||
icon: "ri:list-check",
|
||||
title: $t("menus.hsList"),
|
||||
title: $t("menus.pureList"),
|
||||
rank: list
|
||||
},
|
||||
children: [
|
||||
@ -16,7 +16,7 @@ export default {
|
||||
component: () => import("@/views/list/card/index.vue"),
|
||||
meta: {
|
||||
icon: "ri:bank-card-line",
|
||||
title: $t("menus.hsListCard"),
|
||||
title: $t("menus.pureListCard"),
|
||||
showParent: true
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,7 +5,7 @@ export default {
|
||||
path: "/menuoverflow",
|
||||
redirect: "/menuoverflow/index",
|
||||
meta: {
|
||||
title: $t("menus.hsMenuoverflow"),
|
||||
title: $t("menus.pureMenuOverflow"),
|
||||
rank: menuoverflow
|
||||
},
|
||||
children: [
|
||||
@ -14,7 +14,7 @@ export default {
|
||||
name: "MenuOverflow",
|
||||
component: () => import("@/views/menuoverflow/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsChildMenuoverflow"),
|
||||
title: $t("menus.pureChildMenuOverflow"),
|
||||
showParent: true
|
||||
}
|
||||
}
|
||||
|
||||
25
src/router/modules/mind.ts
Normal file
25
src/router/modules/mind.ts
Normal file
@ -0,0 +1,25 @@
|
||||
import { $t } from "@/plugins/i18n";
|
||||
import { mind } from "@/router/enums";
|
||||
const IFrame = () => import("@/layout/frameView.vue");
|
||||
|
||||
export default {
|
||||
path: "/mind-map",
|
||||
redirect: "/mind-map/index",
|
||||
meta: {
|
||||
icon: "ri:mind-map",
|
||||
title: $t("menus.pureMindMap"),
|
||||
rank: mind
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/mind-map/index",
|
||||
name: "FrameMindMap",
|
||||
component: IFrame,
|
||||
meta: {
|
||||
title: $t("menus.pureMindMap"),
|
||||
keepAlive: true,
|
||||
frameSrc: "https://wanglin2.github.io/mind-map/#/"
|
||||
}
|
||||
}
|
||||
]
|
||||
} satisfies RouteConfigsTable;
|
||||
@ -5,7 +5,7 @@ export default {
|
||||
path: "/nested",
|
||||
redirect: "/nested/menu1/menu1-1",
|
||||
meta: {
|
||||
title: $t("menus.hsmenus"),
|
||||
title: $t("menus.pureMenus"),
|
||||
icon: "ep:histogram",
|
||||
rank: nested
|
||||
},
|
||||
@ -13,7 +13,7 @@ export default {
|
||||
{
|
||||
path: "/nested/menu1",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1"),
|
||||
title: $t("menus.pureMenu1"),
|
||||
keepAlive: true
|
||||
},
|
||||
redirect: "/nested/menu1/menu1-1",
|
||||
@ -23,7 +23,7 @@ export default {
|
||||
component: () => import("@/views/nested/menu1/menu1-1/index.vue"),
|
||||
name: "Menu1-1",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1-1"),
|
||||
title: $t("menus.pureMenu1-1"),
|
||||
keepAlive: true
|
||||
}
|
||||
},
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
path: "/nested/menu1/menu1-2",
|
||||
redirect: "/nested/menu1/menu1-2/menu1-2-1",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1-2"),
|
||||
title: $t("menus.pureMenu1-2"),
|
||||
keepAlive: true
|
||||
},
|
||||
children: [
|
||||
@ -41,7 +41,7 @@ export default {
|
||||
import("@/views/nested/menu1/menu1-2/menu1-2-1/index.vue"),
|
||||
name: "Menu1-2-1",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1-2-1"),
|
||||
title: $t("menus.pureMenu1-2-1"),
|
||||
keepAlive: true
|
||||
}
|
||||
},
|
||||
@ -51,7 +51,7 @@ export default {
|
||||
import("@/views/nested/menu1/menu1-2/menu1-2-2/index.vue"),
|
||||
name: "Menu1-2-2",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1-2-2"),
|
||||
title: $t("menus.pureMenu1-2-2"),
|
||||
keepAlive: true
|
||||
}
|
||||
}
|
||||
@ -62,7 +62,7 @@ export default {
|
||||
component: () => import("@/views/nested/menu1/menu1-3/index.vue"),
|
||||
name: "Menu1-3",
|
||||
meta: {
|
||||
title: $t("menus.hsmenu1-3"),
|
||||
title: $t("menus.pureMenu1-3"),
|
||||
keepAlive: true
|
||||
}
|
||||
}
|
||||
@ -73,7 +73,7 @@ export default {
|
||||
name: "Menu2",
|
||||
component: () => import("@/views/nested/menu2/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsmenu2"),
|
||||
title: $t("menus.pureMenu2"),
|
||||
keepAlive: true
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@ export default {
|
||||
component: IFrame,
|
||||
meta: {
|
||||
title: "PPT",
|
||||
keepAlive: true,
|
||||
frameSrc: "https://pipipi-pikachu.github.io/PPTist/",
|
||||
frameLoading: false
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@ export default [
|
||||
name: "Login",
|
||||
component: () => import("@/views/login/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hslogin"),
|
||||
title: $t("menus.pureLogin"),
|
||||
showLink: false,
|
||||
rank: 101
|
||||
}
|
||||
@ -16,7 +16,7 @@ export default [
|
||||
path: "/redirect",
|
||||
component: Layout,
|
||||
meta: {
|
||||
title: $t("status.hsLoad"),
|
||||
title: $t("status.pureLoad"),
|
||||
showLink: false,
|
||||
rank: 102
|
||||
},
|
||||
@ -34,7 +34,7 @@ export default [
|
||||
name: "Empty",
|
||||
component: () => import("@/views/empty/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsempty"),
|
||||
title: $t("menus.pureEmpty"),
|
||||
showLink: false,
|
||||
rank: 103
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/result/success",
|
||||
meta: {
|
||||
icon: "ri:checkbox-circle-line",
|
||||
title: $t("menus.hsResult"),
|
||||
title: $t("menus.pureResult"),
|
||||
rank: result
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "Success",
|
||||
component: () => import("@/views/result/success.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsSuccess")
|
||||
title: $t("menus.pureSuccess")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -23,7 +23,7 @@ export default {
|
||||
name: "Fail",
|
||||
component: () => import("@/views/result/fail.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsFail")
|
||||
title: $t("menus.pureFail")
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -6,7 +6,7 @@ export default {
|
||||
redirect: "/table/index",
|
||||
meta: {
|
||||
icon: "ri:table-line",
|
||||
title: $t("menus.hstable"),
|
||||
title: $t("menus.pureTable"),
|
||||
rank: table
|
||||
},
|
||||
children: [
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
name: "PureTable",
|
||||
component: () => import("@/views/table/index.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPureTableBase")
|
||||
title: $t("menus.pureTableBase")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -23,7 +23,7 @@ export default {
|
||||
name: "PureTableHigh",
|
||||
component: () => import("@/views/table/high.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPureTableHigh")
|
||||
title: $t("menus.pureTableHigh")
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
name: "PureTableEdit",
|
||||
component: () => import("@/views/table/edit.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsPureTableEdit"),
|
||||
title: $t("menus.pureTableEdit"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
},
|
||||
@ -40,7 +40,7 @@ export default {
|
||||
name: "VxeTable",
|
||||
component: () => import("@/views/table/virtual.vue"),
|
||||
meta: {
|
||||
title: $t("menus.hsVxeTable"),
|
||||
title: $t("menus.pureVxeTable"),
|
||||
extraIcon: "IF-pure-iconfont-new svg"
|
||||
}
|
||||
}
|
||||
|
||||
@ -55,10 +55,8 @@ export const useUserStore = defineStore({
|
||||
return new Promise<UserResult>((resolve, reject) => {
|
||||
getLogin(data)
|
||||
.then(data => {
|
||||
if (data) {
|
||||
setToken(data.data);
|
||||
resolve(data);
|
||||
}
|
||||
if (data?.success) setToken(data.data);
|
||||
resolve(data);
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
|
||||
@ -44,6 +44,13 @@ const barcodes = [
|
||||
</el-link>
|
||||
生成）
|
||||
</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>
|
||||
<el-row :gutter="12">
|
||||
<template v-for="(item, index) in barcodes" :key="index">
|
||||
|
||||
@ -116,6 +116,13 @@ function addDanmu() {
|
||||
</el-link>
|
||||
</span>
|
||||
</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>
|
||||
<div class="flex gap-5">
|
||||
<vue-danmaku
|
||||
|
||||
@ -19,7 +19,14 @@ const throttleClick = throttle(handle);
|
||||
<div>
|
||||
<el-card class="mb-5" shadow="never">
|
||||
<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>
|
||||
<div class="mb-5">
|
||||
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n
|
||||
|
||||
@ -56,7 +56,14 @@ function onReset() {
|
||||
<el-card shadow="never">
|
||||
<template #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>
|
||||
</template>
|
||||
<div class="mb-2">
|
||||
|
||||
@ -28,7 +28,14 @@ function down() {
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<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>
|
||||
<div class="flex flex-wrap">
|
||||
<el-button
|
||||
|
||||
@ -68,6 +68,13 @@ onMounted(() => {
|
||||
</el-link>
|
||||
</span>
|
||||
</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>
|
||||
<div class="drag-container">
|
||||
<!-- grid列表拖拽 -->
|
||||
|
||||
@ -72,16 +72,21 @@ const exportExcel = () => {
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="font-medium">
|
||||
导出Excel（
|
||||
<el-link
|
||||
href="https://github.com/SheetJS/sheetjs"
|
||||
target="_blank"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
导出Excel
|
||||
</el-link>
|
||||
）
|
||||
</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>
|
||||
<el-button type="primary" @click="exportExcel">导出Excel</el-button>
|
||||
<div class="h-[25rem] mt-3">
|
||||
|
||||
@ -35,16 +35,21 @@ const load = () => {
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="font-medium">
|
||||
表格无限滚动（
|
||||
<el-link
|
||||
href="https://github.com/yujinpan/el-table-infinite-scroll"
|
||||
target="_blank"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
表格无限滚动
|
||||
</el-link>
|
||||
）
|
||||
</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>
|
||||
<p class="mb-2">{{ isBottom ? "已加载全部页" : `加载到第 ${page} 页` }}</p>
|
||||
<el-table
|
||||
|
||||
@ -25,9 +25,16 @@ const dataProps = {
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">
|
||||
扩展elemenet-plus的树形组件包括虚拟树组件，支持连接线
|
||||
</span>
|
||||
<p class="font-medium">
|
||||
扩展 Elemenet Plus 的树形组件包括虚拟树组件，支持连接线
|
||||
</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>
|
||||
</template>
|
||||
|
||||
|
||||
@ -47,7 +47,7 @@ const filterMethod = (query: string, node: treeNode) => {
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">
|
||||
菜单树结构（采用element-plus的
|
||||
菜单树结构（采用 Element Plus 的
|
||||
<el-link
|
||||
href="https://element-plus.gitee.io/zh-CN/component/tree-v2.html"
|
||||
target="_blank"
|
||||
@ -59,6 +59,13 @@ const filterMethod = (query: string, node: treeNode) => {
|
||||
组件并支持国际化）
|
||||
</span>
|
||||
</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>
|
||||
<el-input
|
||||
v-model="query"
|
||||
|
||||
400
src/views/able/mqtt-client.vue
Normal file
400
src/views/able/mqtt-client.vue
Normal file
@ -0,0 +1,400 @@
|
||||
<script setup lang="ts">
|
||||
// vue 3 + vite use MQTT.js refer to https://github.com/mqttjs/MQTT.js/issues/1269
|
||||
import * as mqtt from "mqtt/dist/mqtt.min";
|
||||
import { reactive, ref, onUnmounted } from "vue";
|
||||
|
||||
const protocol = location.protocol === "https:" ? "wss" : "ws";
|
||||
const port = protocol === "wss" ? 8084 : 8083;
|
||||
|
||||
// https://github.com/mqttjs/MQTT.js#qos
|
||||
const qosList = [0, 1, 2];
|
||||
|
||||
const connection = reactive({
|
||||
protocol,
|
||||
host: "broker.emqx.io",
|
||||
port,
|
||||
clientId: "emqx_vue3_" + Math.random().toString(16).substring(2, 8),
|
||||
username: "emqx_test",
|
||||
password: "emqx_test",
|
||||
clean: true,
|
||||
connectTimeout: 30 * 1000, // ms
|
||||
reconnectPeriod: 4000 // ms
|
||||
// for more options and details, please refer to https://github.com/mqttjs/MQTT.js#mqttclientstreambuilder-options
|
||||
});
|
||||
|
||||
// 订阅 topic/mqttx 主题
|
||||
const subscription = ref({
|
||||
topic: "topic/mqttx",
|
||||
qos: 0 as any
|
||||
});
|
||||
|
||||
// 发布 topic/browser 主题
|
||||
const publish = ref({
|
||||
topic: "topic/browser",
|
||||
qos: 0 as any,
|
||||
payload: '{ "msg": "Hello, I am browser." }'
|
||||
});
|
||||
|
||||
let client = ref({
|
||||
connected: false
|
||||
} as mqtt.MqttClient);
|
||||
|
||||
const receivedMessages = ref("");
|
||||
const subscribedSuccess = ref(false);
|
||||
const btnLoadingType = ref("");
|
||||
const retryTimes = ref(0);
|
||||
|
||||
const initData = () => {
|
||||
client.value = {
|
||||
connected: false
|
||||
} as mqtt.MqttClient;
|
||||
retryTimes.value = 0;
|
||||
btnLoadingType.value = "";
|
||||
subscribedSuccess.value = false;
|
||||
};
|
||||
|
||||
const handleOnReConnect = () => {
|
||||
retryTimes.value += 1;
|
||||
if (retryTimes.value > 5) {
|
||||
try {
|
||||
client.value.end();
|
||||
initData();
|
||||
console.log("connection maxReconnectTimes limit, stop retry");
|
||||
} catch (error) {
|
||||
console.log("handleOnReConnect catch error:", error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const createConnection = () => {
|
||||
try {
|
||||
btnLoadingType.value = "connect";
|
||||
const { protocol, host, port, ...options } = connection;
|
||||
const connectUrl = `${protocol}://${host}:${port}/mqtt`;
|
||||
// 连接MQTT 服务器
|
||||
client.value = mqtt.connect(connectUrl, options);
|
||||
|
||||
if (client.value.on) {
|
||||
// https://github.com/mqttjs/MQTT.js#event-connect
|
||||
client.value.on("connect", () => {
|
||||
btnLoadingType.value = "";
|
||||
console.log("connection successful");
|
||||
});
|
||||
|
||||
// https://github.com/mqttjs/MQTT.js#event-reconnect
|
||||
client.value.on("reconnect", handleOnReConnect);
|
||||
|
||||
// https://github.com/mqttjs/MQTT.js#event-error
|
||||
client.value.on("error", error => {
|
||||
console.log("connection error:", error);
|
||||
});
|
||||
|
||||
// https://github.com/mqttjs/MQTT.js#event-message
|
||||
client.value.on("message", (topic: string, message) => {
|
||||
receivedMessages.value = receivedMessages.value.concat(
|
||||
message.toString()
|
||||
);
|
||||
console.log(`received message: ${message} from topic: ${topic}`);
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
btnLoadingType.value = "";
|
||||
console.log("mqtt.connect error:", error);
|
||||
}
|
||||
};
|
||||
|
||||
// subscribe topic
|
||||
// https://github.com/mqttjs/MQTT.js#mqttclientsubscribetopictopic-arraytopic-object-options-callback
|
||||
const doSubscribe = () => {
|
||||
btnLoadingType.value = "subscribe";
|
||||
const { topic, qos } = subscription.value;
|
||||
client.value.subscribe(
|
||||
topic,
|
||||
{ qos },
|
||||
(error: Error, granted: mqtt.ISubscriptionGrant[]) => {
|
||||
btnLoadingType.value = "";
|
||||
if (error) {
|
||||
console.log("subscribe error:", error);
|
||||
return;
|
||||
}
|
||||
subscribedSuccess.value = true;
|
||||
console.log("subscribe successfully:", granted);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
// unsubscribe topic
|
||||
// https://github.com/mqttjs/MQTT.js#mqttclientunsubscribetopictopic-array-options-callback
|
||||
const doUnSubscribe = () => {
|
||||
btnLoadingType.value = "unsubscribe";
|
||||
const { topic, qos } = subscription.value;
|
||||
client.value.unsubscribe(topic, { qos }, error => {
|
||||
btnLoadingType.value = "";
|
||||
subscribedSuccess.value = false;
|
||||
if (error) {
|
||||
console.log("unsubscribe error:", error);
|
||||
return;
|
||||
}
|
||||
console.log(`unsubscribed topic: ${topic}`);
|
||||
});
|
||||
};
|
||||
|
||||
// publish message
|
||||
// https://github.com/mqttjs/MQTT.js#mqttclientpublishtopic-message-options-callback
|
||||
const doPublish = () => {
|
||||
btnLoadingType.value = "publish";
|
||||
const { topic, qos, payload } = publish.value;
|
||||
client.value.publish(topic, payload, { qos }, error => {
|
||||
btnLoadingType.value = "";
|
||||
if (error) {
|
||||
console.log("publish error:", error);
|
||||
return;
|
||||
}
|
||||
console.log(`published message: ${payload}`);
|
||||
});
|
||||
};
|
||||
|
||||
// disconnect
|
||||
// https://github.com/mqttjs/MQTT.js#mqttclientendforce-options-callback
|
||||
const destroyConnection = () => {
|
||||
if (client.value.connected) {
|
||||
btnLoadingType.value = "disconnect";
|
||||
try {
|
||||
client.value.end(false, () => {
|
||||
initData();
|
||||
console.log("disconnected successfully");
|
||||
});
|
||||
} catch (error) {
|
||||
btnLoadingType.value = "";
|
||||
console.log("disconnect error:", error);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const handleProtocolChange = (value: string) => {
|
||||
connection.port = value === "wss" ? 8084 : 8083;
|
||||
};
|
||||
|
||||
onUnmounted(() => {
|
||||
try {
|
||||
if (client.value.end) {
|
||||
client.value.end();
|
||||
console.log("disconnected successfully");
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<el-card shadow="never" :body-style="{ padding: '20px' }">
|
||||
<template #header>
|
||||
<div>
|
||||
基于
|
||||
<el-link
|
||||
type="primary"
|
||||
:underline="false"
|
||||
href="https://github.com/mqttjs/MQTT.js"
|
||||
target="_blank"
|
||||
>
|
||||
MQTT.js
|
||||
</el-link>
|
||||
和 免费的公共MQTT代理
|
||||
<el-link
|
||||
type="primary"
|
||||
:underline="false"
|
||||
href="broker.emqx.io"
|
||||
target="_blank"
|
||||
>
|
||||
EMQX
|
||||
</el-link>
|
||||
实现的一套 MQTT 客户端
|
||||
</div>
|
||||
<el-link
|
||||
class="mt-2"
|
||||
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/mqtt-client.vue"
|
||||
target="_blank"
|
||||
>
|
||||
代码位置 src/views/able/mqtt-client.vue
|
||||
</el-link>
|
||||
</template>
|
||||
|
||||
<el-card shadow="never">
|
||||
<h1>设置</h1>
|
||||
<el-form label-position="top" :model="connection">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="protocol" label="协议">
|
||||
<el-select
|
||||
v-model="connection.protocol"
|
||||
@change="handleProtocolChange"
|
||||
>
|
||||
<el-option label="ws://" value="ws" />
|
||||
<el-option label="wss://" value="wss" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="host" label="主机">
|
||||
<el-input v-model="connection.host" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="port" label="端口">
|
||||
<el-input
|
||||
v-model.number="connection.port"
|
||||
type="number"
|
||||
placeholder="8083/8084"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="clientId" label="客户端ID">
|
||||
<el-input v-model="connection.clientId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="username" label="用户名">
|
||||
<el-input v-model="connection.username" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="password" label="密码">
|
||||
<el-input v-model="connection.password" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24">
|
||||
<el-button
|
||||
type="primary"
|
||||
:disabled="client.connected"
|
||||
:loading="btnLoadingType === 'connect'"
|
||||
@click="createConnection"
|
||||
>
|
||||
{{ client.connected ? "已连接" : "连接" }}
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
v-if="client.connected"
|
||||
type="danger"
|
||||
:loading="btnLoadingType === 'disconnect'"
|
||||
@click="destroyConnection"
|
||||
>
|
||||
断开连接
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt-4">
|
||||
<h1>订阅</h1>
|
||||
<el-form label-position="top" :model="subscription">
|
||||
<el-row :gutter="20" :align="'middle'">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="topic" label="主题">
|
||||
<el-input
|
||||
v-model="subscription.topic"
|
||||
:disabled="subscribedSuccess"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="qos" label="通信质量">
|
||||
<el-select
|
||||
v-model="subscription.qos"
|
||||
:disabled="subscribedSuccess"
|
||||
>
|
||||
<el-option
|
||||
v-for="qos in qosList"
|
||||
:key="qos"
|
||||
:label="qos"
|
||||
:value="qos"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="sub-btn"
|
||||
:loading="btnLoadingType === 'subscribe'"
|
||||
:disabled="!client.connected || subscribedSuccess"
|
||||
@click="doSubscribe"
|
||||
>
|
||||
{{ subscribedSuccess ? "已订阅" : "订阅" }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="subscribedSuccess"
|
||||
type="primary"
|
||||
class="sub-btn"
|
||||
:loading="btnLoadingType === 'unsubscribe'"
|
||||
:disabled="!client.connected"
|
||||
@click="doUnSubscribe"
|
||||
>
|
||||
取消订阅
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt-4">
|
||||
<h1>发布</h1>
|
||||
<el-form label-position="top" :model="publish">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="topic">
|
||||
<template #label>
|
||||
<span>主题</span>
|
||||
<el-text type="info" size="small">
|
||||
可将订阅主题设置为topic/browser，测试MQTT的自发自收。
|
||||
</el-text>
|
||||
</template>
|
||||
<el-input v-model="publish.topic" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="payload" label="有效载荷">
|
||||
<el-input v-model="publish.payload" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="qos" label="通信质量">
|
||||
<el-select v-model="publish.qos">
|
||||
<el-option
|
||||
v-for="qos in qosList"
|
||||
:key="qos"
|
||||
:label="qos"
|
||||
:value="qos"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-col :span="24">
|
||||
<el-button
|
||||
type="primary"
|
||||
:loading="btnLoadingType === 'publish'"
|
||||
:disabled="!client.connected"
|
||||
@click="doPublish"
|
||||
>
|
||||
发布
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt-4">
|
||||
<h1>接收</h1>
|
||||
<el-col :span="24">
|
||||
<el-input
|
||||
v-model="receivedMessages"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
readonly
|
||||
/>
|
||||
</el-col>
|
||||
</el-card>
|
||||
</el-card>
|
||||
</template>
|
||||
@ -38,21 +38,26 @@ const onPrint = () => {
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="font-medium">
|
||||
PDF预览（
|
||||
<el-link
|
||||
href="https://github.com/hrynko/vue-pdf-embed"
|
||||
target="_blank"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
PDF预览
|
||||
</el-link>
|
||||
）
|
||||
</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>
|
||||
<div
|
||||
v-loading="loading"
|
||||
class="h-[calc(100vh-239px)]"
|
||||
:element-loading-text="t('status.hsLoad')"
|
||||
class="h-[calc(100vh-295px)]"
|
||||
:element-loading-text="t('status.pureLoad')"
|
||||
>
|
||||
<div class="flex justify-between items-center h-9">
|
||||
<div v-if="showAllPages" class="font-medium ml-1.25 text-xl">
|
||||
@ -73,28 +78,28 @@ const onPrint = () => {
|
||||
<el-checkbox v-model="showAllPages" @change="showAllPagesChange">
|
||||
显示所有页面
|
||||
</el-checkbox>
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
:content="`翻转（当前角度${rotations[currentRotation]}度）`"
|
||||
placement="top"
|
||||
>
|
||||
<IconifyIconOnline
|
||||
icon="ic:baseline-rotate-90-degrees-ccw"
|
||||
class="cursor-pointer outline-transparent"
|
||||
@click="
|
||||
currentRotation === 3
|
||||
? (currentRotation = 0)
|
||||
: (currentRotation += 1)
|
||||
"
|
||||
/>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="dark" content="打印" placement="top">
|
||||
<IconifyIconOnline
|
||||
icon="ri:printer-line"
|
||||
class="cursor-pointer outline-transparent"
|
||||
@click="onPrint"
|
||||
/>
|
||||
</el-tooltip>
|
||||
<IconifyIconOnline
|
||||
v-tippy="{
|
||||
maxWidth: 'none',
|
||||
content: `翻转（当前角度${rotations[currentRotation]}度）`
|
||||
}"
|
||||
icon="ic:baseline-rotate-90-degrees-ccw"
|
||||
class="cursor-pointer outline-transparent"
|
||||
@click="
|
||||
currentRotation === 3
|
||||
? (currentRotation = 0)
|
||||
: (currentRotation += 1)
|
||||
"
|
||||
/>
|
||||
<IconifyIconOnline
|
||||
v-tippy="{
|
||||
maxWidth: 'none',
|
||||
content: '打印'
|
||||
}"
|
||||
icon="ri:printer-line"
|
||||
class="cursor-pointer outline-transparent"
|
||||
@click="onPrint"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<el-scrollbar>
|
||||
|
||||
@ -10,7 +10,14 @@ defineOptions({
|
||||
<el-card shadow="never">
|
||||
<template #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>
|
||||
</template>
|
||||
<p v-html="html('带 音 调')" />
|
||||
|
||||
@ -81,25 +81,30 @@ const tableData: User[] = [
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">打印功能（报表、图表、图片）</span>
|
||||
<div class="flex">
|
||||
<el-select
|
||||
v-model="value"
|
||||
class="!w-[100px] mr-2"
|
||||
placeholder="Select"
|
||||
size="small"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button size="small" type="primary" @click="onPrint">
|
||||
打印
|
||||
</el-button>
|
||||
</div>
|
||||
<el-select
|
||||
v-model="value"
|
||||
class="!w-[100px] mr-2"
|
||||
placeholder="Select"
|
||||
size="small"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button size="small" type="primary" @click="onPrint">
|
||||
打印
|
||||
</el-button>
|
||||
</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>
|
||||
<el-row :gutter="24">
|
||||
<el-col
|
||||
@ -196,10 +201,4 @@ const tableData: User[] = [
|
||||
:deep(.el-table__row.success-row) {
|
||||
--el-table-tr-bg-color: var(--el-color-success-light-9);
|
||||
}
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -36,6 +36,13 @@ const disabledClick = () => {
|
||||
</el-link>
|
||||
生成）
|
||||
</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>
|
||||
<el-row :gutter="20" justify="space-between">
|
||||
<el-col :xl="6" :lg="6" :md="12" :sm="24" :xs="24">
|
||||
|
||||
@ -7,7 +7,14 @@ defineOptions({
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<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>
|
||||
<div class="mb-5">组件中的波纹</div>
|
||||
<el-alert
|
||||
|
||||
@ -21,7 +21,14 @@ function onInput() {
|
||||
<el-card shadow="never">
|
||||
<template #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>
|
||||
</template>
|
||||
<div class="flex flex-wrap gap-2 my-2">
|
||||
|
||||
@ -14,7 +14,14 @@ const options: TypeItOptions = {
|
||||
<el-card shadow="never">
|
||||
<template #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>
|
||||
</template>
|
||||
<TypeIt :options="options" />
|
||||
|
||||
@ -17,16 +17,21 @@ function onFail() {
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="font-medium">
|
||||
拼图人机验证、右滑拼图验证（
|
||||
<el-link
|
||||
href="https://github.com/javaLuo/vue-puzzle-vcode/tree/vue3"
|
||||
target="_blank"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
拼图人机验证、右滑拼图验证
|
||||
</el-link>
|
||||
）
|
||||
</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>
|
||||
<div class="bg-[rgba(15,23,42,0.2)] p-6 w-[360px]">
|
||||
<Vcode :show="isShow" type="inside" @fail="onFail" @success="onSuccess" />
|
||||
|
||||
@ -134,6 +134,13 @@ onBeforeUnmount(() => {
|
||||
工具，可以在浏览器内进行视频和音频录制、转换和流式传输等，不过通过一些实践，对于时长较长的视频性能还是不太行，不过用于时长较短的短视频还是可以上生产的
|
||||
</p>
|
||||
</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>
|
||||
</template>
|
||||
<div class="flex flex-wrap">
|
||||
|
||||
@ -48,6 +48,13 @@ onMounted(() => {
|
||||
</el-link>
|
||||
</span>
|
||||
</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>
|
||||
<div id="mse" />
|
||||
</el-card>
|
||||
|
||||
@ -36,16 +36,22 @@ onBeforeUnmount(() => {
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">
|
||||
页面水印
|
||||
<el-link
|
||||
href="https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark"
|
||||
target="_blank"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
（查看更详细的使用文档）
|
||||
页面水印
|
||||
</el-link>
|
||||
</span>
|
||||
</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>
|
||||
<el-space wrap class="!mb-2">
|
||||
<span> 请输入要创建水印的值：</span>
|
||||
@ -120,9 +126,7 @@ onBeforeUnmount(() => {
|
||||
<el-button plain @click="clear">清除整页水印</el-button>
|
||||
</el-space>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<div ref="local" class="w-1/2 h-[200px] border border-sky-500" />
|
||||
<div ref="local" class="w-1/2 h-[200px] border border-sky-500 mt-4" />
|
||||
|
||||
<el-space wrap class="mt-6">
|
||||
<el-button
|
||||
@ -190,8 +194,9 @@ onBeforeUnmount(() => {
|
||||
<el-button plain @click="clearLocal">清除局部水印</el-button>
|
||||
</el-space>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<div ref="preventLocal" class="w-1/2 h-[200px] border border-indigo-500" />
|
||||
<div
|
||||
ref="preventLocal"
|
||||
class="w-1/2 h-[200px] border border-indigo-500 mt-4"
|
||||
/>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
@ -93,6 +93,13 @@ onBeforeUnmount(() => {
|
||||
</span>
|
||||
</span>
|
||||
</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>
|
||||
<div
|
||||
v-loading="loading"
|
||||
|
||||
@ -28,6 +28,13 @@ watch(animate, () => {
|
||||
选择器
|
||||
</span>
|
||||
</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>
|
||||
<ReAnimateSelector v-model="animate" class="!w-[200px]" />
|
||||
</el-card>
|
||||
|
||||
@ -16,6 +16,13 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
|
||||
<div class="card-header">
|
||||
<span class="font-medium">通过 iframe 引入按钮页面</span>
|
||||
</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>
|
||||
<iframe :src="url" frameborder="0" class="iframe w-full h-[60vh]" />
|
||||
</el-card>
|
||||
|
||||
@ -25,7 +25,16 @@ const handleChange = value => {
|
||||
|
||||
<template>
|
||||
<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-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">
|
||||
<div class="flex flex-col items-center justify-center">
|
||||
|
||||
@ -93,7 +93,7 @@ watch(size, val =>
|
||||
<div class="card-header">
|
||||
<el-space wrap :size="40">
|
||||
<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="default">默认尺寸</el-radio>
|
||||
<el-radio value="small">小尺寸</el-radio>
|
||||
@ -101,6 +101,13 @@ watch(size, val =>
|
||||
</el-radio-group>
|
||||
</el-space>
|
||||
</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>
|
||||
<p class="mb-2">单选（紧凑风格的按钮样式）</p>
|
||||
<el-radio-group
|
||||
|
||||
@ -52,7 +52,7 @@ watch(size, val =>
|
||||
>
|
||||
多选卡片组
|
||||
</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="default">默认尺寸</el-radio>
|
||||
<el-radio value="small">小尺寸</el-radio>
|
||||
@ -60,6 +60,13 @@ watch(size, val =>
|
||||
</el-radio-group>
|
||||
</el-space>
|
||||
</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>
|
||||
|
||||
<p class="mb-2 mt-4">单选</p>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user