mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-15 14:50:29 +08:00
Compare commits
2 Commits
main
...
feat/Table
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b5dd755d91 | ||
|
|
841fbdfd95 |
@@ -1,27 +1,3 @@
|
|||||||
# 6.3.0 (2025-12-10)
|
|
||||||
|
|
||||||
### ✔️ Refactor
|
|
||||||
|
|
||||||
- Renamed "Overall Style" in system configuration to "Theme Mode" and "Navigation Mode" to "Menu Layout" to improve naming professionalism and clarity.
|
|
||||||
- Migrated the deprecated `tseslint.config` configuration method of `typescript-eslint`.
|
|
||||||
|
|
||||||
### 🎫 Feat
|
|
||||||
|
|
||||||
- Added a color picker panel component.
|
|
||||||
|
|
||||||
### 🐞 Bug fixes
|
|
||||||
|
|
||||||
- Fixed an issue where the selected/activated state style of the navigation menu was displayed incorrectly when using `iconfont` icons.
|
|
||||||
- Fixed a style issue with the column settings pop-up of the `RePureTableBar` and `ReVxeTableBar` components.
|
|
||||||
|
|
||||||
### 🍏 Perf
|
|
||||||
|
|
||||||
- Adapting the `ReDialog` component to the latest version of `el-dialog` with API changes and supplementary examples
|
|
||||||
- Adapting the `ReDrawer` component to the latest version of `el-drawer` with API changes and supplementary examples
|
|
||||||
- Adapting the `message` utility function to the latest version of `ElMessage` with API changes and supplementary examples
|
|
||||||
- Importing the latest version of `element-plus` components
|
|
||||||
- Optimizing the tab layout and style for Google Chrome mode
|
|
||||||
|
|
||||||
# 6.2.0 (2025-10-16)
|
# 6.2.0 (2025-10-16)
|
||||||
|
|
||||||
### 🎫 Features
|
### 🎫 Features
|
||||||
|
|||||||
24
CHANGELOG.md
24
CHANGELOG.md
@@ -1,27 +1,3 @@
|
|||||||
# 6.3.0 (2025-12-10)
|
|
||||||
|
|
||||||
### ✔️ Refactor
|
|
||||||
|
|
||||||
- Renamed "Overall Style" in system configuration to "Theme Mode" and "Navigation Mode" to "Menu Layout" to improve naming professionalism and clarity.
|
|
||||||
- Migrated the deprecated `tseslint.config` configuration method of `typescript-eslint`.
|
|
||||||
|
|
||||||
### 🎫 Feat
|
|
||||||
|
|
||||||
- Added a color picker panel component.
|
|
||||||
|
|
||||||
### 🐞 Bug fixes
|
|
||||||
|
|
||||||
- Fixed an issue where the selected/activated state style of the navigation menu was displayed incorrectly when using `iconfont` icons.
|
|
||||||
- Fixed a style issue with the column settings pop-up of the `RePureTableBar` and `ReVxeTableBar` components.
|
|
||||||
|
|
||||||
### 🍏 Perf
|
|
||||||
|
|
||||||
- Adapting the `ReDialog` component to the latest version of `el-dialog` with API changes and supplementary examples
|
|
||||||
- Adapting the `ReDrawer` component to the latest version of `el-drawer` with API changes and supplementary examples
|
|
||||||
- Adapting the `message` utility function to the latest version of `ElMessage` with API changes and supplementary examples
|
|
||||||
- Importing the latest version of `element-plus` components
|
|
||||||
- Optimizing the tab layout and style for Google Chrome mode
|
|
||||||
|
|
||||||
# 6.2.0 (2025-10-16)
|
# 6.2.0 (2025-10-16)
|
||||||
|
|
||||||
### 🎫 Features
|
### 🎫 Features
|
||||||
|
|||||||
@@ -1,27 +1,3 @@
|
|||||||
# 6.3.0 (2025-12-10)
|
|
||||||
|
|
||||||
### ✔️ Refactor
|
|
||||||
|
|
||||||
- 将系统配置中的“整体风格”更名为“主题模式”,“导航模式”更名为“菜单布局”,以提升命名的专业性与清晰度
|
|
||||||
- 迁移`typescript-eslint`已弃用的`tseslint.config`配置方式
|
|
||||||
|
|
||||||
### 🎫 Feat
|
|
||||||
|
|
||||||
- 添加颜色选择器面板组件
|
|
||||||
|
|
||||||
### 🐞 Bug fixes
|
|
||||||
|
|
||||||
- 修复导航菜单在使用`iconfont`图标时,选中/激活状态的样式显示异常问题
|
|
||||||
- 修复`RePureTableBar`和`ReVxeTableBar`组件的列设置弹窗样式问题
|
|
||||||
|
|
||||||
### 🍏 Perf
|
|
||||||
|
|
||||||
- `ReDialog`组件适配`el-dialog`最新版本的`API`变更以及补充相关示例
|
|
||||||
- `ReDrawer`组件适配`el-drawer`最新版本的`API`变更以及补充相关示例
|
|
||||||
- `message`工具函数适配`ElMessage`最新版本的`API`变更以及补充相关示例
|
|
||||||
- 导入`element-plus`最新版本的新组件
|
|
||||||
- 优化页签风格为谷歌模式下的布局和样式
|
|
||||||
|
|
||||||
# 6.2.0 (2025-10-16)
|
# 6.2.0 (2025-10-16)
|
||||||
|
|
||||||
### 🎫 Feat
|
### 🎫 Feat
|
||||||
|
|||||||
@@ -238,4 +238,18 @@ login:
|
|||||||
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
||||||
purePassWordSureReg: Please enter confirm password
|
purePassWordSureReg: Please enter confirm password
|
||||||
purePassWordDifferentReg: The two passwords do not match!
|
purePassWordDifferentReg: The two passwords do not match!
|
||||||
purePassWordUpdateReg: Password has been updated
|
purePassWordUpdateReg: Password has been updated
|
||||||
|
tableBar:
|
||||||
|
pureList: List
|
||||||
|
pureLarge: Large
|
||||||
|
pureDefault: Default
|
||||||
|
pureSmall: Small
|
||||||
|
pureColumnSettings: ColumnSettings
|
||||||
|
pureCollapse: Collapse
|
||||||
|
pureExpand: Expand
|
||||||
|
pureRefresh: Refresh
|
||||||
|
pureDensity: Density
|
||||||
|
pureColumnDisplay: ColumnDisplay
|
||||||
|
pureReset: Reset
|
||||||
|
pureExitFullScreen: ExitFullScreen
|
||||||
|
pureFullScreen: FullScreen
|
||||||
@@ -238,4 +238,18 @@ login:
|
|||||||
purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
||||||
purePassWordSureReg: 请输入确认密码
|
purePassWordSureReg: 请输入确认密码
|
||||||
purePassWordDifferentReg: 两次密码不一致!
|
purePassWordDifferentReg: 两次密码不一致!
|
||||||
purePassWordUpdateReg: 修改密码成功
|
purePassWordUpdateReg: 修改密码成功
|
||||||
|
tableBar:
|
||||||
|
pureList: 列表
|
||||||
|
pureLarge: 宽松
|
||||||
|
pureDefault: 默认
|
||||||
|
pureSmall: 紧凑
|
||||||
|
pureColumnSettings: 列设置
|
||||||
|
pureCollapse: 折叠
|
||||||
|
pureExpand: 展开
|
||||||
|
pureRefresh: 刷新
|
||||||
|
pureDensity: 密度
|
||||||
|
pureColumnDisplay: 列展示
|
||||||
|
pureReset: 重置
|
||||||
|
pureExitFullScreen: 退出全屏
|
||||||
|
pureFullScreen: 全屏
|
||||||
28
package.json
28
package.json
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "vue-pure-admin",
|
"name": "vue-pure-admin",
|
||||||
"version": "6.3.0",
|
"version": "6.2.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -72,7 +72,7 @@
|
|||||||
"deep-chat": "^2.3.0",
|
"deep-chat": "^2.3.0",
|
||||||
"echarts": "^6.0.0",
|
"echarts": "^6.0.0",
|
||||||
"el-table-infinite-scroll": "^3.0.8",
|
"el-table-infinite-scroll": "^3.0.8",
|
||||||
"element-plus": "^2.12.0",
|
"element-plus": "^2.11.9",
|
||||||
"highlight.js": "^11.11.1",
|
"highlight.js": "^11.11.1",
|
||||||
"intro.js": "^7.2.0",
|
"intro.js": "^7.2.0",
|
||||||
"js-cookie": "^3.0.5",
|
"js-cookie": "^3.0.5",
|
||||||
@@ -109,17 +109,17 @@
|
|||||||
"vue3-puzzle-vcode": "^1.1.7",
|
"vue3-puzzle-vcode": "^1.1.7",
|
||||||
"vuedraggable": "^4.1.0",
|
"vuedraggable": "^4.1.0",
|
||||||
"vxe-table": "4.6.25",
|
"vxe-table": "4.6.25",
|
||||||
"wavesurfer.js": "^7.12.1",
|
"wavesurfer.js": "^7.11.1",
|
||||||
"xgplayer": "^3.0.23",
|
"xgplayer": "^3.0.23",
|
||||||
"xlsx": "^0.18.5"
|
"xlsx": "^0.18.5"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@commitlint/cli": "^20.2.0",
|
"@commitlint/cli": "^20.1.0",
|
||||||
"@commitlint/config-conventional": "^20.2.0",
|
"@commitlint/config-conventional": "^20.0.0",
|
||||||
"@commitlint/types": "^20.2.0",
|
"@commitlint/types": "^20.0.0",
|
||||||
"@eslint/js": "^9.39.1",
|
"@eslint/js": "^9.39.1",
|
||||||
"@faker-js/faker": "^10.1.0",
|
"@faker-js/faker": "^10.1.0",
|
||||||
"@iconify/json": "^2.2.416",
|
"@iconify/json": "^2.2.412",
|
||||||
"@iconify/vue": "4.2.0",
|
"@iconify/vue": "4.2.0",
|
||||||
"@intlify/unplugin-vue-i18n": "^11.0.1",
|
"@intlify/unplugin-vue-i18n": "^11.0.1",
|
||||||
"@tailwindcss/vite": "^4.1.17",
|
"@tailwindcss/vite": "^4.1.17",
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
"@types/dagre": "^0.7.53",
|
"@types/dagre": "^0.7.53",
|
||||||
"@types/intro.js": "^5.1.5",
|
"@types/intro.js": "^5.1.5",
|
||||||
"@types/js-cookie": "^3.0.6",
|
"@types/js-cookie": "^3.0.6",
|
||||||
"@types/node": "^20.19.26",
|
"@types/node": "^20.19.25",
|
||||||
"@types/nprogress": "^0.2.3",
|
"@types/nprogress": "^0.2.3",
|
||||||
"@types/path-browserify": "^1.0.3",
|
"@types/path-browserify": "^1.0.3",
|
||||||
"@types/qrcode": "^1.5.6",
|
"@types/qrcode": "^1.5.6",
|
||||||
@@ -150,10 +150,10 @@
|
|||||||
"postcss-html": "^1.8.0",
|
"postcss-html": "^1.8.0",
|
||||||
"postcss-load-config": "^6.0.1",
|
"postcss-load-config": "^6.0.1",
|
||||||
"postcss-scss": "^4.0.9",
|
"postcss-scss": "^4.0.9",
|
||||||
"prettier": "^3.7.4",
|
"prettier": "^3.7.3",
|
||||||
"rimraf": "^6.1.2",
|
"rimraf": "^6.1.2",
|
||||||
"rollup-plugin-visualizer": "^6.0.5",
|
"rollup-plugin-visualizer": "^6.0.5",
|
||||||
"sass": "^1.95.1",
|
"sass": "^1.94.2",
|
||||||
"stylelint": "^16.26.1",
|
"stylelint": "^16.26.1",
|
||||||
"stylelint-config-recess-order": "^7.4.0",
|
"stylelint-config-recess-order": "^7.4.0",
|
||||||
"stylelint-config-recommended-vue": "^1.6.1",
|
"stylelint-config-recommended-vue": "^1.6.1",
|
||||||
@@ -162,17 +162,17 @@
|
|||||||
"svgo": "^4.0.0",
|
"svgo": "^4.0.0",
|
||||||
"tailwindcss": "^4.1.17",
|
"tailwindcss": "^4.1.17",
|
||||||
"typescript": "^5.9.3",
|
"typescript": "^5.9.3",
|
||||||
"typescript-eslint": "^8.49.0",
|
"typescript-eslint": "^8.48.0",
|
||||||
"unplugin-icons": "^22.5.0",
|
"unplugin-icons": "^22.5.0",
|
||||||
"vite": "^7.2.7",
|
"vite": "^7.2.4",
|
||||||
"vite-plugin-cdn-import": "^1.0.1",
|
"vite-plugin-cdn-import": "^1.0.1",
|
||||||
"vite-plugin-compression": "^0.5.1",
|
"vite-plugin-compression": "^0.5.1",
|
||||||
"vite-plugin-fake-server": "^2.2.2",
|
"vite-plugin-fake-server": "^2.2.2",
|
||||||
"vite-plugin-remove-console": "^2.2.0",
|
"vite-plugin-remove-console": "^2.2.0",
|
||||||
"vite-plugin-router-warn": "^2.0.0",
|
"vite-plugin-router-warn": "^1.0.0",
|
||||||
"vite-svg-loader": "^5.1.0",
|
"vite-svg-loader": "^5.1.0",
|
||||||
"vue-eslint-parser": "^10.2.0",
|
"vue-eslint-parser": "^10.2.0",
|
||||||
"vue-tsc": "^3.1.8"
|
"vue-tsc": "^3.1.5"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": "^20.19.0 || >=22.13.0",
|
"node": "^20.19.0 || >=22.13.0",
|
||||||
|
|||||||
799
pnpm-lock.yaml
generated
799
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"Version": "6.3.0",
|
"Version": "6.2.0",
|
||||||
"Title": "PureAdmin",
|
"Title": "PureAdmin",
|
||||||
"FixedHeader": true,
|
"FixedHeader": true,
|
||||||
"HiddenSideBar": false,
|
"HiddenSideBar": false,
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import Sortable from "sortablejs";
|
import Sortable from "sortablejs";
|
||||||
import { transformI18n } from "@/plugins/i18n";
|
import { $t, transformI18n } from "@/plugins/i18n";
|
||||||
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
||||||
import {
|
import {
|
||||||
type PropType,
|
type PropType,
|
||||||
@@ -30,7 +30,7 @@ const props = {
|
|||||||
/** 头部最左边的标题 */
|
/** 头部最左边的标题 */
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "列表"
|
default: $t("tableBar.pureList")
|
||||||
},
|
},
|
||||||
/** 对于树形表格,如果想启用展开和折叠功能,传入当前表格的ref即可 */
|
/** 对于树形表格,如果想启用展开和折叠功能,传入当前表格的ref即可 */
|
||||||
tableRef: {
|
tableRef: {
|
||||||
@@ -169,19 +169,19 @@ export default defineComponent({
|
|||||||
style={getDropdownItemStyle.value("large")}
|
style={getDropdownItemStyle.value("large")}
|
||||||
onClick={() => (size.value = "large")}
|
onClick={() => (size.value = "large")}
|
||||||
>
|
>
|
||||||
宽松
|
{transformI18n($t("tableBar.pureLarge"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
style={getDropdownItemStyle.value("default")}
|
style={getDropdownItemStyle.value("default")}
|
||||||
onClick={() => (size.value = "default")}
|
onClick={() => (size.value = "default")}
|
||||||
>
|
>
|
||||||
默认
|
{transformI18n($t("tableBar.pureDefault"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
style={getDropdownItemStyle.value("small")}
|
style={getDropdownItemStyle.value("small")}
|
||||||
onClick={() => (size.value = "small")}
|
onClick={() => (size.value = "small")}
|
||||||
>
|
>
|
||||||
紧凑
|
{transformI18n($t("tableBar.pureSmall"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
)
|
)
|
||||||
@@ -245,7 +245,9 @@ export default defineComponent({
|
|||||||
reference: () => (
|
reference: () => (
|
||||||
<SettingIcon
|
<SettingIcon
|
||||||
class={["w-[16px]", iconClass.value]}
|
class={["w-[16px]", iconClass.value]}
|
||||||
v-tippy={rendTippyProps("列设置")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureColumnSettings"))
|
||||||
|
)}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
};
|
};
|
||||||
@@ -268,7 +270,7 @@ export default defineComponent({
|
|||||||
{slots?.title ? (
|
{slots?.title ? (
|
||||||
slots.title()
|
slots.title()
|
||||||
) : (
|
) : (
|
||||||
<p class="font-bold truncate">{props.title}</p>
|
<p class="font-bold truncate">{transformI18n(props.title)}</p>
|
||||||
)}
|
)}
|
||||||
<div class="flex items-center justify-around">
|
<div class="flex items-center justify-around">
|
||||||
{slots?.buttons ? (
|
{slots?.buttons ? (
|
||||||
@@ -282,7 +284,9 @@ export default defineComponent({
|
|||||||
transform: isExpandAll.value ? "none" : "rotate(-90deg)"
|
transform: isExpandAll.value ? "none" : "rotate(-90deg)"
|
||||||
}}
|
}}
|
||||||
v-tippy={rendTippyProps(
|
v-tippy={rendTippyProps(
|
||||||
isExpandAll.value ? "折叠" : "展开"
|
isExpandAll.value
|
||||||
|
? transformI18n($t("tableBar.pureCollapse"))
|
||||||
|
: transformI18n($t("tableBar.pureExpand"))
|
||||||
)}
|
)}
|
||||||
onClick={() => onExpand()}
|
onClick={() => onExpand()}
|
||||||
/>
|
/>
|
||||||
@@ -295,14 +299,18 @@ export default defineComponent({
|
|||||||
iconClass.value,
|
iconClass.value,
|
||||||
loading.value ? "animate-spin" : ""
|
loading.value ? "animate-spin" : ""
|
||||||
]}
|
]}
|
||||||
v-tippy={rendTippyProps("刷新")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureRefresh"))
|
||||||
|
)}
|
||||||
onClick={() => onReFresh()}
|
onClick={() => onReFresh()}
|
||||||
/>
|
/>
|
||||||
<el-divider direction="vertical" />
|
<el-divider direction="vertical" />
|
||||||
<el-dropdown
|
<el-dropdown
|
||||||
v-slots={dropdown}
|
v-slots={dropdown}
|
||||||
trigger="click"
|
trigger="click"
|
||||||
v-tippy={rendTippyProps("密度")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureDensity"))
|
||||||
|
)}
|
||||||
>
|
>
|
||||||
<CollapseIcon class={["w-[16px]", iconClass.value]} />
|
<CollapseIcon class={["w-[16px]", iconClass.value]} />
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -318,13 +326,13 @@ export default defineComponent({
|
|||||||
<div class={[topClass.value]}>
|
<div class={[topClass.value]}>
|
||||||
<el-checkbox
|
<el-checkbox
|
||||||
class="-mr-1!"
|
class="-mr-1!"
|
||||||
label="列展示"
|
label={transformI18n($t("tableBar.pureColumnDisplay"))}
|
||||||
v-model={checkAll.value}
|
v-model={checkAll.value}
|
||||||
indeterminate={isIndeterminate.value}
|
indeterminate={isIndeterminate.value}
|
||||||
onChange={value => handleCheckAllChange(value)}
|
onChange={value => handleCheckAllChange(value)}
|
||||||
/>
|
/>
|
||||||
<el-button type="primary" link onClick={() => onReset()}>
|
<el-button type="primary" link onClick={() => onReset()}>
|
||||||
重置
|
{transformI18n($t("tableBar.pureReset"))}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -382,7 +390,11 @@ export default defineComponent({
|
|||||||
<iconifyIconOffline
|
<iconifyIconOffline
|
||||||
class={["w-[16px]", iconClass.value]}
|
class={["w-[16px]", iconClass.value]}
|
||||||
icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
|
icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
|
||||||
v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
|
v-tippy={
|
||||||
|
isFullscreen.value
|
||||||
|
? transformI18n($t("tableBar.pureExitFullScreen"))
|
||||||
|
: transformI18n($t("tableBar.pureFullScreen"))
|
||||||
|
}
|
||||||
onClick={() => onFullscreen()}
|
onClick={() => onFullscreen()}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user