perf: 升级依赖

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "site-web",
+  "name": "gui-web",
   "description": "Gui Web",
   "version": "1.0.0",
   "type": "module",
@@ -13,7 +13,8 @@
     "preview": "npm run build && vite preview --host",
     "type:check": "vue-tsc --noEmit --skipLibCheck",
     "lint-staged": "npx lint-staged",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "remove": "rm -rf node_modules pnpm-lock.yaml"
   },
   "lint-staged": {
     "*.{js,ts,jsx,tsx}": [
@@ -32,72 +33,72 @@
   },
   "dependencies": {
     "@arco-design/web-vue": ">=2.57.0",
-    "@vueuse/core": "^13.8.0",
-    "axios": "^1.11.0",
-    "dayjs": "^1.11.5",
+    "@vueuse/core": "^13.9.0",
+    "axios": "^1.12.2",
+    "dayjs": "^1.11.18",
     "lodash": "^4.17.21",
-    "mitt": "^3.0.0",
+    "mitt": "^3.0.1",
     "nprogress": "^0.2.0",
     "pinia": "^3.0.3",
-    "query-string": "^8.0.3",
+    "query-string": "^9.3.1",
     "sortablejs": "^1.15.6",
-    "vue": "^3.5.20",
-    "vue-i18n": "^11.1.11",
+    "vue": "^3.5.22",
+    "vue-i18n": "^11.1.12",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.57.0",
-    "@arco-plugins/vite-vue": "^1.4.5",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@eslint/js": "^9.34.0",
+    "@arco-plugins/vite-vue": "^1.4.6",
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@eslint/js": "^9.36.0",
     "@types/lodash": "^4.17.20",
     "@types/minimatch": "^6.0.0",
     "@types/mockjs": "^1.0.7",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
-    "@typescript-eslint/eslint-plugin": "^8.41.0",
-    "@typescript-eslint/parser": "^8.41.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/babel-plugin-jsx": "^1.1.1",
+    "@typescript-eslint/eslint-plugin": "^8.45.0",
+    "@typescript-eslint/parser": "^8.45.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "5.1.1",
+    "@vue/babel-plugin-jsx": "^1.5.0",
     "consola": "^3.4.2",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.34.0",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.36.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-vue": "^10.4.0",
-    "globals": "^16.3.0",
-    "husky": "^8.0.1",
-    "jiti": "^2.5.1",
+    "eslint-plugin-vue": "^10.5.0",
+    "globals": "^16.4.0",
+    "husky": "^9.1.7",
+    "jiti": "^2.6.0",
     "less": "^4.4.1",
-    "lint-staged": "^13.3.0",
-    "minimatch": "^3.1.2",
+    "lint-staged": "^16.2.3",
+    "minimatch": "10.0.3",
     "mockjs": "^1.1.0",
     "postcss": "8.4.47",
-    "postcss-html": "1.7.0",
-    "prettier": "^2.7.1",
-    "rollup": "^4.48.1",
+    "postcss-html": "1.8.0",
+    "prettier": "^3.6.1",
+    "rollup": "^4.52.3",
     "rollup-plugin-visualizer": "^6.0.3",
-    "stylelint": "^16.17.0",
+    "stylelint": "^16.24.0",
     "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-recommended-vue": "^1.5.0",
-    "stylelint-config-standard": "^37.0.0",
-    "stylelint-order": "^6.0.4",
+    "stylelint-config-recommended-vue": "^1.6.1",
+    "stylelint-config-standard": "^39.0.0",
+    "stylelint-order": "^7.0.0",
     "typescript": "^5.9.2",
-    "typescript-eslint": "^8.41.0",
-    "unplugin-vue-components": "^0.27.0",
-    "vite": "^6.2.0",
+    "typescript-eslint": "^8.45.0",
+    "unplugin-vue-components": "^29.1.0",
+    "vite": "^7.1.7",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-imagemin": "^0.6.1",
-    "vite-svg-loader": "^3.6.0",
-    "vue-tsc": "^2.0.0"
+    "vite-svg-loader": "^5.1.0",
+    "vue-tsc": "^3.1.0"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.20.0"
   },
   "resolutions": {
     "bin-wrapper": "npm:bin-wrapper-china",

src/config/settings.json

@@ -8,7 +8,7 @@
   "menuCollapse": false,
   "footer": false,
   "themeColor": "#165DFF",
-  "menuWidth": 200,
+  "menuWidth": 180,
   "globalSettings": false,
   "device": "desktop",
   "tabBar": false,

src/layout/default-layout.vue

@@ -17,7 +17,10 @@
           :hide-trigger="true"
           @collapse="setCollapsed"
         >
-          <div class="left-side">
+          <div
+            class="left-side"
+            :style="{ paddingLeft: collapsed ? '10px' : '20px' }"
+          >
             <a-space>
               <img
                 alt="logo"
@@ -28,7 +31,7 @@
                 :heading="5"
                 v-if="!collapsed"
               >
-                gui-web
+                GUI
               </a-typography-title>
             </a-space>
           </div>
@@ -168,9 +171,9 @@ onMounted(() => {
 .left-side {
   display: flex;
   align-items: center;
+  justify-content: start;
   width: 180px;
   height: 30px;
-  padding-left: 10px;
   overflow: hidden;
 }