From 3c0f01eb3619a119dc4b927e6e1d4d5e3bd331bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Sat, 27 Dec 2025 16:19:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=B8=8A=E4=BC=A0=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=92=8C=E6=96=87=E7=AB=A0=E5=8F=91=E5=B8=83=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components.d.ts                      |    5 +-
 frontend/package-lock.json                    | 1372 +----------------
 frontend/package.json                         |    1 +
 frontend/src/api/api.ts                       |   30 +-
 frontend/src/api/article.ts                   |   49 +
 frontend/src/api/resource.ts                  |   43 +-
 frontend/src/main.ts                          |   10 +-
 frontend/src/router/index.ts                  |   63 +
 frontend/src/views/components/QuillEditor.vue |  172 +++
 frontend/src/views/components/README.md       |  137 ++
 frontend/src/views/test-editor.vue            |  102 ++
 .../src/views/user/profile/articlePublish.vue |  569 -------
 .../src/views/user/profile/editArticle.vue    |  470 ++++++
 .../src/views/user/profile/editResource.vue   |  364 +++++
 frontend/src/views/user/profile/index.vue     |   98 +-
 .../src/views/user/profile/listArticle.vue    |  390 +++++
 .../src/views/user/profile/listResource.vue   |  434 ++++++
 frontend/src/views/user/profile/messages.vue  |  294 ++--
 .../views/user/profile/resourcePublish.vue    |  685 --------
 frontend/src/views/user/profile/wallet.vue    |  242 +--
 frontend/vite.config.ts                       |   15 +-
 21 files changed, 2664 insertions(+), 2881 deletions(-)
 create mode 100644 frontend/src/views/components/QuillEditor.vue
 create mode 100644 frontend/src/views/components/README.md
 create mode 100644 frontend/src/views/test-editor.vue
 delete mode 100644 frontend/src/views/user/profile/articlePublish.vue
 create mode 100644 frontend/src/views/user/profile/editArticle.vue
 create mode 100644 frontend/src/views/user/profile/editResource.vue
 create mode 100644 frontend/src/views/user/profile/listArticle.vue
 create mode 100644 frontend/src/views/user/profile/listResource.vue
 delete mode 100644 frontend/src/views/user/profile/resourcePublish.vue

diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 3368455..050d703 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -12,8 +12,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
-    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
-    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
@@ -23,7 +21,6 @@ declare module 'vue' {
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
-    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
@@ -36,8 +33,8 @@ declare module 'vue' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
-    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 87da438..a1ac6e3 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11,6 +11,7 @@
         "axios": "^1.13.2",
         "element-plus": "^2.13.0",
         "pinia": "^3.0.4",
+        "quill": "^2.0.3",
         "unplugin-auto-import": "^20.3.0",
         "unplugin-vue-components": "^30.0.0",
         "vue": "^3.5.24",
@@ -29,8 +30,6 @@
     },
     "node_modules/@babel/helper-string-parser": {
       "version": "7.27.1",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -38,8 +37,6 @@
     },
     "node_modules/@babel/helper-validator-identifier": {
       "version": "7.28.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -47,8 +44,6 @@
     },
     "node_modules/@babel/parser": {
       "version": "7.28.5",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.28.5.tgz",
-      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.28.5"
@@ -62,8 +57,6 @@
     },
     "node_modules/@babel/types": {
       "version": "7.28.5",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.28.5.tgz",
-      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -75,8 +68,6 @@
     },
     "node_modules/@ctrl/tinycolor": {
       "version": "3.6.1",
-      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
-      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -84,442 +75,13 @@
     },
     "node_modules/@element-plus/icons-vue": {
       "version": "2.3.2",
-      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
-      "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
       "license": "MIT",
       "peerDependencies": {
         "vue": "^3.2.0"
       }
     },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
-      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
-      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
-      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
-      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
-      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
-      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
-      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
-      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
-      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
-      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
-      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
-      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
-      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
-      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
-      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
-      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
-      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
-      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
-      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
-      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@esbuild/win32-x64": {
       "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
-      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
       "cpu": [
         "x64"
       ],
@@ -535,8 +97,6 @@
     },
     "node_modules/@floating-ui/core": {
       "version": "1.7.3",
-      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.7.3.tgz",
-      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.10"
@@ -544,8 +104,6 @@
     },
     "node_modules/@floating-ui/dom": {
       "version": "1.7.4",
-      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.7.4.tgz",
-      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/core": "^1.7.3",
@@ -554,14 +112,10 @@
     },
     "node_modules/@floating-ui/utils": {
       "version": "0.2.10",
-      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.10.tgz",
-      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -570,8 +124,6 @@
     },
     "node_modules/@jridgewell/remapping": {
       "version": "2.3.5",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -580,8 +132,6 @@
     },
     "node_modules/@jridgewell/resolve-uri": {
       "version": "3.1.2",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -589,14 +139,10 @@
     },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -605,8 +151,6 @@
     },
     "node_modules/@parcel/watcher": {
       "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.5.1.tgz",
-      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -641,274 +185,8 @@
         "@parcel/watcher-win32-x64": "2.5.1"
       }
     },
-    "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
-      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
-      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
-      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
-      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
-      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
-      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
-      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
-      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
-      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
-      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
-      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
-      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
     "node_modules/@parcel/watcher-win32-x64": {
       "version": "2.5.1",
-      "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
-      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
       "cpu": [
         "x64"
       ],
@@ -930,8 +208,6 @@
     "node_modules/@popperjs/core": {
       "name": "@sxzz/popperjs-es",
       "version": "2.11.7",
-      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -940,295 +216,11 @@
     },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.53",
-      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.53.tgz",
-      "integrity": "sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.54.0.tgz",
-      "integrity": "sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.54.0.tgz",
-      "integrity": "sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.54.0.tgz",
-      "integrity": "sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.54.0.tgz",
-      "integrity": "sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.54.0.tgz",
-      "integrity": "sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.54.0.tgz",
-      "integrity": "sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.54.0.tgz",
-      "integrity": "sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.54.0.tgz",
-      "integrity": "sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.54.0.tgz",
-      "integrity": "sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.54.0.tgz",
-      "integrity": "sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.54.0.tgz",
-      "integrity": "sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.54.0.tgz",
-      "integrity": "sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.54.0.tgz",
-      "integrity": "sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.54.0.tgz",
-      "integrity": "sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.54.0.tgz",
-      "integrity": "sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.54.0.tgz",
-      "integrity": "sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.54.0.tgz",
-      "integrity": "sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.54.0.tgz",
-      "integrity": "sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.54.0.tgz",
-      "integrity": "sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.54.0.tgz",
-      "integrity": "sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
       "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.54.0.tgz",
-      "integrity": "sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==",
       "cpu": [
         "x64"
       ],
@@ -1241,8 +233,6 @@
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
       "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.54.0.tgz",
-      "integrity": "sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==",
       "cpu": [
         "x64"
       ],
@@ -1255,20 +245,14 @@
     },
     "node_modules/@types/estree": {
       "version": "1.0.8",
-      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "license": "MIT"
     },
     "node_modules/@types/lodash": {
       "version": "4.17.21",
-      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==",
       "license": "MIT"
     },
     "node_modules/@types/lodash-es": {
       "version": "4.17.12",
-      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
-      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
       "license": "MIT",
       "dependencies": {
         "@types/lodash": "*"
@@ -1276,8 +260,6 @@
     },
     "node_modules/@types/node": {
       "version": "24.10.4",
-      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.10.4.tgz",
-      "integrity": "sha512-vnDVpYPMzs4wunl27jHrfmwojOGKya0xyM3sH+UE5iv5uPS6vX7UIoh6m+vQc5LGBq52HBKPIn/zcSZVzeDEZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1286,14 +268,10 @@
     },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.20",
-      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
       "license": "MIT"
     },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.3",
-      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.3.tgz",
-      "integrity": "sha512-TlGPkLFLVOY3T7fZrwdvKpjprR3s4fxRln0ORDo1VQ7HHyxJwTlrjKU3kpVWTlaAjIEuCTokmjkZnr8Tpc925w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1309,8 +287,6 @@
     },
     "node_modules/@volar/language-core": {
       "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.27.tgz",
-      "integrity": "sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1319,15 +295,11 @@
     },
     "node_modules/@volar/source-map": {
       "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.27.tgz",
-      "integrity": "sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@volar/typescript": {
       "version": "2.4.27",
-      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.27.tgz",
-      "integrity": "sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1338,8 +310,6 @@
     },
     "node_modules/@vue/compiler-core": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.26.tgz",
-      "integrity": "sha512-vXyI5GMfuoBCnv5ucIT7jhHKl55Y477yxP6fc4eUswjP8FG3FFVFd41eNDArR+Uk3QKn2Z85NavjaxLxOC19/w==",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.28.5",
@@ -1351,8 +321,6 @@
     },
     "node_modules/@vue/compiler-dom": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.26.tgz",
-      "integrity": "sha512-y1Tcd3eXs834QjswshSilCBnKGeQjQXB6PqFn/1nxcQw4pmG42G8lwz+FZPAZAby6gZeHSt/8LMPfZ4Rb+Bd/A==",
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-core": "3.5.26",
@@ -1361,8 +329,6 @@
     },
     "node_modules/@vue/compiler-sfc": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.26.tgz",
-      "integrity": "sha512-egp69qDTSEZcf4bGOSsprUr4xI73wfrY5oRs6GSgXFTiHrWj4Y3X5Ydtip9QMqiCMCPVwLglB9GBxXtTadJ3mA==",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.28.5",
@@ -1378,8 +344,6 @@
     },
     "node_modules/@vue/compiler-ssr": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.26.tgz",
-      "integrity": "sha512-lZT9/Y0nSIRUPVvapFJEVDbEXruZh2IYHMk2zTtEgJSlP5gVOqeWXH54xDKAaFS4rTnDeDBQUYDtxKyoW9FwDw==",
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.5.26",
@@ -1388,14 +352,10 @@
     },
     "node_modules/@vue/devtools-api": {
       "version": "6.6.4",
-      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
       "license": "MIT"
     },
     "node_modules/@vue/devtools-kit": {
       "version": "7.7.9",
-      "resolved": "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
-      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-shared": "^7.7.9",
@@ -1409,8 +369,6 @@
     },
     "node_modules/@vue/devtools-shared": {
       "version": "7.7.9",
-      "resolved": "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
-      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
       "license": "MIT",
       "dependencies": {
         "rfdc": "^1.4.1"
@@ -1418,8 +376,6 @@
     },
     "node_modules/@vue/language-core": {
       "version": "3.2.1",
-      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.1.tgz",
-      "integrity": "sha512-g6oSenpnGMtpxHGAwKuu7HJJkNZpemK/zg3vZzZbJ6cnnXq1ssxuNrXSsAHYM3NvH8p4IkTw+NLmuxyeYz4r8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1434,8 +390,6 @@
     },
     "node_modules/@vue/reactivity": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.26.tgz",
-      "integrity": "sha512-9EnYB1/DIiUYYnzlnUBgwU32NNvLp/nhxLXeWRhHUEeWNTn1ECxX8aGO7RTXeX6PPcxe3LLuNBFoJbV4QZ+CFQ==",
       "license": "MIT",
       "dependencies": {
         "@vue/shared": "3.5.26"
@@ -1443,8 +397,6 @@
     },
     "node_modules/@vue/runtime-core": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.26.tgz",
-      "integrity": "sha512-xJWM9KH1kd201w5DvMDOwDHYhrdPTrAatn56oB/LRG4plEQeZRQLw0Bpwih9KYoqmzaxF0OKSn6swzYi84e1/Q==",
       "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.5.26",
@@ -1453,8 +405,6 @@
     },
     "node_modules/@vue/runtime-dom": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.26.tgz",
-      "integrity": "sha512-XLLd/+4sPC2ZkN/6+V4O4gjJu6kSDbHAChvsyWgm1oGbdSO3efvGYnm25yCjtFm/K7rrSDvSfPDgN1pHgS4VNQ==",
       "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.5.26",
@@ -1465,8 +415,6 @@
     },
     "node_modules/@vue/server-renderer": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.26.tgz",
-      "integrity": "sha512-TYKLXmrwWKSodyVuO1WAubucd+1XlLg4set0YoV+Hu8Lo79mp/YMwWV5mC5FgtsDxX3qo1ONrxFaTP1OQgy1uA==",
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-ssr": "3.5.26",
@@ -1478,14 +426,10 @@
     },
     "node_modules/@vue/shared": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.26.tgz",
-      "integrity": "sha512-7Z6/y3uFI5PRoKeorTOSXKcDj0MSasfNNltcslbFrPpcw6aXRUALq4IfJlaTRspiWIUOEZbrpM+iQGmCOiWe4A==",
       "license": "MIT"
     },
     "node_modules/@vue/tsconfig": {
       "version": "0.8.1",
-      "resolved": "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.8.1.tgz",
-      "integrity": "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -1503,8 +447,6 @@
     },
     "node_modules/@vueuse/core": {
       "version": "10.11.1",
-      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-10.11.1.tgz",
-      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
       "license": "MIT",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
@@ -1518,8 +460,6 @@
     },
     "node_modules/@vueuse/core/node_modules/vue-demi": {
       "version": "0.14.10",
-      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -1544,8 +484,6 @@
     },
     "node_modules/@vueuse/metadata": {
       "version": "10.11.1",
-      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-10.11.1.tgz",
-      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
@@ -1553,8 +491,6 @@
     },
     "node_modules/@vueuse/shared": {
       "version": "10.11.1",
-      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-10.11.1.tgz",
-      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
       "license": "MIT",
       "dependencies": {
         "vue-demi": ">=0.14.8"
@@ -1565,8 +501,6 @@
     },
     "node_modules/@vueuse/shared/node_modules/vue-demi": {
       "version": "0.14.10",
-      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -1591,8 +525,6 @@
     },
     "node_modules/acorn": {
       "version": "8.15.0",
-      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -1603,27 +535,19 @@
     },
     "node_modules/alien-signals": {
       "version": "3.1.1",
-      "resolved": "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.1.tgz",
-      "integrity": "sha512-ogkIWbVrLwKtHY6oOAXaYkAxP+cTH7V5FZ5+Tm4NZFd8VDZ6uNMDrfzqctTZ42eTMCSR3ne3otpcxmqSnFfPYA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/async-validator": {
       "version": "4.2.5",
-      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
-      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
       "license": "MIT"
     },
     "node_modules/asynckit": {
       "version": "0.4.0",
-      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "license": "MIT"
     },
     "node_modules/axios": {
       "version": "1.13.2",
-      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.13.2.tgz",
-      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -1633,8 +557,6 @@
     },
     "node_modules/birpc": {
       "version": "2.9.0",
-      "resolved": "https://registry.npmmirror.com/birpc/-/birpc-2.9.0.tgz",
-      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
@@ -1642,8 +564,6 @@
     },
     "node_modules/braces": {
       "version": "3.0.3",
-      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -1657,8 +577,6 @@
     },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -1670,8 +588,6 @@
     },
     "node_modules/chokidar": {
       "version": "4.0.3",
-      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
       "license": "MIT",
       "dependencies": {
         "readdirp": "^4.0.1"
@@ -1685,8 +601,6 @@
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
-      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
       "license": "MIT",
       "dependencies": {
         "delayed-stream": "~1.0.0"
@@ -1697,14 +611,10 @@
     },
     "node_modules/confbox": {
       "version": "0.2.2",
-      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.2.2.tgz",
-      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
       "license": "MIT"
     },
     "node_modules/copy-anything": {
       "version": "4.0.5",
-      "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-4.0.5.tgz",
-      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
       "license": "MIT",
       "dependencies": {
         "is-what": "^5.2.0"
@@ -1718,20 +628,14 @@
     },
     "node_modules/csstype": {
       "version": "3.2.3",
-      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
     "node_modules/dayjs": {
       "version": "1.11.19",
-      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.19.tgz",
-      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
       "license": "MIT"
     },
     "node_modules/debug": {
       "version": "4.4.3",
-      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -1747,8 +651,6 @@
     },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
       "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
@@ -1756,8 +658,6 @@
     },
     "node_modules/detect-libc": {
       "version": "1.0.3",
-      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
       "dev": true,
       "license": "Apache-2.0",
       "optional": true,
@@ -1771,8 +671,6 @@
     },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.1",
@@ -1785,8 +683,6 @@
     },
     "node_modules/element-plus": {
       "version": "2.13.0",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.13.0.tgz",
-      "integrity": "sha512-qjxS+SBChvqCl6lU6ShiliLMN6WqFHiXQENYbAY3GKNflG+FS3jqn8JmQq0CBZq4koFqsi95NT1M6SL4whZfrA==",
       "license": "MIT",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.1",
@@ -1810,8 +706,6 @@
     },
     "node_modules/entities": {
       "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.0.tgz",
-      "integrity": "sha512-FDWG5cmEYf2Z00IkYRhbFrwIwvdFKH07uV8dvNy0omp/Qb1xcyCWp2UDtcwJF4QZZvk0sLudP6/hAu42TaqVhQ==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -1822,8 +716,6 @@
     },
     "node_modules/errno": {
       "version": "0.1.8",
-      "resolved": "https://registry.npmmirror.com/errno/-/errno-0.1.8.tgz",
-      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -1836,8 +728,6 @@
     },
     "node_modules/es-define-property": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -1845,8 +735,6 @@
     },
     "node_modules/es-errors": {
       "version": "1.3.0",
-      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -1854,8 +742,6 @@
     },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0"
@@ -1866,8 +752,6 @@
     },
     "node_modules/es-set-tostringtag": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -1881,8 +765,6 @@
     },
     "node_modules/esbuild": {
       "version": "0.27.2",
-      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.27.2.tgz",
-      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -1923,8 +805,6 @@
     },
     "node_modules/escape-string-regexp": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -1935,20 +815,22 @@
     },
     "node_modules/estree-walker": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
       "license": "MIT"
     },
     "node_modules/exsolve": {
       "version": "1.0.8",
-      "resolved": "https://registry.npmmirror.com/exsolve/-/exsolve-1.0.8.tgz",
-      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
       "license": "MIT"
     },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "license": "Apache-2.0"
+    },
     "node_modules/fdir": {
       "version": "6.5.0",
-      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -1964,8 +846,6 @@
     },
     "node_modules/fill-range": {
       "version": "7.1.1",
-      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -1979,8 +859,6 @@
     },
     "node_modules/follow-redirects": {
       "version": "1.15.11",
-      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.11.tgz",
-      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
       "funding": [
         {
           "type": "individual",
@@ -1999,8 +877,6 @@
     },
     "node_modules/form-data": {
       "version": "4.0.5",
-      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
       "license": "MIT",
       "dependencies": {
         "asynckit": "^0.4.0",
@@ -2013,25 +889,8 @@
         "node": ">= 6"
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2039,8 +898,6 @@
     },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
-      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -2063,8 +920,6 @@
     },
     "node_modules/get-proto": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
       "license": "MIT",
       "dependencies": {
         "dunder-proto": "^1.0.1",
@@ -2076,8 +931,6 @@
     },
     "node_modules/gopd": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -2088,16 +941,12 @@
     },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
-      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "dev": true,
       "license": "ISC",
       "optional": true
     },
     "node_modules/has-symbols": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -2108,8 +957,6 @@
     },
     "node_modules/has-tostringtag": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
@@ -2123,8 +970,6 @@
     },
     "node_modules/hasown": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -2135,14 +980,10 @@
     },
     "node_modules/hookable": {
       "version": "5.5.3",
-      "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz",
-      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
       "license": "MIT"
     },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
-      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2155,8 +996,6 @@
     },
     "node_modules/image-size": {
       "version": "0.5.5",
-      "resolved": "https://registry.npmmirror.com/image-size/-/image-size-0.5.5.tgz",
-      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2169,8 +1008,6 @@
     },
     "node_modules/immutable": {
       "version": "5.1.4",
-      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-5.1.4.tgz",
-      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2178,8 +1015,6 @@
     },
     "node_modules/is-extglob": {
       "version": "2.1.1",
-      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2190,8 +1025,6 @@
     },
     "node_modules/is-glob": {
       "version": "4.0.3",
-      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2205,8 +1038,6 @@
     },
     "node_modules/is-number": {
       "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2217,8 +1048,6 @@
     },
     "node_modules/is-what": {
       "version": "5.5.0",
-      "resolved": "https://registry.npmmirror.com/is-what/-/is-what-5.5.0.tgz",
-      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -2229,14 +1058,10 @@
     },
     "node_modules/js-tokens": {
       "version": "9.0.1",
-      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
-      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
       "license": "MIT"
     },
     "node_modules/less": {
       "version": "4.5.1",
-      "resolved": "https://registry.npmmirror.com/less/-/less-4.5.1.tgz",
-      "integrity": "sha512-UKgI3/KON4u6ngSsnDADsUERqhZknsVZbnuzlRZXLQCmfC/MDld42fTydUE9B+Mla1AL6SJ/Pp6SlEFi/AVGfw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
@@ -2263,8 +1088,6 @@
     },
     "node_modules/less-loader": {
       "version": "12.3.0",
-      "resolved": "https://registry.npmmirror.com/less-loader/-/less-loader-12.3.0.tgz",
-      "integrity": "sha512-0M6+uYulvYIWs52y0LqN4+QM9TqWAohYSNTo4htE8Z7Cn3G/qQMEmktfHmyJT23k+20kU9zHH2wrfFXkxNLtVw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2290,8 +1113,6 @@
     },
     "node_modules/less/node_modules/copy-anything": {
       "version": "2.0.6",
-      "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-2.0.6.tgz",
-      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2303,15 +1124,11 @@
     },
     "node_modules/less/node_modules/is-what": {
       "version": "3.14.1",
-      "resolved": "https://registry.npmmirror.com/is-what/-/is-what-3.14.1.tgz",
-      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/local-pkg": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-1.1.2.tgz",
-      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
       "license": "MIT",
       "dependencies": {
         "mlly": "^1.7.4",
@@ -2327,20 +1144,14 @@
     },
     "node_modules/lodash": {
       "version": "4.17.21",
-      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "license": "MIT"
     },
     "node_modules/lodash-es": {
       "version": "4.17.22",
-      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.22.tgz",
-      "integrity": "sha512-XEawp1t0gxSi9x01glktRZ5HDy0HXqrM0x5pXQM98EaI0NxO6jVM7omDOxsuEo5UIASAnm2bRp1Jt/e0a2XU8Q==",
       "license": "MIT"
     },
     "node_modules/lodash-unified": {
       "version": "1.0.3",
-      "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
-      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
       "license": "MIT",
       "peerDependencies": {
         "@types/lodash-es": "*",
@@ -2348,10 +1159,16 @@
         "lodash-es": "*"
       }
     },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "license": "MIT"
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
-      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
@@ -2359,8 +1176,6 @@
     },
     "node_modules/make-dir": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2374,8 +1189,6 @@
     },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -2383,14 +1196,10 @@
     },
     "node_modules/memoize-one": {
       "version": "6.0.0",
-      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
-      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
       "license": "MIT"
     },
     "node_modules/micromatch": {
       "version": "4.0.8",
-      "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2405,8 +1214,6 @@
     },
     "node_modules/micromatch/node_modules/picomatch": {
       "version": "2.3.1",
-      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2420,8 +1227,6 @@
     },
     "node_modules/mime": {
       "version": "1.6.0",
-      "resolved": "https://registry.npmmirror.com/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2434,8 +1239,6 @@
     },
     "node_modules/mime-db": {
       "version": "1.52.0",
-      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -2443,8 +1246,6 @@
     },
     "node_modules/mime-types": {
       "version": "2.1.35",
-      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
@@ -2455,14 +1256,10 @@
     },
     "node_modules/mitt": {
       "version": "3.0.1",
-      "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz",
-      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
       "license": "MIT"
     },
     "node_modules/mlly": {
       "version": "1.8.0",
-      "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.8.0.tgz",
-      "integrity": "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==",
       "license": "MIT",
       "dependencies": {
         "acorn": "^8.15.0",
@@ -2473,14 +1270,10 @@
     },
     "node_modules/mlly/node_modules/confbox": {
       "version": "0.1.8",
-      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.1.8.tgz",
-      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
       "license": "MIT"
     },
     "node_modules/mlly/node_modules/pkg-types": {
       "version": "1.3.1",
-      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
-      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
       "license": "MIT",
       "dependencies": {
         "confbox": "^0.1.8",
@@ -2490,21 +1283,15 @@
     },
     "node_modules/ms": {
       "version": "2.1.3",
-      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
     "node_modules/muggle-string": {
       "version": "0.4.1",
-      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
-      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
       "version": "3.3.11",
-      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
       "funding": [
         {
           "type": "github",
@@ -2521,8 +1308,6 @@
     },
     "node_modules/needle": {
       "version": "3.3.1",
-      "resolved": "https://registry.npmmirror.com/needle/-/needle-3.3.1.tgz",
-      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2539,8 +1324,6 @@
     },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
-      "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
-      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2548,14 +1331,14 @@
     },
     "node_modules/normalize-wheel-es": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
-      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/parchment": {
+      "version": "3.0.0",
       "license": "BSD-3-Clause"
     },
     "node_modules/parse-node-version": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/parse-node-version/-/parse-node-version-1.0.1.tgz",
-      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2564,33 +1347,23 @@
     },
     "node_modules/path-browserify": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/pathe": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
-      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "license": "MIT"
     },
     "node_modules/perfect-debounce": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
-      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
       "license": "MIT"
     },
     "node_modules/picocolors": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "4.0.3",
-      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -2601,8 +1374,6 @@
     },
     "node_modules/pify": {
       "version": "4.0.1",
-      "resolved": "https://registry.npmmirror.com/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2612,8 +1383,6 @@
     },
     "node_modules/pinia": {
       "version": "3.0.4",
-      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-3.0.4.tgz",
-      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^7.7.7"
@@ -2633,8 +1402,6 @@
     },
     "node_modules/pinia/node_modules/@vue/devtools-api": {
       "version": "7.7.9",
-      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
-      "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-kit": "^7.7.9"
@@ -2642,8 +1409,6 @@
     },
     "node_modules/pkg-types": {
       "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-2.3.0.tgz",
-      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
       "license": "MIT",
       "dependencies": {
         "confbox": "^0.2.2",
@@ -2653,8 +1418,6 @@
     },
     "node_modules/postcss": {
       "version": "8.5.6",
-      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "funding": [
         {
           "type": "opencollective",
@@ -2681,22 +1444,16 @@
     },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
       "license": "MIT"
     },
     "node_modules/prr": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
       "dev": true,
       "license": "MIT",
       "optional": true
     },
     "node_modules/quansync": {
       "version": "0.2.11",
-      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.11.tgz",
-      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
       "funding": [
         {
           "type": "individual",
@@ -2709,10 +1466,33 @@
       ],
       "license": "MIT"
     },
+    "node_modules/quill": {
+      "version": "2.0.3",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "lodash-es": "^4.17.21",
+        "parchment": "^3.0.0",
+        "quill-delta": "^5.1.0"
+      },
+      "engines": {
+        "npm": ">=8.2.3"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "5.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
     "node_modules/readdirp": {
       "version": "4.1.2",
-      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
       "license": "MIT",
       "engines": {
         "node": ">= 14.18.0"
@@ -2724,14 +1504,10 @@
     },
     "node_modules/rfdc": {
       "version": "1.4.1",
-      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
-      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
       "license": "MIT"
     },
     "node_modules/rollup": {
       "version": "4.54.0",
-      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.54.0.tgz",
-      "integrity": "sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2772,16 +1548,12 @@
     },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
-      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true,
       "license": "MIT",
       "optional": true
     },
     "node_modules/sass": {
       "version": "1.97.1",
-      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.97.1.tgz",
-      "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2803,22 +1575,16 @@
     },
     "node_modules/sax": {
       "version": "1.4.3",
-      "resolved": "https://registry.npmmirror.com/sax/-/sax-1.4.3.tgz",
-      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "optional": true
     },
     "node_modules/scule": {
       "version": "1.3.0",
-      "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
-      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
       "license": "MIT"
     },
     "node_modules/semver": {
       "version": "5.7.2",
-      "resolved": "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "license": "ISC",
       "optional": true,
@@ -2828,8 +1594,6 @@
     },
     "node_modules/source-map": {
       "version": "0.6.1",
-      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
       "license": "BSD-3-Clause",
       "optional": true,
@@ -2839,8 +1603,6 @@
     },
     "node_modules/source-map-js": {
       "version": "1.2.1",
-      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -2848,8 +1610,6 @@
     },
     "node_modules/speakingurl": {
       "version": "14.0.1",
-      "resolved": "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz",
-      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -2857,8 +1617,6 @@
     },
     "node_modules/strip-literal": {
       "version": "3.1.0",
-      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.1.0.tgz",
-      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
       "license": "MIT",
       "dependencies": {
         "js-tokens": "^9.0.1"
@@ -2869,8 +1627,6 @@
     },
     "node_modules/superjson": {
       "version": "2.2.6",
-      "resolved": "https://registry.npmmirror.com/superjson/-/superjson-2.2.6.tgz",
-      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
       "license": "MIT",
       "dependencies": {
         "copy-anything": "^4"
@@ -2881,8 +1637,6 @@
     },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
-      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -2897,8 +1651,6 @@
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2912,15 +1664,11 @@
     },
     "node_modules/tslib": {
       "version": "2.8.1",
-      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "dev": true,
       "license": "0BSD"
     },
     "node_modules/typescript": {
       "version": "5.9.3",
-      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2933,21 +1681,15 @@
     },
     "node_modules/ufo": {
       "version": "1.6.1",
-      "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.1.tgz",
-      "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
       "license": "MIT"
     },
     "node_modules/undici-types": {
       "version": "7.16.0",
-      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz",
-      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/unimport": {
       "version": "5.6.0",
-      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-5.6.0.tgz",
-      "integrity": "sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==",
       "license": "MIT",
       "dependencies": {
         "acorn": "^8.15.0",
@@ -2971,8 +1713,6 @@
     },
     "node_modules/unimport/node_modules/estree-walker": {
       "version": "3.0.3",
-      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
       "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
@@ -2980,8 +1720,6 @@
     },
     "node_modules/unplugin": {
       "version": "2.3.11",
-      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.11.tgz",
-      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/remapping": "^2.3.5",
@@ -2995,8 +1733,6 @@
     },
     "node_modules/unplugin-auto-import": {
       "version": "20.3.0",
-      "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-20.3.0.tgz",
-      "integrity": "sha512-RcSEQiVv7g0mLMMXibYVKk8mpteKxvyffGuDKqZZiFr7Oq3PB1HwgHdK5O7H4AzbhzHoVKG0NnMnsk/1HIVYzQ==",
       "license": "MIT",
       "dependencies": {
         "local-pkg": "^1.1.2",
@@ -3027,8 +1763,6 @@
     },
     "node_modules/unplugin-utils": {
       "version": "0.3.1",
-      "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
-      "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
       "license": "MIT",
       "dependencies": {
         "pathe": "^2.0.3",
@@ -3043,8 +1777,6 @@
     },
     "node_modules/unplugin-vue-components": {
       "version": "30.0.0",
-      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-30.0.0.tgz",
-      "integrity": "sha512-4qVE/lwCgmdPTp6h0qsRN2u642tt4boBQtcpn4wQcWZAsr8TQwq+SPT3NDu/6kBFxzo/sSEK4ioXhOOBrXc3iw==",
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.3",
@@ -3078,8 +1810,6 @@
     },
     "node_modules/vite": {
       "version": "7.3.0",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-7.3.0.tgz",
-      "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3153,15 +1883,11 @@
     },
     "node_modules/vscode-uri": {
       "version": "3.1.0",
-      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
-      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/vue": {
       "version": "3.5.26",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.26.tgz",
-      "integrity": "sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==",
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.5.26",
@@ -3181,8 +1907,6 @@
     },
     "node_modules/vue-router": {
       "version": "4.6.4",
-      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
-      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.4"
@@ -3196,8 +1920,6 @@
     },
     "node_modules/vue-tsc": {
       "version": "3.2.1",
-      "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.1.tgz",
-      "integrity": "sha512-I23Rk8dkQfmcSbxDO0dmg9ioMLjKA1pjlU3Lz6Jfk2pMGu3Uryu9810XkcZH24IzPbhzPCnkKo2rEMRX0skSrw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3213,8 +1935,6 @@
     },
     "node_modules/webpack-virtual-modules": {
       "version": "0.6.2",
-      "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
-      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "license": "MIT"
     }
   }
diff --git a/frontend/package.json b/frontend/package.json
index 2025b0c..a1ce530 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "axios": "^1.13.2",
     "element-plus": "^2.13.0",
     "pinia": "^3.0.4",
+    "quill": "^2.0.3",
     "unplugin-auto-import": "^20.3.0",
     "unplugin-vue-components": "^30.0.0",
     "vue": "^3.5.24",
diff --git a/frontend/src/api/api.ts b/frontend/src/api/api.ts
index a5beb66..f679a34 100644
--- a/frontend/src/api/api.ts
+++ b/frontend/src/api/api.ts
@@ -1,5 +1,33 @@
 //进行接口API的统一管理
+import axios from "axios";
 
-export class UserService {
+export class update {
+    /**
+     * @description 上传图片接口
+     * @param {FormData} formData - 包含图片文件的表单数据
+     * @return {Promise} 返回请求结果
+     */
+    static async uploadImage(formData: FormData) {
+        // 使用XMLHttpRequest确保正确的multipart/form-data处理
+        return new Promise((resolve, reject) => {
+            const xhr = new XMLHttpRequest();
+            xhr.open('POST', 'http://localhost:8000/index/index/update_imgs');
 
+            xhr.onload = () => {
+                if (xhr.status >= 200 && xhr.status < 300) {
+                    try {
+                        const response = JSON.parse(xhr.responseText);
+                        resolve({ data: response, status: xhr.status, statusText: xhr.statusText });
+                    } catch (e) {
+                        resolve({ data: xhr.responseText, status: xhr.status, statusText: xhr.statusText });
+                    }
+                } else {
+                    reject(new Error(`HTTP ${xhr.status}: ${xhr.statusText}`));
+                }
+            };
+
+            xhr.onerror = () => reject(new Error('Network Error'));
+            xhr.send(formData);
+        });
+    }
 }
\ No newline at end of file
diff --git a/frontend/src/api/article.ts b/frontend/src/api/article.ts
index ef031c9..8210436 100644
--- a/frontend/src/api/article.ts
+++ b/frontend/src/api/article.ts
@@ -10,4 +10,53 @@ export class article {
   static async getArticleDetail(id: string) {
     return request("/index/articles/getArticleDetail", { id }, "get");
   }
+
+  /**
+   * @description 获取用户文章列表
+   * @param {string} uid - 用户ID
+   * @return {Promise} 返回请求结果
+   */
+  static async getUserArticleList(uid: string) {
+    return request("/index/articles/getUserArticleList", { uid }, "get");
+  }
+
+  /**
+   * @description 获取文章分类
+   * @return {Promise} 返回请求结果
+   */
+  static async getArticleCategory() {
+    return request("/index/articles/getArticleCategory", {}, "get");
+  }
+
+  /**
+   * @description 发布文章
+   * @param {object} articleData - 文章数据
+   * @return {Promise} 返回请求结果
+   */
+  static async publishArticle(articleData: any) {
+    return request("/index/articles/publishArticle", articleData, "post");
+  }
+
+  /**
+   * @description 更新文章
+   * @param {string} id - 文章ID
+   * @param {object} articleData - 文章数据
+   * @return {Promise} 返回请求结果
+   */
+  static async updateArticle(id: string, articleData: any) {
+    return request(
+      "/index/articles/updateArticle",
+      { id, ...articleData },
+      "post"
+    );
+  }
+
+  /**
+   * @description 删除文章
+   * @param {string} id - 文章ID
+   * @return {Promise} 返回请求结果
+   */
+  static async deleteArticle(id: string) {
+    return request("/index/articles/deleteArticle", { id }, "post");
+  }
 }
diff --git a/frontend/src/api/resource.ts b/frontend/src/api/resource.ts
index 2f368a7..b240d2a 100644
--- a/frontend/src/api/resource.ts
+++ b/frontend/src/api/resource.ts
@@ -3,11 +3,52 @@ import { request } from "./axios";
 
 export class resource {
   /**
-   * @description 获取resource文章详情
+   * @description 获取resource资源详情
    * @param {string} id - 内容ID
    * @return {Promise} 返回请求结果
    */
   static async getResourceDetail(id: string) {
     return request("/index/resources/getResourceDetail", { id }, "get");
   }
+
+  /**
+   * @description 获取用户资源列表
+   * @param {string} uid - 用户ID
+   * @return {Promise} 返回请求结果
+   */
+  static async getUserResourceList(uid: string) {
+    return request("/index/resources/getUserResourceList", { uid }, "get");
+  }
+
+  /**
+   * @description 发布资源
+   * @param {object} resourceData - 资源数据
+   * @return {Promise} 返回请求结果
+   */
+  static async publishResource(resourceData: any) {
+    return request("/index/resources/publishResource", resourceData, "post");
+  }
+
+  /**
+   * @description 更新资源
+   * @param {string} id - 资源ID
+   * @param {object} resourceData - 资源数据
+   * @return {Promise} 返回请求结果
+   */
+  static async updateResource(id: string, resourceData: any) {
+    return request(
+      "/index/resources/updateResource",
+      { id, ...resourceData },
+      "post"
+    );
+  }
+
+  /**
+   * @description 删除资源
+   * @param {string} id - 资源ID
+   * @return {Promise} 返回请求结果
+   */
+  static async deleteResource(id: string) {
+    return request("/index/resources/deleteResource", { id }, "post");
+  }
 }
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index d8e8316..34fd67c 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,12 +1,20 @@
 import { createApp } from "vue";
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
 import "@/assets/less/global.less";
 import "@/assets/css/all.css"
 import App from "./App.vue";
 import router from "@/router";
 import { createPinia } from 'pinia'
+import QuillEditor from "@/views/components/QuillEditor.vue"
 
 const pinia = createPinia()
+const app = createApp(App)
 
-createApp(App).use(router).use(pinia).use(ElementPlus).mount("#app");
+app.use(router).use(pinia).use(ElementPlus)
+
+// 注册全局组件
+app.component('QuillEditor', QuillEditor)
+
+app.mount("#app");
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 7dff80b..494c969 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -57,10 +57,73 @@ const router = createRouter({
       name: "login",
       component: () => import("@/views/login/index.vue"),
     },
+    {
+      path: "/test-editor",
+      name: "testEditor",
+      component: () => import("@/views/test-editor.vue"),
+    },
     {
       path: "/user/profile",
       name: "userProfile",
       component: () => import("@/views/user/profile/index.vue"),
+      redirect: "/user/profile/basic", // 默认跳转到基本资料
+      children: [
+        {
+          path: "basic",
+          name: "profileBasic",
+          component: () => import("@/views/user/profile/basicInfo.vue"),
+        },
+        {
+          path: "wallet",
+          name: "profileWallet",
+          component: () => import("@/views/user/profile/wallet.vue"),
+        },
+        {
+          path: "messages",
+          name: "profileMessages",
+          component: () => import("@/views/user/profile/messages.vue"),
+        },
+        {
+          path: "security",
+          name: "profileSecurity",
+          component: () => import("@/views/user/profile/security.vue"),
+        },
+        {
+          path: "notifications",
+          name: "profileNotifications",
+          component: () => import("@/views/user/profile/notifications.vue"),
+        },
+        {
+          path: "article/list",
+          name: "articleList",
+          component: () => import("@/views/user/profile/listArticle.vue"),
+        },
+        {
+          path: "article/publish",
+          name: "articlePublish",
+          component: () => import("@/views/user/profile/editArticle.vue"),
+        },
+        {
+          path: "article/edit",
+          name: "articleEdit",
+          component: () => import("@/views/user/profile/editArticle.vue"),
+        },
+        {
+          path: "resource/list",
+          name: "resourceList",
+          component: () => import("@/views/user/profile/listResource.vue"),
+        },
+        {
+          path: "resource/publish",
+          name: "resourcePublish",
+          component: () => import("@/views/user/profile/editResource.vue"),
+        },
+        {
+          path: "resource/edit",
+          name: "resourceEdit",
+          component: () => import("@/views/user/profile/editResource.vue"),
+        },
+      ],
     },
   ],
 });
diff --git a/frontend/src/views/components/QuillEditor.vue b/frontend/src/views/components/QuillEditor.vue
new file mode 100644
index 0000000..cfee059
--- /dev/null
+++ b/frontend/src/views/components/QuillEditor.vue
@@ -0,0 +1,172 @@
+<template>
+  <div class="quill-editor-wrapper">
+    <div ref="editorContainer"></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'
+import Quill from 'quill'
+import 'quill/dist/quill.snow.css'
+
+interface Props {
+  modelValue?: string
+  placeholder?: string
+  height?: number
+  readonly?: boolean
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: string): void
+  (e: 'change', value: string): void
+  (e: 'blur'): void
+  (e: 'focus'): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+  placeholder: '请输入内容...',
+  height: 300,
+  readonly: false
+})
+
+const emit = defineEmits<Emits>()
+
+const editorContainer = ref<HTMLDivElement>()
+let quill: Quill | null = null
+
+const initEditor = async () => {
+  if (!editorContainer.value) return
+
+  try {
+    // Quill 配置
+    const options = {
+      theme: 'snow',
+      placeholder: props.placeholder,
+      readOnly: props.readonly,
+      modules: {
+        toolbar: [
+          ['bold', 'italic', 'underline', 'strike'],
+          ['blockquote', 'code-block'],
+          [{ 'list': 'ordered'}, { 'list': 'bullet' }],
+          [{ 'script': 'sub'}, { 'script': 'super' }],
+          [{ 'indent': '-1'}, { 'indent': '+1' }],
+          [{ 'size': ['small', false, 'large', 'huge'] }],
+          [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
+          [{ 'color': [] }, { 'background': [] }],
+          [{ 'align': [] }],
+          ['link', 'image', 'video'],
+          ['clean']
+        ]
+      }
+    }
+
+    // 创建 Quill 实例
+    quill = new Quill(editorContainer.value, options)
+
+    // 设置初始内容
+    if (props.modelValue) {
+      quill.root.innerHTML = props.modelValue
+    }
+
+    // 监听内容变化
+    quill.on('text-change', () => {
+      const html = quill?.root.innerHTML || ''
+      emit('update:modelValue', html)
+      emit('change', html)
+    })
+
+    // 监听焦点事件
+    quill.on('selection-change', (range: any) => {
+      if (range) {
+        emit('focus')
+      } else {
+        emit('blur')
+      }
+    })
+
+  } catch (error) {
+    console.error('Quill 初始化失败:', error)
+  }
+}
+
+const destroyEditor = () => {
+  if (quill) {
+    // Quill 没有 destroy 方法，但可以清理事件监听器
+    quill = null
+  }
+}
+
+// 监听 modelValue 变化
+watch(() => props.modelValue, (newValue) => {
+  if (quill && newValue !== quill.root.innerHTML) {
+    quill.root.innerHTML = newValue || ''
+  }
+})
+
+// 监听 readonly 变化
+watch(() => props.readonly, (newValue) => {
+  if (quill) {
+    quill.enable(!newValue)
+  }
+})
+
+onMounted(async () => {
+  await nextTick()
+  initEditor()
+})
+
+onBeforeUnmount(() => {
+  destroyEditor()
+})
+
+// 暴露方法给父组件
+defineExpose({
+  getQuill: () => quill,
+  getHtml: () => quill?.root.innerHTML || '',
+  getText: () => quill?.getText() || '',
+  setHtml: (html: string) => {
+    if (quill) {
+      quill.root.innerHTML = html
+    }
+  },
+  focus: () => {
+    if (quill) {
+      quill.focus()
+    }
+  },
+  blur: () => {
+    if (quill) {
+      quill.blur()
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.quill-editor-wrapper {
+  :deep(.ql-toolbar) {
+    border-top: 1px solid #ccc !important;
+    border-left: 1px solid #ccc !important;
+    border-right: 1px solid #ccc !important;
+    border-bottom: none !important;
+    border-radius: 4px 4px 0 0;
+  }
+
+  :deep(.ql-container) {
+    border: 1px solid #ccc !important;
+    border-radius: 0 0 4px 4px;
+    min-height: v-bind('props.height + "px"');
+  }
+
+  :deep(.ql-editor) {
+    min-height: v-bind('props.height - 42 + "px"');
+    padding: 12px;
+  }
+
+  :deep(.ql-editor.ql-blank::before) {
+    color: #999;
+    font-style: normal;
+  }
+}
+</style>
diff --git a/frontend/src/views/components/README.md b/frontend/src/views/components/README.md
new file mode 100644
index 0000000..8b2e452
--- /dev/null
+++ b/frontend/src/views/components/README.md
@@ -0,0 +1,137 @@
+# QuillEditor 富文本编辑器组件
+
+## 概述
+
+QuillEditor 是一个基于 Vue 3 的富文本编辑器组件，封装了 Quill.js 富文本编辑器库，提供了简单易用的 API。
+
+## 全局注册
+
+组件已自动在 `main.ts` 中注册为全局组件，可在任何地方直接使用。
+
+## 基本用法
+
+```vue
+<template>
+  <quill-editor
+    v-model="content"
+    placeholder="请输入内容..."
+    :height="300"
+    @change="handleChange"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const content = ref('')
+
+const handleChange = (html) => {
+  console.log('内容变化:', html)
+}
+</script>
+```
+
+## Props
+
+| 参数 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| modelValue | string | '' | 编辑器内容（双向绑定） |
+| placeholder | string | '请输入内容...' | 占位符文本 |
+| height | number | 300 | 编辑器高度（px） |
+| readonly | boolean | false | 是否只读 |
+| config | object | {} | 编辑器配置对象 |
+
+## Events
+
+| 事件名 | 参数 | 说明 |
+|--------|------|------|
+| update:modelValue | string | 内容变化时触发（v-model） |
+| change | string | 内容变化时触发 |
+| blur | - | 失去焦点时触发 |
+| focus | - | 获得焦点时触发 |
+
+## Methods
+
+组件暴露了以下方法，可以通过 ref 调用：
+
+```vue
+<template>
+  <quill-editor ref="editorRef" v-model="content" />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const editorRef = ref()
+
+// 获取 HTML 内容
+const getHtml = () => {
+  return editorRef.value.getHtml()
+}
+
+// 获取纯文本内容
+const getText = () => {
+  return editorRef.value.getText()
+}
+
+// 设置 HTML 内容
+const setContent = () => {
+  editorRef.value.setHtml('<p>新的内容</p>')
+}
+
+// 获取编辑器实例
+const getEditor = () => {
+  return editorRef.value.getEditor()
+}
+
+// 聚焦
+editorRef.value.focus()
+
+// 失焦
+editorRef.value.blur()
+</script>
+```
+
+## 配置选项
+
+可以通过 `config` prop 传递更多配置：
+
+```vue
+<quill-editor
+  :config="{
+    placeholder: '自定义占位符',
+    readOnly: false,
+    toolbarConfig: {
+      toolbarKeys: ['bold', 'italic', 'underline', '|', 'color', 'bgColor']
+    }
+  }"
+/>
+```
+
+## 工具栏功能
+
+默认工具栏包含完整的格式化功能：
+- **文本格式：** 加粗、斜体、下划线、删除线、上标、下标
+- **标题：** 1-6级标题
+- **列表：** 有序列表、无序列表
+- **引用和代码：** 引用块、代码块
+- **颜色：** 文字颜色、背景色
+- **对齐：** 左对齐、居中、右对齐、两端对齐
+- **字体大小：** 小、正常、大、巨大
+- **缩进：** 增加/减少缩进
+- **多媒体：** 链接、图片、视频
+- **清除格式：** 清除所有格式
+
+工具栏支持自定义配置。
+
+## 注意事项
+
+1. 组件会自动处理编辑器的创建和销毁
+2. 支持 v-model 双向绑定
+3. 在组件卸载时会自动清理编辑器实例
+4. 支持响应式高度调整
+5. 默认包含完整的工具栏功能
+
+## 示例
+
+查看 `src/views/user/profile/editArticle.vue` 中的实际使用示例。
diff --git a/frontend/src/views/test-editor.vue b/frontend/src/views/test-editor.vue
new file mode 100644
index 0000000..c12cbb3
--- /dev/null
+++ b/frontend/src/views/test-editor.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="test-editor">
+    <h2>WangEditor 测试页面</h2>
+
+    <div class="editor-section">
+      <h3>富文本编辑器</h3>
+      <quill-editor
+        v-model="content"
+        placeholder="在这里输入内容..."
+        :height="400"
+        @change="handleChange"
+      />
+    </div>
+
+    <div class="content-section">
+      <h3>当前内容 (HTML)</h3>
+      <pre>{{ content }}</pre>
+    </div>
+
+    <div class="actions">
+      <el-button @click="setContent">设置内容</el-button>
+      <el-button @click="getHtml">获取HTML</el-button>
+      <el-button @click="getText">获取文本</el-button>
+      <el-button @click="clearContent">清空内容</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const content = ref('<p>这是初始内容</p>')
+
+const handleChange = (html: string) => {
+  console.log('内容变化:', html)
+}
+
+const setContent = () => {
+  content.value = '<p><strong>这是新设置的内容</strong></p><p>支持 <em>多种格式</em></p>'
+}
+
+const getHtml = () => {
+  ElMessage.info(`HTML长度: ${content.value.length}`)
+}
+
+const getText = () => {
+  const text = content.value.replace(/<[^>]*>/g, '')
+  ElMessage.info(`纯文本: ${text}`)
+}
+
+const clearContent = () => {
+  content.value = ''
+}
+</script>
+
+<style lang="less" scoped>
+.test-editor {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
+
+  h2 {
+    color: #333;
+    margin-bottom: 30px;
+  }
+
+  .editor-section {
+    margin-bottom: 30px;
+
+    h3 {
+      margin-bottom: 15px;
+      color: #666;
+    }
+  }
+
+  .content-section {
+    margin-bottom: 30px;
+
+    h3 {
+      margin-bottom: 15px;
+      color: #666;
+    }
+
+    pre {
+      background: #f5f5f5;
+      padding: 15px;
+      border-radius: 4px;
+      overflow-x: auto;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+      max-height: 200px;
+      overflow-y: auto;
+    }
+  }
+
+  .actions {
+    display: flex;
+    gap: 10px;
+  }
+}
+</style>
diff --git a/frontend/src/views/user/profile/articlePublish.vue b/frontend/src/views/user/profile/articlePublish.vue
deleted file mode 100644
index 4e8ddba..0000000
--- a/frontend/src/views/user/profile/articlePublish.vue
+++ /dev/null
@@ -1,569 +0,0 @@
-<template>
-    <div class="content-section">
-        <div class="content-header">
-            <h2 class="content-title">文章管理</h2>
-            <p class="content-desc">管理您的技术文章</p>
-        </div>
-        <div class="content-body">
-            <!-- 操作栏 -->
-            <div class="action-bar">
-                <el-button type="primary" @click="showPublishDialog = true">
-                    <i class="fa-solid fa-plus"></i>
-                    发布文章
-                </el-button>
-                <div class="search-box">
-                    <el-input
-                        v-model="searchText"
-                        placeholder="搜索文章..."
-                        clearable
-                        @input="handleSearch"
-                    >
-                        <template #prefix>
-                            <i class="fa-solid fa-search"></i>
-                        </template>
-                    </el-input>
-                </div>
-            </div>
-
-            <!-- 文章列表 -->
-            <div class="article-list">
-                <div v-if="filteredArticles.length === 0" class="empty-state">
-                    <i class="fa-solid fa-file-alt"></i>
-                    <p>{{ searchText ? '未找到相关文章' : '暂无文章' }}</p>
-                </div>
-                <div v-else class="article-grid">
-                    <div
-                        v-for="article in paginatedArticles"
-                        :key="article.id"
-                        class="article-card"
-                    >
-                        <div class="article-content-area">
-                            <div class="article-header">
-                                <el-tag :type="getStatusType(article.status)" size="small">
-                                    {{ getStatusText(article.status) }}
-                                </el-tag>
-                                <h3 class="article-title">{{ article.title }}</h3>
-                            </div>
-                            <div class="article-meta">
-                                <span class="article-category">{{ getCategoryText(article.category) }}</span>
-                                <span class="article-date">{{ article.createTime }}</span>
-                                <span class="article-views">{{ article.views }} 阅读</span>
-                            </div>
-                            
-                            <div class="article-content">
-                                {{ article.content.substring(0, 100) }}...
-                            </div>
-                        </div>
-                        <div class="article-actions">
-                            <el-button size="small" @click="editArticle(article)">编辑</el-button>
-                            <el-button size="small" type="danger" @click="deleteArticle(article)">删除</el-button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- 分页组件 -->
-                <div v-if="filteredArticles.length > 0" class="pagination-wrapper">
-                    <el-pagination
-                        v-model:current-page="currentPage"
-                        v-model:page-size="pageSize"
-                        :page-sizes="[5, 10, 20, 50]"
-                        :total="totalArticles"
-                        layout="total, sizes, prev, pager, next, jumper"
-                        @size-change="handleSizeChange"
-                        @current-change="handlePageChange"
-                    />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- 发布/编辑文章弹窗 -->
-    <el-dialog
-        v-model="showPublishDialog"
-        :title="isEditMode ? '编辑文章' : '发布文章'"
-        width="800px"
-        :close-on-click-modal="false"
-    >
-        <el-form :model="articleForm" label-width="80px" :rules="formRules" ref="formRef">
-            <el-form-item label="标题" prop="title" required>
-                <el-input
-                    v-model="articleForm.title"
-                    placeholder="请输入文章标题"
-                    maxlength="100"
-                    show-word-limit
-                />
-            </el-form-item>
-
-            <el-form-item label="分类" prop="category" required>
-                <el-select v-model="articleForm.category" placeholder="请选择分类">
-                    <el-option
-                        v-for="category in categories"
-                        :key="category.value"
-                        :label="category.label"
-                        :value="category.value"
-                    />
-                </el-select>
-            </el-form-item>
-
-            <el-form-item label="标签">
-                <el-input
-                    v-model="articleForm.tags"
-                    placeholder="请输入标签，用逗号分隔"
-                />
-            </el-form-item>
-
-            <el-form-item label="内容" prop="content" required>
-                <el-input
-                    v-model="articleForm.content"
-                    type="textarea"
-                    :rows="12"
-                    placeholder="请输入文章内容..."
-                    maxlength="10000"
-                    show-word-limit
-                />
-            </el-form-item>
-        </el-form>
-
-        <template #footer>
-            <el-button @click="showPublishDialog = false">取消</el-button>
-            <el-button type="primary" @click="submitArticle" :loading="loading">
-                {{ isEditMode ? '保存修改' : '发布文章' }}
-            </el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, onMounted } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-
-interface ArticleForm {
-    title: string;
-    category: string;
-    tags: string;
-    content: string;
-}
-
-interface Article {
-    id: string;
-    title: string;
-    content: string;
-    category: string;
-    tags: string;
-    status: 'draft' | 'published' | 'hidden';
-    createTime: string;
-    updateTime: string;
-    views: number;
-}
-
-interface Category {
-    value: string;
-    label: string;
-}
-
-// 响应式数据
-const showPublishDialog = ref(false);
-const isEditMode = ref(false);
-const searchText = ref('');
-const loading = ref(false);
-const formRef = ref();
-
-// 分页相关
-const currentPage = ref(1);
-const pageSize = ref(10);
-const totalArticles = computed(() => filteredArticles.value.length);
-
-// 表单数据
-const articleForm = ref<ArticleForm>({
-    title: '',
-    category: '',
-    tags: '',
-    content: ''
-});
-
-// 表单验证规则
-const formRules = {
-    title: [
-        { required: true, message: '请输入文章标题', trigger: 'blur' },
-        { min: 1, max: 100, message: '标题长度在 1 到 100 个字符', trigger: 'blur' }
-    ],
-    category: [
-        { required: true, message: '请选择文章分类', trigger: 'change' }
-    ],
-    content: [
-        { required: true, message: '请输入文章内容', trigger: 'blur' },
-        { min: 10, message: '内容不能少于10个字符', trigger: 'blur' }
-    ]
-};
-
-// 文章列表
-const articles = ref<Article[]>([
-    {
-        id: '1',
-        title: 'Vue 3 响应式原理详解',
-        content: 'Vue 3 的响应式系统基于 Proxy 实现，与 Vue 2 的 Object.defineProperty 相比具有更好的性能和更完整的响应式覆盖...',
-        category: 'frontend',
-        tags: 'Vue,响应式,Proxy',
-        status: 'published',
-        createTime: '2024-01-15',
-        updateTime: '2024-01-15',
-        views: 1250
-    },
-    {
-        id: '2',
-        title: 'Go 语言高并发编程实践',
-        content: '在 Go 语言中，高并发编程是其核心特性之一。通过 goroutine 和 channel，我们可以轻松实现并发编程...',
-        category: 'backend',
-        tags: 'Go,并发,goroutine',
-        status: 'published',
-        createTime: '2024-01-10',
-        updateTime: '2024-01-12',
-        views: 890
-    }
-]);
-
-// 分类选项
-const categories = ref<Category[]>([
-    { value: 'frontend', label: '前端开发' },
-    { value: 'backend', label: '后端开发' },
-    { value: 'mobile', label: '移动开发' },
-    { value: 'ai', label: '人工智能' },
-    { value: 'devops', label: 'DevOps' },
-    { value: 'other', label: '其他' }
-]);
-
-// 计算属性：过滤后的文章列表
-const filteredArticles = computed(() => {
-    let filtered = articles.value;
-
-    // 搜索过滤
-    if (searchText.value) {
-        filtered = filtered.filter(article =>
-            article.title.toLowerCase().includes(searchText.value.toLowerCase()) ||
-            article.content.toLowerCase().includes(searchText.value.toLowerCase()) ||
-            article.tags.toLowerCase().includes(searchText.value.toLowerCase())
-        );
-    }
-
-    return filtered;
-});
-
-// 计算属性：分页后的文章列表
-const paginatedArticles = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value;
-    const end = start + pageSize.value;
-    return filteredArticles.value.slice(start, end);
-});
-
-// 分页变化处理
-const handlePageChange = (page: number) => {
-    currentPage.value = page;
-};
-
-const handleSizeChange = (size: number) => {
-    pageSize.value = size;
-    currentPage.value = 1; // 重置到第一页
-};
-
-// 获取分类文本
-const getCategoryText = (category: string) => {
-    const cat = categories.value.find(c => c.value === category);
-    return cat ? cat.label : category;
-};
-
-// 获取状态文本
-const getStatusText = (status: string) => {
-    switch (status) {
-        case 'draft': return '草稿';
-        case 'published': return '已发布';
-        case 'hidden': return '隐藏';
-        default: return status;
-    }
-};
-
-// 获取状态类型
-const getStatusType = (status: string) => {
-    switch (status) {
-        case 'draft': return '';
-        case 'published': return 'success';
-        case 'hidden': return 'warning';
-        default: return '';
-    }
-};
-
-// 搜索处理
-const handleSearch = () => {
-    // 搜索逻辑通过计算属性实现
-};
-
-
-// 编辑文章
-const editArticle = (article: Article) => {
-    isEditMode.value = true;
-    articleForm.value = {
-        title: article.title,
-        category: article.category,
-        tags: article.tags,
-        content: article.content
-    };
-    showPublishDialog.value = true;
-};
-
-// 查看文章
-const viewArticle = () => {
-    ElMessage.info('查看文章功能开发中...');
-};
-
-// 删除文章
-const deleteArticle = async (article: Article) => {
-    try {
-        await ElMessageBox.confirm(
-            `确定要删除文章"${article.title}"吗？此操作不可恢复。`,
-            '确认删除',
-            {
-                confirmButtonText: '确定删除',
-                cancelButtonText: '取消',
-                type: 'warning',
-            }
-        );
-
-        // 这里可以调用删除API
-        const index = articles.value.findIndex(a => a.id === article.id);
-        if (index > -1) {
-            articles.value.splice(index, 1);
-            // 检查是否需要调整当前页码
-            const totalPages = Math.ceil(articles.value.length / pageSize.value);
-            if (currentPage.value > totalPages && totalPages > 0) {
-                currentPage.value = totalPages;
-            }
-            ElMessage.success('文章删除成功');
-        }
-    } catch (error) {
-        // 用户取消删除
-    }
-};
-
-// 提交文章（发布或更新）
-const submitArticle = async () => {
-    if (!formRef.value) return;
-
-    await formRef.value.validate(async (valid: boolean) => {
-        if (!valid) return;
-
-        loading.value = true;
-
-        try {
-            if (isEditMode.value) {
-                // 更新文章
-                ElMessage.success('文章更新成功');
-            } else {
-                // 发布新文章
-                const newArticle: Article = {
-                    id: Date.now().toString(),
-                    title: articleForm.value.title,
-                    content: articleForm.value.content,
-                    category: articleForm.value.category,
-                    tags: articleForm.value.tags,
-                    status: 'published',
-                    createTime: new Date().toLocaleDateString(),
-                    updateTime: new Date().toLocaleDateString(),
-                    views: 0
-                };
-                articles.value.unshift(newArticle);
-                currentPage.value = 1; // 重置到第一页
-                ElMessage.success('文章发布成功');
-            }
-
-            showPublishDialog.value = false;
-            resetForm();
-        } catch (error) {
-            ElMessage.error('操作失败，请重试');
-        } finally {
-            loading.value = false;
-        }
-    });
-};
-
-// 重置表单
-const resetForm = () => {
-    articleForm.value = {
-        title: '',
-        category: '',
-        tags: '',
-        content: ''
-    };
-    if (formRef.value) {
-        formRef.value.clearValidate();
-    }
-};
-
-// 初始化数据
-const initArticles = () => {
-    // 这里可以调用API获取文章列表
-};
-
-onMounted(() => {
-    initArticles();
-});
-</script>
-
-<style lang="less" scoped>
-.action-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 24px;
-    gap: 16px;
-
-    .search-box {
-        width: 300px;
-    }
-}
-
-.article-list {
-    .article-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
-        gap: 20px;
-    }
-
-    .article-card {
-        background: #fff;
-        border: 1px solid #e4e7ed;
-        border-radius: 8px;
-        padding: 20px;
-        transition: all 0.3s ease;
-        display: flex;
-        align-items: flex-start;
-        gap: 16px;
-
-        &:hover {
-            border-color: #1677ff;
-            box-shadow: 0 4px 12px rgba(22, 119, 255, 0.15);
-        }
-
-        .article-content-area {
-            flex: 1;
-            min-width: 0; // 防止内容溢出
-
-            .article-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: flex-start;
-                margin-bottom: 12px;
-
-                .article-title {
-                    font-size: 16px;
-                    font-weight: 600;
-                    color: #303133;
-                    margin: 0;
-                    flex: 1;
-                    margin-left: 12px;
-                }
-            }
-
-            .article-meta {
-                display: flex;
-                gap: 16px;
-                margin-bottom: 12px;
-                font-size: 12px;
-                color: #909399;
-
-                .article-category {
-                    color: #1677ff;
-                    font-weight: 500;
-                }
-            }
-
-            .article-content {
-                color: #606266;
-                line-height: 1.6;
-                margin-bottom: 0;
-                display: -webkit-box;
-                -webkit-line-clamp: 3;
-                -webkit-box-orient: vertical;
-                overflow: hidden;
-                line-clamp: 3;
-            }
-        }
-
-        .article-actions {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-            gap: 8px;
-            flex-shrink: 0;
-
-            .el-button {
-                width: 80px;
-                justify-content: center;
-            }
-        }
-    }
-}
-
-.empty-state {
-    text-align: center;
-    padding: 60px 20px;
-    color: #999;
-
-    i {
-        font-size: 48px;
-        margin-bottom: 16px;
-        display: block;
-    }
-
-    p {
-        font-size: 14px;
-        margin: 0;
-    }
-}
-
-.pagination-wrapper {
-    display: flex;
-    justify-content: center;
-    margin-top: 32px;
-    padding: 20px 0;
-
-    .el-pagination {
-        ::v-deep(.el-pager li) {
-            min-width: 36px;
-            height: 36px;
-            line-height: 36px;
-            border-radius: 6px;
-            margin: 0 2px;
-        }
-
-        ::v-deep(.el-pager li.is-active) {
-            background-color: #1677ff;
-            color: white;
-        }
-
-        ::v-deep(.btn-prev, .btn-next) {
-            min-width: 36px;
-            height: 36px;
-            border-radius: 6px;
-        }
-    }
-}
-
-/* 弹窗表单样式 */
-.el-dialog {
-    ::v-deep(.el-dialog__body) {
-        padding: 20px 24px;
-    }
-
-    .el-form {
-        .el-form-item {
-            margin-bottom: 20px;
-        }
-
-        .el-textarea {
-            ::v-deep(.el-textarea__inner) {
-                resize: vertical;
-                min-height: 200px;
-            }
-        }
-    }
-}
-</style>
diff --git a/frontend/src/views/user/profile/editArticle.vue b/frontend/src/views/user/profile/editArticle.vue
new file mode 100644
index 0000000..ffd43b6
--- /dev/null
+++ b/frontend/src/views/user/profile/editArticle.vue
@@ -0,0 +1,470 @@
+<template>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">{{ isEditMode ? "编辑文章" : "发布文章" }}</h2>
+      <p class="content-desc">
+        {{ isEditMode ? "修改您的文章内容" : "分享您的技术见解" }}
+      </p>
+    </div>
+    <div class="content-body">
+      <el-form
+        :model="articleForm"
+        label-width="80px"
+        :rules="formRules"
+        ref="formRef"
+      >
+        <el-form-item label="标题" prop="title" required>
+          <el-input
+            v-model="articleForm.title"
+            placeholder="请输入文章标题"
+            maxlength="100"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="分类" prop="category" required>
+          <el-tree-select
+            v-model="articleForm.category"
+            placeholder="请选择分类"
+            :data="categories"
+            :props="{ label: 'name', value: 'id', children: 'children' }"
+            :render-after-expand="false"
+            filterable
+            check-strictly
+          />
+        </el-form-item>
+
+        <el-form-item label="作者" required>
+          <el-input v-model="articleForm.author" placeholder="请输入作者" />
+        </el-form-item>
+
+        <el-form-item label="标签">
+          <el-input
+            v-model="articleForm.tags"
+            placeholder="请输入标签，用逗号分隔"
+          />
+        </el-form-item>
+
+        <el-form-item label="是否转载" required>
+          <el-radio-group v-model="articleForm.is_trans" size="default">
+            <el-radio-button label="是" value="1"></el-radio-button>
+            <el-radio-button label="否" value="0"></el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item
+          v-if="articleForm.is_trans === '1'"
+          label="转载链接"
+          required
+        >
+          <el-input v-model="articleForm.transurl" placeholder="请输入链接" />
+        </el-form-item>
+
+        <el-form-item label="描述">
+          <el-input
+            type="textarea"
+            :rows="4"
+            v-model="articleForm.desc"
+            placeholder="请输入描述"
+          />
+        </el-form-item>
+
+        <el-form-item label="封面图片">
+          <el-upload
+            v-model:file-list="fileList"
+            list-type="picture-card"
+            :limit="1"
+            :auto-upload="false"
+            :on-change="handleFileChange"
+            :on-remove="handleUploadRemove"
+            :before-upload="beforeUpload"
+          >
+            <el-icon><Plus /></el-icon>
+            <template #tip>
+              <div class="el-upload__tip">
+                请上传封面图片，建议尺寸 800x400px
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="内容" prop="content" required>
+          <quill-editor
+            v-model="articleForm.content"
+            placeholder="请输入文章内容..."
+            :height="400"
+          />
+        </el-form-item>
+      </el-form>
+
+      <div class="action-buttons">
+        <el-button @click="goBack">取消</el-button>
+        <el-button type="primary" @click="submitArticle" :loading="loading">
+          {{ isEditMode ? "保存修改" : "发布文章" }}
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { ElMessage } from "element-plus";
+import { Plus } from "@element-plus/icons-vue";
+import { article } from "@/api/article";
+import { update } from "@/api/api";
+
+interface ArticleForm {
+  title: string;
+  category: number | undefined;
+  tags: string;
+  author: string;
+  content: string;
+  desc: string;
+  is_trans: string;
+  transurl: string;
+  image: string;
+}
+
+interface Category {
+  value: string;
+  label: string;
+}
+
+const router = useRouter();
+const route = useRoute();
+
+// 响应式数据
+const isEditMode = ref(false);
+const loading = ref(false);
+const formRef = ref();
+const fileList = ref<any[]>([]);
+const selectedFile = ref<File | null>(null);
+
+// 表单数据
+const articleForm = ref<ArticleForm>({
+  title: "",
+  category: undefined as number | undefined,
+  tags: "",
+  desc: "",
+  author: "",
+  content: "",
+  is_trans: "0",
+  transurl: "",
+  image: "",
+});
+
+// 表单验证规则
+const formRules = {
+  title: [
+    { required: true, message: "请输入文章标题", trigger: "blur" },
+    {
+      min: 1,
+      max: 100,
+      message: "标题长度在 1 到 100 个字符",
+      trigger: "blur",
+    },
+  ],
+  category: [
+    {
+      required: true,
+      message: "请选择文章分类",
+      trigger: "change",
+      validator: (rule: any, value: any, callback: any) => {
+        if (value === undefined || value === null || value === 0) {
+          callback(new Error("请选择文章分类"));
+        } else {
+          callback();
+        }
+      },
+    },
+  ],
+  content: [
+    { required: true, message: "请输入文章内容", trigger: "blur" },
+    { min: 10, message: "内容不能少于10个字符", trigger: "blur" },
+  ],
+};
+
+// 分类选项
+const categories = ref<Category[]>([]);
+
+// 获取文章分类
+const getArticleCategories = async () => {
+  const response: any = await article.getArticleCategory();
+  categories.value = response.data.data;
+};
+
+// 获取用户信息
+const getUserId = () => {
+  const userStr = localStorage.getItem("user");
+  if (userStr) {
+    try {
+      const user = JSON.parse(userStr);
+      return user.uid;
+    } catch (error) {
+      console.error("解析用户信息失败:", error);
+      return null;
+    }
+  }
+  return null;
+};
+
+// 初始化数据
+const initData = async () => {
+  // 获取文章分类
+  await getArticleCategories();
+
+  // 检查是否为编辑模式
+  const articleId = route.query.id as string;
+  if (articleId) {
+    isEditMode.value = true;
+    loadArticle(articleId);
+  }
+};
+
+// 加载文章数据（编辑模式）
+const loadArticle = async (articleId: string) => {
+  loading.value = true;
+  try {
+    const response = await article.getArticleDetail(articleId);
+    if (response.data.code === 0) {
+      const articleData = response.data.data.article; // 修正数据路径
+      articleForm.value = {
+        title: articleData.title || "",
+        category: articleData.cate || undefined,
+        tags: articleData.tags || "",
+        desc: articleData.desc || "",
+        author: articleData.author || "",
+        content: articleData.content || "",
+        is_trans: articleData.is_trans || "0",
+        transurl: articleData.transurl || "",
+        image: articleData.image || "",
+      };
+
+      // 如果有封面图片，设置fileList
+      if (articleData.image) {
+        // 拼接完整的图片URL
+        const fullImageUrl = articleData.image.startsWith('http')
+          ? articleData.image
+          : `http://localhost:8000${articleData.image}`;
+
+        fileList.value = [
+          {
+            name: "cover.jpg",
+            url: fullImageUrl,
+            uid: Date.now(),
+          },
+        ];
+      }
+    } else {
+      ElMessage.error(response.data.msg || "加载文章失败");
+    }
+  } catch (error) {
+    console.error("加载文章失败:", error);
+    ElMessage.error("加载文章失败，请重试");
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 上传处理方法
+const handleFileChange = (file: any, fileList: any[]) => {
+  // 存储选择的文件，用于后续上传
+  selectedFile.value = file.raw;
+};
+
+const uploadCoverImage = async (): Promise<string | null> => {
+  if (!selectedFile.value) {
+    return articleForm.value.image; // 如果没有新选择文件，返回原有图片URL
+  }
+
+  const formData = new FormData();
+
+  // 只发送文件字段，测试是否能上传成功
+  formData.append('file', selectedFile.value, selectedFile.value.name);
+
+  try {
+    const response = await update.uploadImage(formData);
+
+    // 检查响应状态
+    if (response.status === 200) {
+      const responseData = response.data;
+
+      if (responseData.code === 0) {
+        // 根据后端返回格式：data.url
+        const imageUrl = responseData.data?.url;
+        if (imageUrl) {
+          ElMessage.success("封面上传成功");
+          return imageUrl;
+        } else {
+          console.error('无法获取图片URL:', responseData);
+          ElMessage.error("封面上传失败：无法获取图片URL");
+          return null;
+        }
+      } else {
+        ElMessage.error(responseData.msg || "封面上传失败");
+        return null;
+      }
+    } else {
+      ElMessage.error("封面上传失败：服务器响应异常");
+      return null;
+    }
+  } catch (error: any) {
+    console.error('上传错误:', error);
+    const errorMessage = error.response?.data?.msg || error.message || "封面上传失败";
+    ElMessage.error(errorMessage);
+    return null;
+  }
+};
+
+const handleUploadRemove = (file: any, fileList: any[]) => {
+  selectedFile.value = null;
+  articleForm.value.image = "";
+};
+
+const beforeUpload = (file: any) => {
+  const isImage = file.type.startsWith("image/");
+  const isLt5M = file.size / 1024 / 1024 < 5;
+
+  if (!isImage) {
+    ElMessage.error("只能上传图片文件!");
+    return false;
+  }
+  if (!isLt5M) {
+    ElMessage.error("上传图片大小不能超过 5MB!");
+    return false;
+  }
+  return true;
+};
+
+// 提交文章（发布或更新）
+const submitArticle = async () => {
+  if (!formRef.value) return;
+
+  const userId = getUserId();
+  if (!userId) {
+    ElMessage.warning("请先登录");
+    return;
+  }
+
+  await formRef.value.validate(async (valid: boolean) => {
+    if (!valid) return;
+
+    loading.value = true;
+
+    try {
+      // 先上传封面图片（如果有选择新文件）
+      const coverImageUrl = await uploadCoverImage();
+      if (coverImageUrl === null && selectedFile.value) {
+        // 上传失败且有选择新文件
+        loading.value = false;
+        return;
+      }
+
+      const articleData = {
+        title: articleForm.value.title,
+        content: articleForm.value.content,
+        cate: articleForm.value.category || 0,
+        user_id: userId,
+        desc: articleForm.value.desc,
+        author: articleForm.value.author,
+        is_trans: articleForm.value.is_trans,
+        transurl:
+          articleForm.value.is_trans === "1" ? articleForm.value.transurl : "",
+        image: coverImageUrl || "",
+      };
+
+      if (isEditMode.value) {
+        // 更新文章
+        const articleId = route.query.id as string;
+        const updateData = {
+          ...articleData,
+          id: articleId,
+        };
+        const response = await article.updateArticle(articleId, updateData);
+        if (response.data.code === 0) {
+          ElMessage.success("文章更新成功");
+          router.push("/user/profile");
+        } else {
+          ElMessage.error(response.data.msg || "文章更新失败");
+        }
+      } else {
+        // 发布新文章
+        const response = await article.publishArticle(articleData);
+        if (response.data.code === 0) {
+          ElMessage.success("文章发布成功");
+          router.push("/user/profile");
+        } else {
+          ElMessage.error(response.data.msg || "文章发布失败");
+        }
+      }
+    } catch (error) {
+      console.error("操作失败:", error);
+      ElMessage.error("操作失败，请重试");
+    } finally {
+      loading.value = false;
+    }
+  });
+};
+
+// 返回上一页
+const goBack = () => {
+  router.back();
+};
+
+onMounted(() => {
+  initData();
+});
+</script>
+
+<style lang="less" scoped>
+.content-section {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.content-header {
+  margin-bottom: 32px;
+  text-align: center;
+
+  .content-title {
+    font-size: 24px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 8px;
+  }
+
+  .content-desc {
+    color: #909399;
+    font-size: 14px;
+  }
+}
+
+.content-body {
+  background: #fff;
+}
+
+.el-form {
+  .el-form-item {
+    margin-bottom: 24px;
+  }
+
+  .el-textarea {
+    ::v-deep(.el-textarea__inner) {
+      resize: vertical;
+      min-height: 200px;
+    }
+  }
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+  margin-top: 32px;
+  padding-top: 24px;
+  border-top: 1px solid #e4e7ed;
+}
+</style>
diff --git a/frontend/src/views/user/profile/editResource.vue b/frontend/src/views/user/profile/editResource.vue
new file mode 100644
index 0000000..b245343
--- /dev/null
+++ b/frontend/src/views/user/profile/editResource.vue
@@ -0,0 +1,364 @@
+<template>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">{{ isEditMode ? "编辑资源" : "发布资源" }}</h2>
+      <p class="content-desc">
+        {{ isEditMode ? "修改您的资源信息" : "分享您的应用资源" }}
+      </p>
+    </div>
+    <div class="content-body">
+      <el-form
+        :model="resourceForm"
+        label-width="80px"
+        :rules="formRules"
+        ref="formRef"
+      >
+        <el-form-item label="资源名称" prop="name" required>
+          <el-input
+            v-model="resourceForm.name"
+            placeholder="请输入资源名称"
+            maxlength="50"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="资源类型" prop="type" required>
+          <el-select v-model="resourceForm.type" placeholder="请选择资源类型">
+            <el-option
+              v-for="type in resourceTypes"
+              :key="type.value"
+              :label="type.label"
+              :value="type.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分类" prop="category" required>
+          <el-checkbox-group v-model="resourceForm.category">
+            <el-checkbox
+              v-for="platform in platforms"
+              :key="platform.value"
+              :value="platform.value"
+            >
+              {{ platform.label }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+
+        <el-form-item label="版本号">
+          <el-input v-model="resourceForm.version" placeholder="例如：1.0.0" />
+        </el-form-item>
+
+        <el-form-item label="下载链接" prop="downloadUrl" required>
+          <el-input
+            v-model="resourceForm.downloadUrl"
+            placeholder="请输入下载链接"
+          />
+        </el-form-item>
+
+        <el-form-item label="资源描述" prop="description" required>
+          <el-input
+            v-model="resourceForm.description"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入资源描述..."
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="截图上传">
+          <el-upload
+            ref="uploadRef"
+            :file-list="fileList"
+            :on-change="handleFileChange"
+            :on-remove="handleFileRemove"
+            action=""
+            :auto-upload="false"
+            multiple
+            accept="image/*"
+            list-type="picture-card"
+          >
+            <el-icon><Plus /></el-icon>
+            <div class="upload-text">上传截图</div>
+          </el-upload>
+          <div class="upload-tips">
+            <p>支持 JPG、PNG、GIF 格式，单张图片不超过 2MB，最多上传 5 张</p>
+          </div>
+        </el-form-item>
+      </el-form>
+
+      <div class="action-buttons">
+        <el-button @click="goBack">取消</el-button>
+        <el-button type="primary" @click="submitResource" :loading="loading">
+          {{ isEditMode ? "保存修改" : "发布资源" }}
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { ElMessage } from "element-plus";
+import { Plus } from "@element-plus/icons-vue";
+import { resource } from "@/api/resource";
+
+interface ResourceForm {
+  name: string;
+  type: string;
+  category: string[];
+  version: string;
+  downloadUrl: string;
+  description: string;
+}
+
+interface ResourceType {
+  value: string;
+  label: string;
+}
+
+interface Platform {
+  value: string;
+  label: string;
+}
+
+const router = useRouter();
+const route = useRoute();
+
+// 响应式数据
+const isEditMode = ref(false);
+const loading = ref(false);
+const formRef = ref();
+const uploadRef = ref();
+const fileList = ref([]);
+
+// 表单数据
+const resourceForm = ref<ResourceForm>({
+  name: "",
+  type: "",
+  category: [],
+  version: "",
+  downloadUrl: "",
+  description: "",
+});
+
+// 表单验证规则
+const formRules = {
+  name: [
+    { required: true, message: "请输入资源名称", trigger: "blur" },
+    { min: 1, max: 50, message: "名称长度在 1 到 50 个字符", trigger: "blur" },
+  ],
+  type: [{ required: true, message: "请选择资源类型", trigger: "change" }],
+  category: [
+    {
+      type: "array",
+      required: true,
+      message: "请至少选择一个分类",
+      trigger: "change",
+    },
+  ],
+  downloadUrl: [
+    { required: true, message: "请输入下载链接", trigger: "blur" },
+    { type: "url", message: "请输入正确的URL格式", trigger: "blur" },
+  ],
+  description: [
+    { required: true, message: "请输入资源描述", trigger: "blur" },
+    { min: 10, message: "描述不能少于10个字符", trigger: "blur" },
+  ],
+};
+
+// 资源类型选项
+const resourceTypes = ref<ResourceType[]>([
+  { value: "software", label: "软件工具" },
+  { value: "plugin", label: "插件扩展" },
+  { value: "library", label: "代码库" },
+  { value: "template", label: "模板素材" },
+  { value: "other", label: "其他" },
+]);
+
+// 平台选项
+const platforms = ref<Platform[]>([
+  { value: "windows", label: "Windows" },
+  { value: "macos", label: "macOS" },
+  { value: "linux", label: "Linux" },
+  { value: "web", label: "Web" },
+  { value: "mobile", label: "移动端" },
+]);
+
+// 初始化数据
+const initData = () => {
+  // 检查是否为编辑模式
+  const resourceId = route.query.id as string;
+  if (resourceId) {
+    isEditMode.value = true;
+    loadResource(resourceId);
+  }
+};
+
+// 加载资源数据（编辑模式）
+const loadResource = async (resourceId: string) => {
+  loading.value = true;
+  try {
+    const response = await resource.getResourceDetail(resourceId);
+    if (response.data.code === 0 && response.data.data) {
+      const resourceData = response.data.data;
+      resourceForm.value = {
+        name: resourceData.name || "",
+        type: resourceData.type || "",
+        category: resourceData.category || [],
+        version: resourceData.version || "",
+        downloadUrl: resourceData.download_url || "",
+        description: resourceData.description || "",
+      };
+    } else {
+      ElMessage.error(response.data.msg || "加载资源失败");
+      router.push("/user/profile/resource/list");
+    }
+  } catch (error) {
+    console.error("加载资源失败:", error);
+    ElMessage.error("加载资源失败，请重试");
+    router.push("/user/profile/resource/list");
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 文件上传处理
+const handleFileChange = (file: any, fileList: any[]) => {
+  // 处理文件上传
+};
+
+const handleFileRemove = (file: any, fileList: any[]) => {
+  // 处理文件移除
+};
+
+// 提交资源（发布或更新）
+const submitResource = async () => {
+  if (!formRef.value) return;
+
+  await formRef.value.validate(async (valid: boolean) => {
+    if (!valid) return;
+
+    loading.value = true;
+
+    try {
+      const resourceData = {
+        name: resourceForm.value.name,
+        type: resourceForm.value.type,
+        category: resourceForm.value.category,
+        version: resourceForm.value.version || "1.0.0",
+        downloadUrl: resourceForm.value.downloadUrl,
+        description: resourceForm.value.description,
+        // 这里可以添加其他字段，如 user_id 等
+      };
+
+      if (isEditMode.value) {
+        // 更新资源
+        const resourceId = route.query.id as string;
+        const response = await resource.updateResource(
+          resourceId,
+          resourceData
+        );
+        if (response.data.code === 0) {
+          ElMessage.success("资源更新成功");
+          router.push("/user/profile/resource/list");
+        } else {
+          ElMessage.error(response.data.msg || "资源更新失败");
+        }
+      } else {
+        // 发布新资源
+        const response = await resource.publishResource(resourceData);
+        if (response.data.code === 0) {
+          ElMessage.success("资源发布成功");
+          router.push("/user/profile/resource/list");
+        } else {
+          ElMessage.error(response.data.msg || "资源发布失败");
+        }
+      }
+    } catch (error) {
+      console.error("操作失败:", error);
+      ElMessage.error("操作失败，请重试");
+    } finally {
+      loading.value = false;
+    }
+  });
+};
+
+// 返回上一页
+const goBack = () => {
+  router.back();
+};
+
+onMounted(() => {
+  initData();
+});
+</script>
+
+<style lang="less" scoped>
+.content-section {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.content-header {
+  margin-bottom: 32px;
+  text-align: center;
+
+  .content-title {
+    font-size: 24px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 8px;
+  }
+
+  .content-desc {
+    color: #909399;
+    font-size: 14px;
+  }
+}
+
+.content-body {
+  background: #fff;
+}
+
+.el-form {
+  .el-form-item {
+    margin-bottom: 24px;
+  }
+
+  .el-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+
+    .el-checkbox {
+      margin-right: 0;
+    }
+  }
+
+  .el-textarea {
+    ::v-deep(.el-textarea__inner) {
+      resize: vertical;
+      min-height: 100px;
+    }
+  }
+}
+
+.upload-tips {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #909399;
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+  margin-top: 32px;
+  padding-top: 24px;
+  border-top: 1px solid #e4e7ed;
+}
+</style>
diff --git a/frontend/src/views/user/profile/index.vue b/frontend/src/views/user/profile/index.vue
index c12ac3b..8672845 100644
--- a/frontend/src/views/user/profile/index.vue
+++ b/frontend/src/views/user/profile/index.vue
@@ -37,26 +37,8 @@
         </div>
         <div class="profile-main">
             <div class="content-area">
-                <!-- 基本资料 -->
-                <BasicInfo v-if="activeMenu === 'profile-basic'" />
-
-                <!-- 我的钱包 -->
-                <Wallet v-if="activeMenu === 'profile-wallet'" />
-
-                <!-- 我的消息 -->
-                <Messages v-if="activeMenu === 'profile-messages'" />
-
-                <!-- 安全设置 -->
-                <Security v-if="activeMenu === 'profile-security'" />
-
-                <!-- 发布文章 -->
-                <ArticlePublish v-if="activeMenu === 'article-publish'" />
-
-                <!-- 发布资源 -->
-                <ResourcePublish v-if="activeMenu === 'apps-publish'" />
-
-                <!-- 系统通知 -->
-                <Notifications v-if="activeMenu === 'profile-notifications'" />
+                <!-- 子路由视图 -->
+                <router-view />
             </div>
         </div>
     </div>
@@ -69,10 +51,14 @@ import BasicInfo from "@/views/user/profile/basicInfo.vue";
 import Wallet from "@/views/user/profile/wallet.vue";
 import Messages from "@/views/user/profile/messages.vue";
 import Security from "@/views/user/profile/security.vue";
-import ArticlePublish from "@/views/user/profile/articlePublish.vue";
-import ResourcePublish from "@/views/user/profile/resourcePublish.vue";
+import ListArticle from "@/views/user/profile/listArticle.vue";
+import ListResource from "@/views/user/profile/listResource.vue";
 import Notifications from "@/views/user/profile/notifications.vue";
-import { ref } from "vue";
+import { ref, watch, onMounted } from "vue";
+import { useRouter, useRoute } from "vue-router";
+
+const router = useRouter();
+const route = useRoute();
 
 // 响应式数据
 const activeMenu = ref('profile-basic'); // 当前激活的菜单项
@@ -149,6 +135,23 @@ const menuGroups = ref([
 // 菜单点击事件
 const handleMenuClick = (target: string) => {
   activeMenu.value = target;
+
+  // 根据菜单项跳转到对应的路由
+  if (target === 'profile-basic') {
+    router.push('/user/profile/basic');
+  } else if (target === 'profile-wallet') {
+    router.push('/user/profile/wallet');
+  } else if (target === 'profile-messages') {
+    router.push('/user/profile/messages');
+  } else if (target === 'profile-security') {
+    router.push('/user/profile/security');
+  } else if (target === 'profile-notifications') {
+    router.push('/user/profile/notifications');
+  } else if (target === 'article-publish') {
+    router.push('/user/profile/article/list');
+  } else if (target === 'apps-publish') {
+    router.push('/user/profile/resource/list');
+  }
 };
 
 // 分组折叠/展开（手风琴效果）
@@ -171,8 +174,57 @@ const isGroupCollapsed = (groupName: string) => {
   return collapsedGroups.value.includes(groupName);
 };
 
+// 根据路由设置活动菜单
+const setActiveMenuFromRoute = () => {
+  const currentPath = route.path;
 
+  // 重置折叠状态，只展开相关的分组
+  collapsedGroups.value = ['personal', 'apps', 'system']; // 默认都折叠
 
+  if (currentPath.includes('/user/profile/article/publish') ||
+      currentPath.includes('/user/profile/article/edit') ||
+      currentPath.includes('/user/profile/article/list')) {
+    activeMenu.value = 'article-publish';
+    // 只展开 apps 分组
+    collapsedGroups.value = collapsedGroups.value.filter(id => id !== 'apps');
+  } else if (currentPath.includes('/user/profile/resource/publish') ||
+             currentPath.includes('/user/profile/resource/edit') ||
+             currentPath.includes('/user/profile/resource/list')) {
+    activeMenu.value = 'apps-publish';
+    // 只展开 apps 分组
+    collapsedGroups.value = collapsedGroups.value.filter(id => id !== 'apps');
+  } else if (currentPath.includes('/user/profile/basic') ||
+             currentPath.includes('/user/profile/wallet') ||
+             currentPath.includes('/user/profile/messages') ||
+             currentPath.includes('/user/profile/security')) {
+    // 个人中心相关页面
+    if (currentPath.includes('/user/profile/basic')) {
+      activeMenu.value = 'profile-basic';
+    } else if (currentPath.includes('/user/profile/wallet')) {
+      activeMenu.value = 'profile-wallet';
+    } else if (currentPath.includes('/user/profile/messages')) {
+      activeMenu.value = 'profile-messages';
+    } else if (currentPath.includes('/user/profile/security')) {
+      activeMenu.value = 'profile-security';
+    }
+    // 只展开 personal 分组
+    collapsedGroups.value = collapsedGroups.value.filter(id => id !== 'personal');
+  } else if (currentPath.includes('/user/profile/notifications')) {
+    activeMenu.value = 'profile-notifications';
+    // 只展开 system 分组
+    collapsedGroups.value = collapsedGroups.value.filter(id => id !== 'system');
+  }
+};
+
+// 监听路由变化，自动设置活动菜单
+watch(() => route.path, () => {
+  setActiveMenuFromRoute();
+});
+
+// 组件挂载时设置活动菜单
+onMounted(() => {
+  setActiveMenuFromRoute();
+});
 
 </script>
 <style lang="less">
diff --git a/frontend/src/views/user/profile/listArticle.vue b/frontend/src/views/user/profile/listArticle.vue
new file mode 100644
index 0000000..e4fcaea
--- /dev/null
+++ b/frontend/src/views/user/profile/listArticle.vue
@@ -0,0 +1,390 @@
+<template>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">文章管理</h2>
+      <p class="content-desc">管理您的技术文章</p>
+    </div>
+    <div class="content-body">
+      <!-- 操作栏 -->
+      <div class="action-bar">
+        <el-button type="primary" @click="goToPublish">
+          <i class="fa-solid fa-plus"></i>
+          发布文章
+        </el-button>
+        <div class="search-box">
+          <el-input
+            v-model="searchText"
+            placeholder="搜索文章..."
+            clearable
+            @input="handleSearch"
+          >
+            <template #prefix>
+              <i class="fa-solid fa-search"></i>
+            </template>
+          </el-input>
+        </div>
+      </div>
+
+      <!-- 文章列表 -->
+      <div class="article-list">
+        <div v-if="filteredArticles.length === 0" class="empty-state">
+          <i class="fa-solid fa-file-alt"></i>
+          <p>
+            {{
+              searchText && articleData.length > 0
+                ? "未找到相关文章"
+                : "暂无文章"
+            }}
+          </p>
+        </div>
+        <div v-else class="article-grid">
+          <div
+            v-for="item in paginatedArticles"
+            :key="item.id"
+            class="article-card"
+          >
+            <div class="article-content-area">
+              <div class="article-header">
+                <el-tag type="success" size="small">
+                  {{ item.category_name }}
+                </el-tag>
+                <h3 class="article-title">{{ item.title }}</h3>
+              </div>
+              <div class="article-meta">
+                <span class="article-author">作者: {{ item.author }}</span>
+                <span class="article-date">
+                  {{item.update_time ? item.update_time : item.publish_date || item.publishdate}}
+                </span>
+                <span class="article-views">{{ item.views }} 阅读</span>
+                <span class="article-likes">{{ item.likes }} 点赞</span>
+              </div>
+            </div>
+            <div class="article-actions">
+              <el-button size="small" @click="editArticle(item)"
+                >编辑</el-button
+              >
+              <el-button size="small" type="danger" @click="deleteArticle(item)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+
+        <!-- 分页组件 -->
+        <div v-if="filteredArticles.length > 0" class="pagination-wrapper">
+          <el-pagination
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :page-sizes="[5, 10, 20, 50]"
+            :total="filteredArticles.length"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handlePageChange"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { article } from "@/api/article";
+
+const router = useRouter();
+
+// 响应式数据
+const articleData = ref<any[]>([]);
+const searchText = ref("");
+const loading = ref(false);
+
+// 分页相关
+const currentPage = ref(1);
+const pageSize = ref(10);
+
+// 计算属性：过滤后的文章列表
+const filteredArticles = computed(() => {
+  let filtered = articleData.value;
+
+  // 搜索过滤
+  if (searchText.value) {
+    filtered = filtered.filter(
+      (article: any) =>
+        article.title.toLowerCase().includes(searchText.value.toLowerCase()) ||
+        (article.desc || "")
+          .toLowerCase()
+          .includes(searchText.value.toLowerCase()) ||
+        (article.category_name || "")
+          .toLowerCase()
+          .includes(searchText.value.toLowerCase()) ||
+        (article.author || "")
+          .toLowerCase()
+          .includes(searchText.value.toLowerCase())
+    );
+  }
+
+  return filtered;
+});
+
+// 计算属性：分页后的文章列表
+const paginatedArticles = computed(() => {
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = start + pageSize.value;
+  return filteredArticles.value.slice(start, end);
+});
+
+// 分页变化处理
+const handlePageChange = (page: number) => {
+  currentPage.value = page;
+};
+
+const handleSizeChange = (size: number) => {
+  pageSize.value = size;
+  currentPage.value = 1; // 重置到第一页
+};
+
+// 搜索处理
+const handleSearch = () => {
+  // 搜索逻辑通过计算属性实现
+};
+
+// 跳转到发布文章页面
+const goToPublish = () => {
+  router.push("/user/profile/article/publish");
+};
+
+// 编辑文章
+const editArticle = (article: any) => {
+  router.push({
+    path: "/user/profile/article/edit",
+    query: { id: article.id },
+  });
+};
+
+// 删除文章
+const deleteArticle = async (article: any) => {
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除文章"${article.title}"吗？此操作不可恢复。`,
+      "确认删除",
+      {
+        confirmButtonText: "确定删除",
+        cancelButtonText: "取消",
+        type: "warning",
+      }
+    );
+
+    // 调用删除API
+    const response = await article.deleteArticle(article.id);
+    if (response.data.code === 0) {
+      ElMessage.success("文章删除成功");
+      await initArticles(); // 重新获取列表
+
+      // 检查是否需要调整当前页码
+      const totalPages = Math.ceil(articleData.value.length / pageSize.value);
+      if (currentPage.value > totalPages && totalPages > 0) {
+        currentPage.value = totalPages;
+      }
+    } else {
+      ElMessage.error(response.data.msg || "文章删除失败");
+    }
+  } catch (error) {
+    // 用户取消删除或API调用失败
+    if (error !== "cancel") {
+      ElMessage.error("文章删除失败，请重试");
+    }
+  }
+};
+
+// 获取用户信息
+const getUserId = () => {
+  const userStr = localStorage.getItem("user");
+  if (userStr) {
+    try {
+      const user = JSON.parse(userStr);
+      return user.uid;
+    } catch (error) {
+      console.error("解析用户信息失败:", error);
+      return null;
+    }
+  }
+  return null;
+};
+
+// 初始化数据
+const initArticles = async () => {
+  const uid = getUserId();
+  if (!uid) {
+    ElMessage.warning("请先登录");
+    return;
+  }
+
+  loading.value = true;
+  try {
+    const response: any = await article.getUserArticleList(uid);
+    if (response.data.code === 0) {
+      // 直接使用API返回的数据
+      articleData.value = response.data.data.articles || [];
+    } else {
+      ElMessage.error(response.data.msg || "获取文章列表失败");
+      articleData.value = [];
+    }
+  } catch (error) {
+    console.error("获取文章列表失败:", error);
+    ElMessage.error("获取文章列表失败，请重试");
+    articleData.value = [];
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  initArticles();
+});
+</script>
+
+<style lang="less" scoped>
+.action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+  gap: 16px;
+
+  .search-box {
+    width: 300px;
+  }
+}
+
+.article-list {
+  .article-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+    gap: 20px;
+  }
+
+  .article-card {
+    background: #fff;
+    border: 1px solid #e4e7ed;
+    border-radius: 8px;
+    padding: 20px;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &:hover {
+      border-color: #1677ff;
+      box-shadow: 0 4px 12px rgba(22, 119, 255, 0.15);
+    }
+
+    .article-content-area {
+      flex: 1;
+      min-width: 0; // 防止内容溢出
+
+      .article-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 12px;
+
+        .article-title {
+          font-size: 16px;
+          font-weight: 600;
+          color: #303133;
+          margin: 0;
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+
+      .article-meta {
+        display: flex;
+        gap: 16px;
+        font-size: 12px;
+        color: #909399;
+
+        .article-category {
+          color: #1677ff;
+          font-weight: 500;
+        }
+      }
+
+      .article-content {
+        color: #606266;
+        line-height: 1.6;
+        margin-bottom: 0;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        line-clamp: 3;
+      }
+    }
+
+    .article-actions {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 8px;
+      flex-shrink: 0;
+
+      .el-button {
+        width: 80px;
+        justify-content: center;
+      }
+    }
+  }
+}
+
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: #999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  i {
+    font-size: 48px;
+    margin-bottom: 16px;
+    display: block;
+  }
+
+  p {
+    font-size: 14px;
+    margin: 0;
+  }
+}
+
+.pagination-wrapper {
+  display: flex;
+  justify-content: center;
+  margin-top: 32px;
+  padding: 20px 0;
+
+  .el-pagination {
+    ::v-deep(.el-pager li) {
+      min-width: 36px;
+      height: 36px;
+      line-height: 36px;
+      border-radius: 6px;
+      margin: 0 2px;
+    }
+
+    ::v-deep(.el-pager li.is-active) {
+      background-color: #1677ff;
+      color: white;
+    }
+
+    ::v-deep(.btn-prev, .btn-next) {
+      min-width: 36px;
+      height: 36px;
+      border-radius: 6px;
+    }
+  }
+}
+</style>
diff --git a/frontend/src/views/user/profile/listResource.vue b/frontend/src/views/user/profile/listResource.vue
new file mode 100644
index 0000000..263656d
--- /dev/null
+++ b/frontend/src/views/user/profile/listResource.vue
@@ -0,0 +1,434 @@
+<template>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">资源管理</h2>
+      <p class="content-desc">管理您的应用资源</p>
+    </div>
+    <div class="content-body">
+      <!-- 操作栏 -->
+      <div class="action-bar">
+        <el-button type="primary" @click="goToPublish">
+          <i class="fa-solid fa-plus"></i>
+          发布资源
+        </el-button>
+        <div class="filters">
+          <el-input
+            v-model="searchText"
+            placeholder="搜索资源..."
+            clearable
+            @input="handleSearch"
+            style="width: 300px; margin-left: 12px"
+          >
+            <template #prefix>
+              <i class="fa-solid fa-search"></i>
+            </template>
+          </el-input>
+        </div>
+      </div>
+
+      <!-- 资源列表 -->
+      <div class="resource-list">
+        <div v-if="filteredResources.length === 0" class="empty-state">
+          <i class="fa-solid fa-cubes"></i>
+          <p>
+            {{ searchText || filterType ? "未找到相关资源" : "暂无资源" }}
+          </p>
+        </div>
+        <div v-else class="resource-grid">
+          <div
+            v-for="resource in paginatedResources"
+            :key="resource.id"
+            class="resource-card"
+          >
+            <div class="resource-content-area">
+              <div class="resource-header">
+                <el-tag :type="resource.type" size="small">
+                  {{ resource.category_name }}
+                </el-tag>
+                <h3 class="resource-title">
+                  {{ resource.title }}
+                </h3>
+              </div>
+              <div class="resource-meta">
+                <span class="resource-version"
+                  >上传者：{{ resource.uploader }}
+                </span>
+                <span class="resource-date">
+                  {{ resource.create_time }}
+                </span>
+                <span class="resource-views">
+                  {{ resource.views }} 阅读
+                </span>
+                <span class="resource-downloads">
+                  {{ resource.downloads }} 下载
+                </span>
+              </div>
+
+              <div class="resource-description">
+                {{ resource.description }}
+              </div>
+            </div>
+            <div class="resource-actions">
+              <el-button size="small" @click="editResource(resource)"
+                >编辑</el-button
+              >
+              <el-button
+                size="small"
+                type="danger"
+                @click="deleteResource(resource)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+
+        <!-- 分页组件 -->
+        <div v-if="filteredResources.length > 0" class="pagination-wrapper">
+          <el-pagination
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :page-sizes="[5, 10, 20, 50]"
+            :total="totalResources"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handlePageChange"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { resource } from "@/api/resource";
+
+const router = useRouter();
+
+// 响应式数据
+const resourceData = ref<any[]>([]);
+const searchText = ref("");
+const filterType = ref("");
+const loading = ref(false);
+
+// 分页相关
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalResources = computed(() => filteredResources.value.length);
+
+// 计算属性：过滤后的资源列表
+const filteredResources = computed(() => {
+  let filtered = resourceData.value;
+
+  // 搜索过滤
+  if (searchText.value) {
+    filtered = filtered.filter(
+      (resource: any) =>
+        resource.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
+        (resource.description || "")
+          .toLowerCase()
+          .includes(searchText.value.toLowerCase()) ||
+        getTypeText(resource.type)
+          .toLowerCase()
+          .includes(searchText.value.toLowerCase())
+    );
+  }
+
+  // 类型过滤
+  if (filterType.value) {
+    filtered = filtered.filter(
+      (resource: any) => resource.type === filterType.value
+    );
+  }
+
+  return filtered;
+});
+
+// 计算属性：分页后的资源列表
+const paginatedResources = computed(() => {
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = start + pageSize.value;
+  return filteredResources.value.slice(start, end);
+});
+
+// 分页变化处理
+const handlePageChange = (page: number) => {
+  currentPage.value = page;
+};
+
+const handleSizeChange = (size: number) => {
+  pageSize.value = size;
+  currentPage.value = 1; // 重置到第一页
+};
+
+// 搜索处理
+const handleSearch = () => {
+  // 搜索逻辑通过计算属性实现
+};
+
+// 获取类型文本
+const getTypeText = (type: string) => {
+  const typeMap: { [key: string]: string } = {
+    android: "Android",
+    ios: "iOS",
+    web: "Web",
+    desktop: "桌面应用",
+    other: "其他",
+  };
+  return typeMap[type] || type;
+};
+
+// 获取类型颜色
+const getTypeColor = (type: string): string | undefined => {
+  const colorMap: { [key: string]: string } = {
+    android: "success",
+    ios: "primary",
+    web: "info",
+    desktop: "warning",
+    // 移除'other'，让它使用默认样式
+  };
+  return colorMap[type]; // 不设置默认值，让ElTag使用默认样式
+};
+
+// 跳转到发布资源页面
+const goToPublish = () => {
+  router.push("/user/profile/resource/publish");
+};
+
+// 跳转到资源列表页面
+const goToList = () => {
+  router.push("/user/profile/resource/list");
+};
+
+// 编辑资源
+const editResource = (resource: any) => {
+  router.push({
+    path: "/user/profile/resource/edit",
+    query: { id: resource.id },
+  });
+};
+
+// 删除资源
+const deleteResource = async (resource: any) => {
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除资源"${resource.name}"吗？此操作不可恢复。`,
+      "确认删除",
+      {
+        confirmButtonText: "确定删除",
+        cancelButtonText: "取消",
+        type: "warning",
+      }
+    );
+
+    // 调用删除API
+    const response = await resource.deleteResource(resource.id);
+    if (response.data.code === 0) {
+      ElMessage.success("资源删除成功");
+      await initResources(); // 重新获取列表
+
+      // 检查是否需要调整当前页码
+      const totalPages = Math.ceil(resourceData.value.length / pageSize.value);
+      if (currentPage.value > totalPages && totalPages > 0) {
+        currentPage.value = totalPages;
+      }
+    } else {
+      ElMessage.error(response.data.msg || "资源删除失败");
+    }
+  } catch (error) {
+    // 用户取消删除或API调用失败
+    if (error !== "cancel") {
+      ElMessage.error("资源删除失败，请重试");
+    }
+  }
+};
+
+// 获取用户信息
+const getUserId = () => {
+  const userStr = localStorage.getItem("user");
+  if (userStr) {
+    try {
+      const user = JSON.parse(userStr);
+      return user.uid;
+    } catch (error) {
+      console.error("解析用户信息失败:", error);
+      return null;
+    }
+  }
+  return null;
+};
+
+// 初始化数据
+const initResources = async () => {
+  const uid = getUserId();
+  if (!uid) {
+    ElMessage.warning("请先登录");
+    return;
+  }
+
+  loading.value = true;
+  try {
+    const response: any = await resource.getUserResourceList(uid);
+    if (response.data.code === 0) {
+      // 直接使用API返回的数据
+      resourceData.value = response.data.data.resources || [];
+    } else {
+      ElMessage.error(response.data.msg || "获取文章列表失败");
+      resourceData.value = [];
+    }
+  } catch (error) {
+    console.error("获取文章列表失败:", error);
+    ElMessage.error("获取文章列表失败，请重试");
+    resourceData.value = [];
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  initResources();
+});
+</script>
+
+<style lang="less" scoped>
+.action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+  gap: 16px;
+
+  .filters {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+}
+
+.resource-list {
+  .resource-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+    gap: 20px;
+  }
+
+  .resource-card {
+    background: #fff;
+    border: 1px solid #e4e7ed;
+    border-radius: 8px;
+    padding: 20px;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &:hover {
+      border-color: #1677ff;
+      box-shadow: 0 4px 12px rgba(22, 119, 255, 0.15);
+    }
+
+    .resource-content-area {
+      flex: 1;
+      min-width: 0;
+
+      .resource-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 12px;
+
+        .resource-title {
+          font-size: 16px;
+          font-weight: 600;
+          color: #303133;
+          margin: 0;
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+
+      .resource-meta {
+        display: flex;
+        gap: 16px;
+        font-size: 12px;
+        color: #909399;
+      }
+
+      .resource-description {
+        color: #606266;
+        line-height: 1.6;
+        margin-bottom: 0;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        line-clamp: 3;
+      }
+    }
+
+    .resource-actions {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 8px;
+      flex-shrink: 0;
+
+      .el-button {
+        width: 80px;
+        justify-content: center;
+      }
+    }
+  }
+}
+
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: #999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  i {
+    font-size: 48px;
+    margin-bottom: 16px;
+    display: block;
+  }
+
+  p {
+    font-size: 14px;
+    margin: 0;
+  }
+}
+
+.pagination-wrapper {
+  display: flex;
+  justify-content: center;
+  margin-top: 32px;
+  padding: 20px 0;
+
+  .el-pagination {
+    ::v-deep(.el-pager li) {
+      min-width: 36px;
+      height: 36px;
+      line-height: 36px;
+      border-radius: 6px;
+      margin: 0 2px;
+    }
+
+    ::v-deep(.el-pager li.is-active) {
+      background-color: #1677ff;
+      color: white;
+    }
+
+    ::v-deep(.btn-prev, .btn-next) {
+      min-width: 36px;
+      height: 36px;
+      border-radius: 6px;
+    }
+  }
+}
+</style>
diff --git a/frontend/src/views/user/profile/messages.vue b/frontend/src/views/user/profile/messages.vue
index 35c84a0..a665519 100644
--- a/frontend/src/views/user/profile/messages.vue
+++ b/frontend/src/views/user/profile/messages.vue
@@ -1,49 +1,49 @@
 <template>
-    <div class="content-section">
-        <div class="content-header">
-            <h2 class="content-title">我的消息</h2>
-            <p class="content-desc">查看系统消息和通知</p>
-        </div>
-        <div class="content-body">
-            <div v-if="messages.length === 0" class="empty-state">
-                <i class="fa-solid fa-message"></i>
-                <p>暂无消息</p>
-            </div>
-            <div v-else class="message-list">
-                <div
-                    v-for="message in messages"
-                    :key="message.id"
-                    class="message-item"
-                    :class="{ 'unread': !message.read }"
-                    @click="markAsRead(message.id)"
-                >
-                    <div class="message-icon">
-                        <i :class="getMessageIcon(message.type)"></i>
-                    </div>
-                    <div class="message-content">
-                        <div class="message-header">
-                            <h4 class="message-title">{{ message.title }}</h4>
-                            <span class="message-time">{{ message.time }}</span>
-                        </div>
-                        <p class="message-text">{{ message.content }}</p>
-                    </div>
-                    <div v-if="!message.read" class="unread-dot"></div>
-                </div>
-            </div>
-        </div>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">我的消息</h2>
+      <p class="content-desc">查看系统消息和通知</p>
     </div>
+    <div class="content-body">
+      <div v-if="messages.length === 0" class="empty-state">
+        <i class="fa-solid fa-message"></i>
+        <p>暂无消息</p>
+      </div>
+      <div v-else class="message-list">
+        <div
+          v-for="message in messages"
+          :key="message.id"
+          class="message-item"
+          :class="{ unread: !message.read }"
+          @click="markAsRead(message.id)"
+        >
+          <div class="message-icon">
+            <i :class="getMessageIcon(message.type)"></i>
+          </div>
+          <div class="message-content">
+            <div class="message-header">
+              <h4 class="message-title">{{ message.title }}</h4>
+              <span class="message-time">{{ message.time }}</span>
+            </div>
+            <p class="message-text">{{ message.content }}</p>
+          </div>
+          <div v-if="!message.read" class="unread-dot"></div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
 import { ref, onMounted } from "vue";
 
 interface Message {
-    id: string;
-    title: string;
-    content: string;
-    time: string;
-    type: 'system' | 'notification' | 'warning';
-    read: boolean;
+  id: string;
+  title: string;
+  content: string;
+  time: string;
+  type: "system" | "notification" | "warning";
+  read: boolean;
 }
 
 // 模拟数据
@@ -51,135 +51,139 @@ const messages = ref<Message[]>([]);
 
 // 获取消息图标
 const getMessageIcon = (type: string) => {
-    switch (type) {
-        case 'system':
-            return 'fa-solid fa-cog';
-        case 'notification':
-            return 'fa-solid fa-bell';
-        case 'warning':
-            return 'fa-solid fa-exclamation-triangle';
-        default:
-            return 'fa-solid fa-info';
-    }
+  switch (type) {
+    case "system":
+      return "fa-solid fa-cog";
+    case "notification":
+      return "fa-solid fa-bell";
+    case "warning":
+      return "fa-solid fa-exclamation-triangle";
+    default:
+      return "fa-solid fa-info";
+  }
 };
 
 // 标记为已读
 const markAsRead = (messageId: string) => {
-    const message = messages.value.find(m => m.id === messageId);
-    if (message) {
-        message.read = true;
-    }
+  const message = messages.value.find((m) => m.id === messageId);
+  if (message) {
+    message.read = true;
+  }
 };
 
 // 初始化数据
 const initMessages = () => {
-    // 这里可以调用API获取消息数据
-    messages.value = [];
+  // 这里可以调用API获取消息数据
+  messages.value = [];
 };
 
 onMounted(() => {
-    initMessages();
+  initMessages();
 });
 </script>
 
 <style lang="less" scoped>
 .message-list {
-    .message-item {
-        display: flex;
-        align-items: flex-start;
-        gap: 12px;
-        padding: 16px;
-        border: 1px solid #f0f0f0;
-        border-radius: 8px;
-        margin-bottom: 12px;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        position: relative;
+  .message-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    padding: 16px;
+    border: 1px solid #f0f0f0;
+    border-radius: 8px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    position: relative;
 
-        &:hover {
-            border-color: #1677ff;
-            background: #f8f9ff;
-        }
-
-        &.unread {
-            border-left: 4px solid #1677ff;
-            background: #f0f8ff;
-        }
-
-        .message-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            background: #1677ff;
-            color: white;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-
-            i {
-                font-size: 16px;
-            }
-        }
-
-        .message-content {
-            flex: 1;
-
-            .message-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: flex-start;
-                margin-bottom: 8px;
-
-                .message-title {
-                    font-size: 16px;
-                    color: #333;
-                    margin: 0;
-                    font-weight: 500;
-                }
-
-                .message-time {
-                    font-size: 12px;
-                    color: #999;
-                    white-space: nowrap;
-                    margin-left: 12px;
-                }
-            }
-
-            .message-text {
-                font-size: 14px;
-                color: #666;
-                margin: 0;
-                line-height: 1.5;
-            }
-        }
-
-        .unread-dot {
-            width: 8px;
-            height: 8px;
-            background: #1677ff;
-            border-radius: 50%;
-            position: absolute;
-            top: 16px;
-            right: 16px;
-        }
+    &:hover {
+      border-color: #1677ff;
+      background: #f8f9ff;
     }
+
+    &.unread {
+      border-left: 4px solid #1677ff;
+      background: #f0f8ff;
+    }
+
+    .message-icon {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: #1677ff;
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+
+      i {
+        font-size: 16px;
+      }
+    }
+
+    .message-content {
+      flex: 1;
+
+      .message-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 8px;
+
+        .message-title {
+          font-size: 16px;
+          color: #333;
+          margin: 0;
+          font-weight: 500;
+        }
+
+        .message-time {
+          font-size: 12px;
+          color: #999;
+          white-space: nowrap;
+          margin-left: 12px;
+        }
+      }
+
+      .message-text {
+        font-size: 14px;
+        color: #666;
+        margin: 0;
+        line-height: 1.5;
+      }
+    }
+
+    .unread-dot {
+      width: 8px;
+      height: 8px;
+      background: #1677ff;
+      border-radius: 50%;
+      position: absolute;
+      top: 16px;
+      right: 16px;
+    }
+  }
 }
 
 .empty-state {
-    text-align: center;
-    padding: 60px 20px;
-    color: #999;
+  text-align: center;
+  padding: 60px 20px;
+  color: #999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 
-    i {
-        font-size: 48px;
-        margin-bottom: 16px;
-        display: block;
-    }
+  i {
+    font-size: 48px;
+    margin-bottom: 16px;
+    display: block;
+  }
 
-    p {
-        font-size: 14px;
-        margin: 0;
-    }
+  p {
+    font-size: 14px;
+    margin: 0;
+  }
 }
 </style>
diff --git a/frontend/src/views/user/profile/resourcePublish.vue b/frontend/src/views/user/profile/resourcePublish.vue
deleted file mode 100644
index e662ade..0000000
--- a/frontend/src/views/user/profile/resourcePublish.vue
+++ /dev/null
@@ -1,685 +0,0 @@
-<template>
-    <div class="content-section">
-        <div class="content-header">
-            <h2 class="content-title">资源管理</h2>
-            <p class="content-desc">管理您的应用资源</p>
-        </div>
-        <div class="content-body">
-            <!-- 操作栏 -->
-            <div class="action-bar">
-                <el-button type="primary" @click="showPublishDialog = true">
-                    <i class="fa-solid fa-plus"></i>
-                    发布资源
-                </el-button>
-                <div class="filters">
-                    <el-input
-                        v-model="searchText"
-                        placeholder="搜索资源..."
-                        clearable
-                        @input="handleSearch"
-                        style="width: 300px; margin-left: 12px;"
-                    >
-                        <template #prefix>
-                            <i class="fa-solid fa-search"></i>
-                        </template>
-                    </el-input>
-                </div>
-            </div>
-
-            <!-- 资源列表 -->
-            <div class="resource-list">
-                <div v-if="filteredResources.length === 0" class="empty-state">
-                    <i class="fa-solid fa-cubes"></i>
-                    <p>{{ searchText || filterType ? '未找到相关资源' : '暂无资源' }}</p>
-                </div>
-                <div v-else class="resource-grid">
-                    <div
-                        v-for="resource in paginatedResources"
-                        :key="resource.id"
-                        class="resource-card"
-                    >
-                        <div class="resource-content-area">
-                            <div class="resource-header">
-                                <el-tag :type="getTypeColor(resource.type)" size="small">
-                                    {{ getTypeText(resource.type) }}
-                                </el-tag>
-                                <h3 class="resource-title">
-                                    {{ resource.name }}
-                                </h3>
-                            </div>
-                            <div class="resource-meta">
-                                <span class="resource-category">{{ resource.category.join(', ') }}</span>
-                                <span class="resource-downloads">{{ resource.downloads }} 下载</span>
-                                <span class="resource-date">{{ resource.createTime }}</span>
-                            </div>
-                            <div class="resource-description">
-                                {{ resource.description }}
-                            </div>
-                        </div>
-                        <div class="resource-actions">
-                            <el-button size="small" @click="editResource(resource)">编辑</el-button>
-                            <el-button size="small" type="danger" @click="deleteResource(resource)">删除</el-button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- 分页组件 -->
-                <div v-if="filteredResources.length > 0" class="pagination-wrapper">
-                    <el-pagination
-                        v-model:current-page="currentPage"
-                        v-model:page-size="pageSize"
-                        :page-sizes="[5, 10, 20, 50]"
-                        :total="totalResources"
-                        layout="total, sizes, prev, pager, next, jumper"
-                        @size-change="handleSizeChange"
-                        @current-change="handlePageChange"
-                    />
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- 发布/编辑资源弹窗 -->
-    <el-dialog
-        v-model="showPublishDialog"
-        :title="isEditMode ? '编辑资源' : '发布资源'"
-        width="800px"
-        :close-on-click-modal="false"
-    >
-        <el-form :model="resourceForm" label-width="80px" :rules="formRules" ref="formRef">
-            <el-form-item label="资源名称" prop="name" required>
-                <el-input
-                    v-model="resourceForm.name"
-                    placeholder="请输入资源名称"
-                    maxlength="50"
-                    show-word-limit
-                />
-            </el-form-item>
-
-            <el-form-item label="资源类型" prop="type" required>
-                <el-select v-model="resourceForm.type" placeholder="请选择资源类型">
-                    <el-option
-                        v-for="type in resourceTypes"
-                        :key="type.value"
-                        :label="type.label"
-                        :value="type.value"
-                    />
-                </el-select>
-            </el-form-item>
-
-            <el-form-item label="分类" prop="category" required>
-                <el-checkbox-group v-model="resourceForm.category">
-                    <el-checkbox
-                        v-for="platform in platforms"
-                        :key="platform.value"
-                        :label="platform.value"
-                    >
-                        {{ platform.label }}
-                    </el-checkbox>
-                </el-checkbox-group>
-            </el-form-item>
-
-            <el-form-item label="版本号">
-                <el-input
-                    v-model="resourceForm.version"
-                    placeholder="例如：1.0.0"
-                />
-            </el-form-item>
-
-            <el-form-item label="下载链接" prop="downloadUrl" required>
-                <el-input
-                    v-model="resourceForm.downloadUrl"
-                    placeholder="请输入下载链接"
-                />
-            </el-form-item>
-
-            <el-form-item label="资源描述" prop="description" required>
-                <el-input
-                    v-model="resourceForm.description"
-                    type="textarea"
-                    :rows="4"
-                    placeholder="请输入资源描述..."
-                    maxlength="500"
-                    show-word-limit
-                />
-            </el-form-item>
-
-            <el-form-item label="截图上传">
-                <el-upload
-                    ref="uploadRef"
-                    :file-list="fileList"
-                    :on-change="handleFileChange"
-                    :on-remove="handleFileRemove"
-                    action=""
-                    :auto-upload="false"
-                    multiple
-                    accept="image/*"
-                    list-type="picture-card"
-                >
-                    <el-icon><Plus /></el-icon>
-                    <div class="upload-text">上传截图</div>
-                </el-upload>
-                <div class="upload-tips">
-                    <p>支持 JPG、PNG、GIF 格式，单张图片不超过 2MB，最多上传 5 张</p>
-                </div>
-            </el-form-item>
-        </el-form>
-
-        <template #footer>
-            <el-button @click="showPublishDialog = false">取消</el-button>
-            <el-button type="primary" @click="submitResource" :loading="loading">
-                {{ isEditMode ? '保存修改' : '发布资源' }}
-            </el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, onMounted } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { Plus } from "@element-plus/icons-vue";
-
-interface ResourceForm {
-    name: string;
-    type: string;
-    category: string[];
-    version: string;
-    downloadUrl: string;
-    description: string;
-}
-
-interface Resource {
-    id: string;
-    name: string;
-    type: string;
-    category: string[];
-    version: string;
-    downloadUrl: string;
-    description: string;
-    createTime: string;
-    downloads: number;
-}
-
-interface ResourceType {
-    value: string;
-    label: string;
-}
-
-interface Platform {
-    value: string;
-    label: string;
-}
-
-// 响应式数据
-const showPublishDialog = ref(false);
-const isEditMode = ref(false);
-const searchText = ref('');
-const filterType = ref('');
-const loading = ref(false);
-const formRef = ref();
-const fileList = ref([]);
-
-// 分页相关
-const currentPage = ref(1);
-const pageSize = ref(10);
-const totalResources = computed(() => filteredResources.value.length);
-
-// 表单数据
-const resourceForm = ref<ResourceForm>({
-    name: '',
-    type: '',
-    category: [],
-    version: '',
-    downloadUrl: '',
-    description: ''
-});
-
-// 表单验证规则
-const formRules = {
-    name: [
-        { required: true, message: '请输入资源名称', trigger: 'blur' },
-        { min: 1, max: 50, message: '名称长度在 1 到 50 个字符', trigger: 'blur' }
-    ],
-    type: [
-        { required: true, message: '请选择资源类型', trigger: 'change' }
-    ],
-    category: [
-        { type: 'array', required: true, message: '请至少选择一个分类', trigger: 'change' }
-    ],
-    downloadUrl: [
-        { required: true, message: '请输入下载链接', trigger: 'blur' },
-        { type: 'url', message: '请输入正确的URL格式', trigger: 'blur' }
-    ],
-    description: [
-        { required: true, message: '请输入资源描述', trigger: 'blur' },
-        { min: 10, message: '描述不能少于10个字符', trigger: 'blur' }
-    ]
-};
-
-// 资源列表
-const resources = ref<Resource[]>([
-    {
-        id: '1',
-        name: 'Vue DevTools',
-        type: 'plugin',
-        category: ['游戏下载'],
-        version: '6.5.0',
-        downloadUrl: 'https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd',
-        description: 'Vue.js 官方开发者工具，用于调试 Vue 应用。',
-        createTime: '2024-01-15',
-        downloads: 1250
-    },
-    {
-        id: '2',
-        name: 'GoLand IDE',
-        type: 'software',
-        category: ['办公下载'],
-        version: '2023.3',
-        downloadUrl: 'https://www.jetbrains.com/go/download/',
-        description: 'JetBrains 出品的 Go 语言集成开发环境。',
-        createTime: '2024-01-10',
-        downloads: 890
-    }
-]);
-
-// 资源类型选项
-const resourceTypes = ref<ResourceType[]>([
-    { value: 'software', label: '软件工具' },
-    { value: 'plugin', label: '插件扩展' },
-    { value: 'library', label: '代码库' },
-    { value: 'template', label: '模板素材' },
-    { value: 'other', label: '其他' }
-]);
-
-// 平台选项
-const platforms = ref<Platform[]>([
-    { value: 'windows', label: 'Windows' },
-    { value: 'macos', label: 'macOS' },
-    { value: 'linux', label: 'Linux' },
-    { value: 'web', label: 'Web' },
-    { value: 'mobile', label: '移动端' }
-]);
-
-// 计算属性：过滤后的资源列表
-const filteredResources = computed(() => {
-    let filtered = resources.value;
-
-    // 类型过滤
-    if (filterType.value) {
-        filtered = filtered.filter(resource => resource.type === filterType.value);
-    }
-
-    // 搜索过滤
-    if (searchText.value) {
-        filtered = filtered.filter(resource =>
-            resource.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
-            resource.description.toLowerCase().includes(searchText.value.toLowerCase())
-        );
-    }
-
-    return filtered;
-});
-
-// 计算属性：分页后的资源列表
-const paginatedResources = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value;
-    const end = start + pageSize.value;
-    return filteredResources.value.slice(start, end);
-});
-
-// 分页变化处理
-const handlePageChange = (page: number) => {
-    currentPage.value = page;
-};
-
-const handleSizeChange = (size: number) => {
-    pageSize.value = size;
-    currentPage.value = 1; // 重置到第一页
-};
-
-// 获取类型文本
-const getTypeText = (type: string) => {
-    const typeObj = resourceTypes.value.find(t => t.value === type);
-    return typeObj ? typeObj.label : type;
-};
-
-// 获取类型颜色
-const getTypeColor = (type: string) => {
-    switch (type) {
-        case 'software': return 'success';
-        case 'plugin': return 'primary';
-        case 'library': return 'warning';
-        case 'template': return 'info';
-        default: return '';
-    }
-};
-
-// 获取平台文本
-const getPlatformText = (platform: string) => {
-    const platformObj = platforms.value.find(p => p.value === platform);
-    return platformObj ? platformObj.label : platform;
-};
-
-// 搜索处理
-const handleSearch = () => {
-    // 搜索逻辑通过计算属性实现
-};
-
-// 过滤处理
-const handleFilter = () => {
-    // 过滤逻辑通过计算属性实现
-};
-
-// 文件变化处理
-const handleFileChange = (file: any, fileList: any[]) => {
-    // 验证文件大小
-    if (file.size > 2 * 1024 * 1024) {
-        ElMessage.error('图片大小不能超过 2MB');
-        return false;
-    }
-
-    // 验证文件数量
-    if (fileList.length > 5) {
-        ElMessage.error('最多只能上传 5 张图片');
-        return false;
-    }
-};
-
-// 文件移除处理
-const handleFileRemove = (file: any, fileList: any[]) => {
-    // 处理文件移除逻辑
-};
-
-// 编辑资源
-const editResource = (resource: Resource) => {
-    isEditMode.value = true;
-    resourceForm.value = {
-        name: resource.name,
-        type: resource.type,
-        category: [...resource.category],
-        version: resource.version,
-        downloadUrl: resource.downloadUrl,
-        description: resource.description
-    };
-    showPublishDialog.value = true;
-};
-
-// 下载资源
-const downloadResource = (resource: Resource) => {
-    window.open(resource.downloadUrl, '_blank');
-};
-
-// 删除资源
-const deleteResource = async (resource: Resource) => {
-    try {
-        await ElMessageBox.confirm(
-            `确定要删除资源"${resource.name}"吗？此操作不可恢复。`,
-            '确认删除',
-            {
-                confirmButtonText: '确定删除',
-                cancelButtonText: '取消',
-                type: 'warning',
-            }
-        );
-
-        // 这里可以调用删除API
-        const index = resources.value.findIndex(r => r.id === resource.id);
-        if (index > -1) {
-            resources.value.splice(index, 1);
-            // 检查是否需要调整当前页码
-            const totalPages = Math.ceil(resources.value.length / pageSize.value);
-            if (currentPage.value > totalPages && totalPages > 0) {
-                currentPage.value = totalPages;
-            }
-            ElMessage.success('资源删除成功');
-        }
-    } catch (error) {
-        // 用户取消删除
-    }
-};
-
-// 提交资源（发布或更新）
-const submitResource = async () => {
-    if (!formRef.value) return;
-
-    await formRef.value.validate(async (valid: boolean) => {
-        if (!valid) return;
-
-        loading.value = true;
-
-        try {
-            if (isEditMode.value) {
-                // 更新资源
-                ElMessage.success('资源更新成功');
-            } else {
-                // 发布新资源
-                const newResource: Resource = {
-                    id: Date.now().toString(),
-                    name: resourceForm.value.name,
-                    type: resourceForm.value.type,
-                    category: [...resourceForm.value.category],
-                    version: resourceForm.value.version || '1.0.0',
-                    downloadUrl: resourceForm.value.downloadUrl,
-                    description: resourceForm.value.description,
-                    createTime: new Date().toLocaleDateString(),
-                    downloads: 0
-                };
-                resources.value.unshift(newResource);
-                currentPage.value = 1; // 重置到第一页
-                ElMessage.success('资源发布成功');
-            }
-
-            showPublishDialog.value = false;
-            resetForm();
-        } catch (error) {
-            ElMessage.error('操作失败，请重试');
-        } finally {
-            loading.value = false;
-        }
-    });
-};
-
-// 重置表单
-const resetForm = () => {
-    resourceForm.value = {
-        name: '',
-        type: '',
-        category: [],
-        version: '',
-        downloadUrl: '',
-        description: ''
-    };
-    fileList.value = [];
-    if (formRef.value) {
-        formRef.value.clearValidate();
-    }
-};
-
-// 初始化数据
-const initResources = () => {
-    // 这里可以调用API获取资源列表
-};
-
-onMounted(() => {
-    initResources();
-});
-</script>
-
-<style lang="less" scoped>
-.action-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 24px;
-    gap: 16px;
-
-    .filters {
-        display: flex;
-        gap: 12px;
-        align-items: center;
-    }
-}
-
-.resource-list {
-    .resource-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
-        gap: 20px;
-    }
-
-    .resource-card {
-        background: #fff;
-        border: 1px solid #e4e7ed;
-        border-radius: 8px;
-        padding: 20px;
-        transition: all 0.3s ease;
-        display: flex;
-        align-items: flex-start;
-        gap: 16px;
-
-        &:hover {
-            border-color: #1677ff;
-            box-shadow: 0 4px 12px rgba(22, 119, 255, 0.15);
-        }
-
-        .resource-content-area {
-            flex: 1;
-            min-width: 0; // 防止内容溢出
-
-            .resource-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: flex-start;
-                margin-bottom: 12px;
-
-                .resource-title {
-                    font-size: 16px;
-                    font-weight: 600;
-                    color: #303133;
-                    margin: 0;
-                    flex: 1;
-                    margin-left: 12px;
-                }
-            }
-
-            .resource-meta {
-                display: flex;
-                gap: 16px;
-                margin-bottom: 12px;
-                font-size: 12px;
-                color: #909399;
-
-                .resource-version {
-                    color: #1677ff;
-                    font-weight: 500;
-                }
-            }
-
-            .resource-platforms {
-                display: flex;
-                flex-wrap: wrap;
-                gap: 6px;
-                margin-bottom: 12px;
-            }
-
-            .resource-description {
-                color: #606266;
-                line-height: 1.6;
-                margin-bottom: 0;
-                display: -webkit-box;
-                -webkit-line-clamp: 2;
-                -webkit-box-orient: vertical;
-                overflow: hidden;
-                line-clamp: 2;
-            }
-        }
-
-        .resource-actions {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-            gap: 8px;
-            flex-shrink: 0;
-
-            .el-button {
-                width: 80px;
-                justify-content: center;
-            }
-        }
-    }
-}
-
-.empty-state {
-    text-align: center;
-    padding: 60px 20px;
-    color: #999;
-
-    i {
-        font-size: 48px;
-        margin-bottom: 16px;
-        display: block;
-    }
-
-    p {
-        font-size: 14px;
-        margin: 0;
-    }
-}
-
-.pagination-wrapper {
-    display: flex;
-    justify-content: center;
-    margin-top: 32px;
-    padding: 20px 0;
-
-    .el-pagination {
-        ::v-deep(.el-pager li) {
-            min-width: 36px;
-            height: 36px;
-            line-height: 36px;
-            border-radius: 6px;
-            margin: 0 2px;
-        }
-
-        ::v-deep(.el-pager li.is-active) {
-            background-color: #1677ff;
-            color: white;
-        }
-
-        ::v-deep(.btn-prev, .btn-next) {
-            min-width: 36px;
-            height: 36px;
-            border-radius: 6px;
-        }
-    }
-}
-
-/* 弹窗表单样式 */
-.el-dialog {
-    ::v-deep(.el-dialog__body) {
-        padding: 20px 24px;
-    }
-
-    .el-form {
-        .el-form-item {
-            margin-bottom: 20px;
-        }
-
-        .upload-tips {
-            margin-top: 8px;
-
-            p {
-                margin: 0;
-                font-size: 12px;
-                color: #909399;
-            }
-        }
-
-        .upload-text {
-            font-size: 12px;
-            color: #909399;
-            margin-top: 8px;
-        }
-    }
-}
-</style>
diff --git a/frontend/src/views/user/profile/wallet.vue b/frontend/src/views/user/profile/wallet.vue
index e4e4c32..5dc0c7e 100644
--- a/frontend/src/views/user/profile/wallet.vue
+++ b/frontend/src/views/user/profile/wallet.vue
@@ -1,156 +1,168 @@
 <template>
-    <div class="content-section">
-        <div class="content-header">
-            <h2 class="content-title">我的钱包</h2>
-            <p class="content-desc">查看余额和交易记录</p>
-        </div>
-        <div class="content-body">
-            <div class="wallet-info">
-                <div class="balance-card">
-                    <div class="balance-title">账户余额</div>
-                    <div class="balance-amount">¥ {{ balance }}</div>
-                </div>
-            </div>
-            <div class="transaction-history">
-                <h3>交易记录</h3>
-                <el-divider></el-divider>
-                <div v-if="transactions.length === 0" class="empty-state">
-                    <i class="fa-solid fa-wallet"></i>
-                    <p>暂无交易记录</p>
-                </div>
-                <div v-else class="transaction-list">
-                    <div
-                        v-for="transaction in transactions"
-                        :key="transaction.id"
-                        class="transaction-item"
-                    >
-                        <div class="transaction-info">
-                            <div class="transaction-desc">{{ transaction.description }}</div>
-                            <div class="transaction-time">{{ transaction.time }}</div>
-                        </div>
-                        <div class="transaction-amount" :class="{ 'income': transaction.type === 'income', 'expense': transaction.type === 'expense' }">
-                            {{ transaction.type === 'income' ? '+' : '-' }}¥{{ transaction.amount }}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+  <div class="content-section">
+    <div class="content-header">
+      <h2 class="content-title">我的钱包</h2>
+      <p class="content-desc">查看余额和交易记录</p>
     </div>
+    <div class="content-body">
+      <div class="wallet-info">
+        <div class="balance-card">
+          <div class="balance-title">账户余额</div>
+          <div class="balance-amount">¥ {{ balance }}</div>
+        </div>
+      </div>
+      <div class="transaction-history">
+        <h3>交易记录</h3>
+        <el-divider></el-divider>
+        <div v-if="transactions.length === 0" class="empty-state">
+          <i class="fa-solid fa-wallet"></i>
+          <p>暂无交易记录</p>
+        </div>
+        <div v-else class="transaction-list">
+          <div
+            v-for="transaction in transactions"
+            :key="transaction.id"
+            class="transaction-item"
+          >
+            <div class="transaction-info">
+              <div class="transaction-desc">{{ transaction.description }}</div>
+              <div class="transaction-time">{{ transaction.time }}</div>
+            </div>
+            <div
+              class="transaction-amount"
+              :class="{
+                income: transaction.type === 'income',
+                expense: transaction.type === 'expense',
+              }"
+            >
+              {{ transaction.type === "income" ? "+" : "-" }}¥{{
+                transaction.amount
+              }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
 import { ref, onMounted } from "vue";
 
 interface Transaction {
-    id: string;
-    description: string;
-    amount: string;
-    time: string;
-    type: 'income' | 'expense';
+  id: string;
+  description: string;
+  amount: string;
+  time: string;
+  type: "income" | "expense";
 }
 
 // 模拟数据
-const balance = ref('0.00');
+const balance = ref("0.00");
 const transactions = ref<Transaction[]>([]);
 
 // 初始化数据
 const initWalletData = () => {
-    // 这里可以调用API获取钱包数据
-    balance.value = '0.00';
-    transactions.value = [];
+  // 这里可以调用API获取钱包数据
+  balance.value = "0.00";
+  transactions.value = [];
 };
 
 onMounted(() => {
-    initWalletData();
+  initWalletData();
 });
 </script>
 
 <style lang="less" scoped>
 .wallet-info {
-    margin-bottom: 32px;
+  margin-bottom: 32px;
 
-    .balance-card {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        color: white;
-        padding: 24px;
-        border-radius: 12px;
-        text-align: center;
+  .balance-card {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    padding: 24px;
+    border-radius: 12px;
+    text-align: center;
 
-        .balance-title {
-            font-size: 14px;
-            margin-bottom: 8px;
-            opacity: 0.9;
-        }
-
-        .balance-amount {
-            font-size: 32px;
-            font-weight: 600;
-        }
+    .balance-title {
+      font-size: 14px;
+      margin-bottom: 8px;
+      opacity: 0.9;
     }
+
+    .balance-amount {
+      font-size: 32px;
+      font-weight: 600;
+    }
+  }
 }
 
 .transaction-history {
-    h3 {
-        font-size: 18px;
-        color: #333;
-        margin-bottom: 16px;
-    }
+  h3 {
+    font-size: 18px;
+    color: #333;
+    margin-bottom: 16px;
+  }
 }
 
 .transaction-list {
-    .transaction-item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 16px 0;
-        border-bottom: 1px solid #f0f0f0;
+  .transaction-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 0;
+    border-bottom: 1px solid #f0f0f0;
 
-        &:last-child {
-            border-bottom: none;
-        }
-
-        .transaction-info {
-            .transaction-desc {
-                font-size: 14px;
-                color: #333;
-                margin-bottom: 4px;
-            }
-
-            .transaction-time {
-                font-size: 12px;
-                color: #999;
-            }
-        }
-
-        .transaction-amount {
-            font-size: 16px;
-            font-weight: 500;
-
-            &.income {
-                color: #67c23a;
-            }
-
-            &.expense {
-                color: #f56c6c;
-            }
-        }
+    &:last-child {
+      border-bottom: none;
     }
+
+    .transaction-info {
+      .transaction-desc {
+        font-size: 14px;
+        color: #333;
+        margin-bottom: 4px;
+      }
+
+      .transaction-time {
+        font-size: 12px;
+        color: #999;
+      }
+    }
+
+    .transaction-amount {
+      font-size: 16px;
+      font-weight: 500;
+
+      &.income {
+        color: #67c23a;
+      }
+
+      &.expense {
+        color: #f56c6c;
+      }
+    }
+  }
 }
 
 .empty-state {
-    text-align: center;
-    padding: 60px 20px;
-    color: #999;
+  text-align: center;
+  padding: 60px 20px;
+  color: #999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 
-    i {
-        font-size: 48px;
-        margin-bottom: 16px;
-        display: block;
-    }
+  i {
+    font-size: 48px;
+    margin-bottom: 16px;
+    display: block;
+  }
 
-    p {
-        font-size: 14px;
-        margin: 0;
-    }
+  p {
+    font-size: 14px;
+    margin: 0;
+  }
 }
 </style>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index d2e96b2..14c5c08 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -10,17 +10,6 @@ import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
 export default defineConfig({
   plugins: [
     vue(),
-    AutoImport({
-      imports: ["vue", "vue-router"],
-      resolvers: [ElementPlusResolver()],
-      dts: "src/auto-imports.d.ts",
-      eslintrc: {
-        enabled: true,
-      },
-    }),
-    Components({
-      resolvers: [ElementPlusResolver()],
-    }),
   ],
   resolve: {
     alias: {
@@ -37,4 +26,8 @@ export default defineConfig({
       },
     },
   },
+  server: {
+    port: 5000,
+    host: true, // 允许外部访问
+  },
 });