perf: 优化系统配置面板 (#1255)

.nvmrc

@@ -1 +1 @@
-v22.20.0
+v24.12.0

package.json

@@ -56,7 +56,7 @@
     "@pureadmin/table": "^3.3.0",
     "@pureadmin/utils": "^2.6.3",
     "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.48.0",
+    "@vue-flow/core": "^1.48.1",
     "@vueuse/core": "^14.1.0",
     "@vueuse/motion": "^3.0.3",
     "@wangeditor/editor": "^5.1.23",
@@ -72,7 +72,7 @@
     "deep-chat": "^2.3.0",
     "echarts": "^6.0.0",
     "el-table-infinite-scroll": "^3.0.8",
-    "element-plus": "^2.12.0",
+    "element-plus": "^2.13.0",
     "highlight.js": "^11.11.1",
     "intro.js": "^7.2.0",
     "js-cookie": "^3.0.5",
@@ -96,11 +96,11 @@
     "v3-infinite-loading": "^1.3.2",
     "vditor": "^3.11.2",
     "version-rocket": "^1.7.4",
-    "vue": "^3.5.25",
-    "vue-i18n": "^11.2.2",
+    "vue": "^3.5.26",
+    "vue-i18n": "^11.2.7",
     "vue-json-pretty": "^2.6.0",
     "vue-pdf-embed": "^2.1.3",
-    "vue-router": "^4.6.3",
+    "vue-router": "^4.6.4",
     "vue-tippy": "^6.7.1",
     "vue-types": "^6.0.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
@@ -117,29 +117,29 @@
     "@commitlint/cli": "^20.2.0",
     "@commitlint/config-conventional": "^20.2.0",
     "@commitlint/types": "^20.2.0",
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
     "@faker-js/faker": "^10.1.0",
-    "@iconify/json": "^2.2.416",
+    "@iconify/json": "^2.2.417",
     "@iconify/vue": "4.2.0",
-    "@intlify/unplugin-vue-i18n": "^11.0.1",
-    "@tailwindcss/vite": "^4.1.17",
+    "@intlify/unplugin-vue-i18n": "^11.0.3",
+    "@tailwindcss/vite": "^4.1.18",
     "@types/codemirror": "^5.60.17",
     "@types/dagre": "^0.7.53",
     "@types/intro.js": "^5.1.5",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.26",
+    "@types/node": "^20.19.27",
     "@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.2",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vitejs/plugin-vue-jsx": "^5.1.2",
     "boxen": "^8.0.1",
-    "code-inspector-plugin": "^1.3.0",
+    "code-inspector-plugin": "^1.3.3",
     "cssnano": "^7.1.2",
     "dagre": "^0.8.5",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-vue": "^10.6.2",
@@ -153,18 +153,18 @@
     "prettier": "^3.7.4",
     "rimraf": "^6.1.2",
     "rollup-plugin-visualizer": "^6.0.5",
-    "sass": "^1.95.1",
+    "sass": "^1.97.1",
     "stylelint": "^16.26.1",
     "stylelint-config-recess-order": "^7.4.0",
     "stylelint-config-recommended-vue": "^1.6.1",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
     "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.17",
-    "typescript": "6.0.0-dev.20251221",
-    "typescript-eslint": "^8.49.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.0",
     "unplugin-icons": "^22.5.0",
-    "vite": "^7.2.7",
+    "vite": "^7.3.0",
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-fake-server": "^2.2.2",
@@ -172,7 +172,7 @@
     "vite-plugin-router-warn": "^2.0.0",
     "vite-svg-loader": "^5.1.0",
     "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.1.8"
+    "vue-tsc": "^3.2.1"
   },
   "engines": {
     "node": "^20.19.0 || >=22.13.0",

src/layout/components/lay-panel/index.vue

@@ -51,7 +51,7 @@ onBeforeUnmount(() => {
     <div class="right-panel-background" />
     <div ref="target" class="right-panel bg-bg_color">
       <div
-        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
+        class="flex-bc py-3 px-5 border-0 border-l border-solid border-(--pure-border-color)"
       >
         <h4 class="dark:text-white">
           {{ t("panel.pureSystemSet") }}
@@ -73,12 +73,14 @@ onBeforeUnmount(() => {
           />
         </span>
       </div>
-      <el-scrollbar>
+      <el-scrollbar
+        class="border-y border-l border-r-0 border-solid border-(--pure-border-color) h-[calc(100vh-104px)]!"
+      >
         <slot />
       </el-scrollbar>
 
       <div
-        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
+        class="flex justify-end p-3 border-0 border-l border-solid border-(--pure-border-color)"
       >
         <el-button
           v-tippy="{
@@ -99,10 +101,6 @@ onBeforeUnmount(() => {
 </template>
 
 <style lang="scss" scoped>
-:deep(.el-scrollbar) {
-  height: calc(100vh - 110px);
-}
-
 .right-panel-background {
   position: fixed;
   top: 0;
@@ -139,11 +137,4 @@ onBeforeUnmount(() => {
     transform: translate(0);
   }
 }
-
-.project-configuration {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 20px;
-}
 </style>

src/style/dark.scss

@@ -135,17 +135,6 @@ html.dark {
     }
   }
 
-  /* 系统配置面板 */
-  .right-panel-items {
-    .el-divider__text {
-      --el-bg-color: var(--el-bg-color);
-    }
-
-    .el-divider--horizontal {
-      border-top: none;
-    }
-  }
-
   /* 表单设计器 */
   .design-form {
     .el-main.config-content,

src/views/tabs/index.vue

@@ -102,7 +102,6 @@ function onCloseTags() {
       default-expand-all
       :props="{
         label: data => transformI18n(data.meta.title),
-        value: 'uniqueId',
         children: 'children',
         disabled: 'disabled'
       }"

tsconfig.json

@@ -15,6 +15,7 @@
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "sourceMap": true,
+    "baseUrl": ".",
     "allowJs": false,
     "resolveJsonModule": true,
     "lib": [
@@ -23,10 +24,10 @@
     ],
     "paths": {
       "@/*": [
-        "./src/*"
+        "src/*"
       ],
       "@build/*": [
-        "./build/*"
+        "build/*"
       ]
     },
     "types": [

types/shims-vue.d.ts

@@ -13,6 +13,3 @@ declare module "*.scss" {
 declare module "vue3-puzzle-vcode";
 declare module "vue-virtual-scroller";
 declare module "vuedraggable/src/vuedraggable";
-declare module "swiper/css";
-declare module "swiper/css/navigation";
-declare module "swiper/css/pagination";