Compare commits

..

4 Commits

Author SHA1 Message Date
xiaoxian521
f8087a3491 chore(deps): update 2026-02-13 16:02:04 +08:00
xiaoxian521
ebe1826492 fix: 修复标签页操作示例在切换国际化时报错 2026-02-06 10:46:21 +08:00
xiaoxian521
7b2dcdddca chore: 升级依赖,相关兼容处理 2026-02-05 10:31:12 +08:00
Yorlg
986e6e5104 perf(layout): 优化消息通知小红点显示逻辑 (#1265) 2026-02-03 19:00:23 +08:00
19 changed files with 1440 additions and 1396 deletions

3
.gitignore vendored
View File

@@ -1,9 +1,10 @@
node_modules
.DS_Store
dist
dist-ssr
*.local
.eslintcache
report.html
dist
vite.config.*.timestamp*
yarn.lock

8
.husky/commit-msg Executable file
View File

@@ -0,0 +1,8 @@
#!/bin/sh
# shellcheck source=./_/husky.sh
. "$(dirname "$0")/_/husky.sh"
PATH="/usr/local/bin:$PATH"
pnpm dlx commitlint --edit "$1"

9
.husky/common.sh Normal file
View File

@@ -0,0 +1,9 @@
#!/bin/sh
command_exists () {
command -v "$1" >/dev/null 2>&1
}
# Workaround for Windows 10, Git Bash and Pnpm
if command_exists winpty && test -t 1; then
exec < /dev/tty
fi

10
.husky/pre-commit Executable file
View File

@@ -0,0 +1,10 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
. "$(dirname "$0")/common.sh"
[ -n "$CI" ] && exit 0
PATH="/usr/local/bin:$PATH"
# Perform lint check on files in the staging area through .lintstagedrc configuration
pnpm exec lint-staged

View File

@@ -1,94 +1,84 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
/>
<title>vue-pure-admin</title>
<link rel="icon" href="/favicon.ico" />
</head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<title>vue-pure-admin</title>
<link rel="icon" href="/favicon.ico" />
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script")
hm.src = "https://hm.baidu.com/hm.js?d3824e75ef2bf6d851035f74ae1aec68"
var s = document.getElementsByTagName("script")[0]
s.parentNode.insertBefore(hm, s)
})();
</script>
</head>
<body>
<div id="app">
<style>
html,
body,
#app {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.loader,
.loader::before,
.loader::after {
width: 2.5em;
height: 2.5em;
border-radius: 50%;
animation: load-animation 1.8s infinite ease-in-out;
animation-fill-mode: both;
}
.loader {
position: relative;
top: 0;
margin: 80px auto;
font-size: 10px;
color: #406eeb;
text-indent: -9999em;
transform: translateZ(0);
transform: translate(-50%, 0);
animation-delay: -0.16s;
}
.loader::before,
.loader::after {
position: absolute;
top: 0;
content: "";
}
.loader::before {
left: -3.5em;
animation-delay: -0.32s;
}
.loader::after {
left: 3.5em;
}
@keyframes load-animation {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
<body>
<div id="app">
<style>
html,
body,
#app {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
}
40% {
box-shadow: 0 2.5em 0 0;
.loader,
.loader::before,
.loader::after {
width: 2.5em;
height: 2.5em;
border-radius: 50%;
animation: load-animation 1.8s infinite ease-in-out;
animation-fill-mode: both;
}
}
</style>
<div class="loader"></div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
.loader {
position: relative;
top: 0;
margin: 80px auto;
font-size: 10px;
color: #406eeb;
text-indent: -9999em;
transform: translateZ(0);
transform: translate(-50%, 0);
animation-delay: -0.16s;
}
.loader::before,
.loader::after {
position: absolute;
top: 0;
content: "";
}
.loader::before {
left: -3.5em;
animation-delay: -0.32s;
}
.loader::after {
left: 3.5em;
}
@keyframes load-animation {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
</style>
<div class="loader"></div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

View File

@@ -57,22 +57,22 @@
"@pureadmin/utils": "^2.6.4",
"@vue-flow/background": "^1.3.2",
"@vue-flow/core": "^1.48.2",
"@vueuse/core": "^14.1.0",
"@vueuse/core": "^14.2.1",
"@vueuse/motion": "^3.0.3",
"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.12",
"@zxcvbn-ts/core": "^3.0.4",
"animate.css": "^4.1.1",
"axios": "^1.13.4",
"axios": "^1.13.5",
"china-area-data": "^5.0.1",
"codemirror": "^5.65.20",
"codemirror": "^5.65.21",
"codemirror-editor-vue3": "^2.8.0",
"cropperjs": "^1.6.2",
"dayjs": "^1.11.19",
"deep-chat": "^2.4.1",
"deep-chat": "^2.4.2",
"echarts": "^6.0.0",
"el-table-infinite-scroll": "^3.0.8",
"element-plus": "^2.13.1",
"element-plus": "^2.13.2",
"highlight.js": "^11.11.1",
"intro.js": "^7.2.0",
"js-cookie": "^3.0.5",
@@ -87,20 +87,20 @@
"pinyin-pro": "^3.28.0",
"plus-pro-components": "^0.1.30",
"qrcode": "^1.5.4",
"qs": "^6.14.1",
"qs": "^6.14.2",
"responsive-storage": "^2.2.0",
"sortablejs": "^1.15.6",
"sortablejs": "^1.15.7",
"swiper": "^12.1.0",
"typeit": "^8.8.7",
"v-contextmenu": "^3.2.0",
"v3-infinite-loading": "^1.3.2",
"vditor": "^3.11.2",
"version-rocket": "^1.7.4",
"vue": "^3.5.27",
"vue": "^3.5.28",
"vue-i18n": "^11.2.8",
"vue-json-pretty": "^2.6.0",
"vue-pdf-embed": "^2.1.3",
"vue-router": "^4.6.4",
"vue-router": "^5.0.2",
"vue-tippy": "^6.7.1",
"vue-types": "^6.0.0",
"vue-virtual-scroller": "2.0.0-beta.8",
@@ -114,12 +114,12 @@
"xlsx": "^0.18.5"
},
"devDependencies": {
"@commitlint/cli": "^20.3.1",
"@commitlint/config-conventional": "^20.3.1",
"@commitlint/types": "^20.3.1",
"@commitlint/cli": "^20.4.1",
"@commitlint/config-conventional": "^20.4.1",
"@commitlint/types": "^20.4.0",
"@eslint/js": "^9.39.2",
"@faker-js/faker": "^10.2.0",
"@iconify/json": "^2.2.432",
"@faker-js/faker": "^10.3.0",
"@iconify/json": "^2.2.439",
"@iconify/vue": "4.2.0",
"@intlify/unplugin-vue-i18n": "^11.0.3",
"@tailwindcss/vite": "^4.1.18",
@@ -127,16 +127,16 @@
"@types/dagre": "^0.7.53",
"@types/intro.js": "^5.1.5",
"@types/js-cookie": "^3.0.6",
"@types/node": "^20.19.30",
"@types/node": "^20.19.33",
"@types/nprogress": "^0.2.3",
"@types/path-browserify": "^1.0.3",
"@types/qrcode": "^1.5.6",
"@types/qs": "^6.14.0",
"@types/sortablejs": "^1.15.9",
"@vitejs/plugin-vue": "^6.0.3",
"@vitejs/plugin-vue-jsx": "^5.1.3",
"@vitejs/plugin-vue": "^6.0.4",
"@vitejs/plugin-vue-jsx": "^5.1.4",
"boxen": "^8.0.1",
"code-inspector-plugin": "^1.4.1",
"code-inspector-plugin": "^1.4.2",
"cssnano": "^7.1.2",
"dagre": "^0.8.5",
"eslint": "^9.39.2",
@@ -154,15 +154,15 @@
"rimraf": "^6.1.2",
"rollup-plugin-visualizer": "^6.0.5",
"sass": "^1.97.3",
"stylelint": "^17.0.0",
"stylelint-config-recess-order": "^7.6.0",
"stylelint": "^17.2.0",
"stylelint-config-recess-order": "^7.6.1",
"stylelint-config-recommended-vue": "^1.6.1",
"stylelint-config-standard-scss": "^17.0.0",
"stylelint-prettier": "^5.0.3",
"svgo": "^4.0.0",
"tailwindcss": "^4.1.18",
"typescript": "^5.9.3",
"typescript-eslint": "^8.54.0",
"typescript-eslint": "^8.55.0",
"unplugin-icons": "^23.0.1",
"vite": "^7.3.1",
"vite-plugin-cdn-import": "^1.0.1",
@@ -206,4 +206,4 @@
"vue3-danmaku"
]
}
}
}

2502
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@@ -18,7 +18,6 @@ import en from "element-plus/es/locale/lang/en";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import plusEn from "plus-pro-components/es/locale/lang/en";
import plusZhCn from "plus-pro-components/es/locale/lang/zh-cn";
import { ElNotification } from "element-plus";
export default defineComponent({
name: "app",
@@ -67,32 +66,6 @@ export default defineComponent({
}
);
}
},
mounted() {
ElNotification({
title: "高级服务",
duration: 0,
customClass: "fullpage-notification",
// @ts-expect-error
style: { width: "260px" },
position: "bottom-right",
dangerouslyUseHTMLString: true,
message: `
<a target='_blank' class='block text-base text-center border mt-4 rounded hover:text-[red]!' href='https://pure-admin.cn/pages/service'>
补差价活动即将结束!
</a>
`
});
}
});
</script>
<style>
.fullpage-notification > .el-notification__group > .el-notification__closeBtn {
top: 15px;
}
.fullpage-notification > div > h2 {
color: red;
font-size: 18px;
}
</style>

View File

@@ -8,7 +8,7 @@ const TITLE = getConfig("Title");
<footer
class="layout-footer text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
>
Copyright © 2020-2025
Copyright © 2020-present
<a
class="hover:text-primary!"
href="https://github.com/pure-admin"
@@ -16,23 +16,12 @@ const TITLE = getConfig("Title");
>
&nbsp;{{ TITLE }}
</a>
<!-- <div class="ml-8">
<span>赞助商</span>
<a
class="hover:text-primary"
href="https://ai-tools.cn/resume/start"
target="_blank"
>
二猫 AI 简历
</a>
</div> -->
</footer>
</template>
<style lang="scss" scoped>
.layout-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;

View File

@@ -24,6 +24,12 @@ const currentNoticeHasData = computed(() => {
return currentNotice && currentNotice.list.length > 0;
});
const hasAnyNoticeData = computed(() => {
return notices.value.some(
item => Array.isArray(item.list) && item.list.length > 0
);
});
const onWatchMore = () => {
dropdownRef.value.handleClose();
};
@@ -43,7 +49,7 @@ const onMarkAsRead = () => {
<span
:class="['dropdown-badge', 'navbar-bg-hover', 'select-none', 'mr-[7px]']"
>
<el-badge is-dot>
<el-badge is-dot :hidden="!hasAnyNoticeData">
<span class="header-notice-icon">
<IconifyIconOffline :icon="BellIcon" />
</span>

View File

@@ -233,7 +233,6 @@
.is-active.submenu-title-noDropdown.outer-most > * {
z-index: 1;
color: #fff;
background: transparent !important;
}
.is-active.submenu-title-noDropdown.outer-most::before {

View File

@@ -56,13 +56,13 @@ onMounted(() => {
:avatars="{
default: {
styles: {
position: 'left',
position: 'start',
container: { marginLeft: '12px', marginRight: '5px' }
}
},
ai: {
src: 'https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/chatai/gemini.png',
styles: { position: 'left', avatar: { paddingTop: '6px' } }
styles: { position: 'start', avatar: { paddingTop: '6px' } }
}
}"
:speechToText="{
@@ -80,11 +80,11 @@ onMounted(() => {
},
svg: { styles: { default: { bottom: '0.35em', left: '0.35em' } } }
},
position: 'inside-right'
position: 'inside-end'
}
}"
:submitButtonStyles="{
position: 'outside-right',
position: 'outside-end',
submit: {
container: {
default: {

View File

@@ -89,7 +89,7 @@ onMounted(() => {
}
}"
:submitButtonStyles="{
position: 'outside-right',
position: 'outside-end',
submit: {
container: {
default: {

View File

@@ -46,7 +46,7 @@ onMounted(() => {
}
}"
:avatars="{
default: { styles: { position: 'left' } },
default: { styles: { position: 'start' } },
ai: { src: 'https://xiaoxian521.github.io/hyperlink/svg/openai.svg' }
}"
:submitButtonStyles="{

View File

@@ -22,7 +22,7 @@ onMounted(() => {
style="border-radius: 8px"
:speechToText="{
webSpeech: { language: 'zh-CN' },
button: { position: 'outside-left' }
button: { position: 'outside-start' }
}"
:textInput="{
placeholder: { text: '发送消息' }

View File

@@ -68,7 +68,7 @@ const shortcuts1 = [
const value3 = ref("");
const datePickerRef = ref();
const placement = ref("auto");
const placement = ref("auto") as any;
const checkTag = ref([
{
title: "auto", // https://popper.js.org/docs/v2/constructors/#options

View File

@@ -334,9 +334,9 @@ watch(loginDay, value => {
</div>
</div>
<div
class="w-full flex-c flex-wrap absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
class="w-full flex-c absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
>
Copyright © 2020-2025
Copyright © 2020-present
<a
class="hover:text-primary!"
href="https://github.com/pure-admin"
@@ -344,16 +344,6 @@ watch(loginDay, value => {
>
&nbsp;{{ title }}
</a>
<!-- <div class="ml-8">
<span>赞助商:</span>
<a
class="hover:text-primary"
href="https://ai-tools.cn/resume/start"
target="_blank"
>
二猫 AI 简历
</a>
</div> -->
</div>
</div>
</template>

View File

@@ -4,6 +4,7 @@ import {
getNodeByUniqueId,
appendFieldByUniqueId
} from "@/utils/tree";
import { useI18n } from "vue-i18n";
import { useDetail } from "./hooks";
import { ref, computed } from "vue";
import { clone } from "@pureadmin/utils";
@@ -15,6 +16,7 @@ defineOptions({
name: "Tabs"
});
const { locale } = useI18n();
const { toDetail, router } = useDetail();
const menusTree = clone(usePermissionStoreHook().wholeMenus, true);
@@ -30,6 +32,12 @@ const multiTags = computed(() => {
return useMultiTagsStoreHook()?.multiTags;
});
const treeSelectProps = {
label: (data: any) => transformI18n(data.meta.title),
children: "children",
disabled: "disabled"
};
function onCloseTags() {
if (currentValues.value.length === 0) return;
currentValues.value.forEach(uniqueId => {
@@ -92,6 +100,7 @@ function onCloseTags() {
<el-divider />
<el-tree-select
:key="locale"
v-model="currentValues"
class="w-[300px]!"
node-key="uniqueId"
@@ -100,11 +109,7 @@ function onCloseTags() {
multiple
filterable
default-expand-all
:props="{
label: data => transformI18n(data.meta.title),
children: 'children',
disabled: 'disabled'
}"
:props="treeSelectProps"
:data="treeData"
>
<template #default="{ data }">

View File

@@ -59,4 +59,4 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
__APP_INFO__: JSON.stringify(__APP_INFO__)
}
};
};
};