diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index cf9b8e5..dd391a1 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -152,6 +152,7 @@ declare global {
   const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
   const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
   const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDialog: typeof import('naive-ui')['useDialog']
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
@@ -184,6 +185,7 @@ declare global {
   const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
   const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
   const useLink: typeof import('vue-router')['useLink']
+  const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
   const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
   const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
   const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
@@ -191,6 +193,7 @@ declare global {
   const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
   const useMemoize: typeof import('@vueuse/core')['useMemoize']
   const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMessage: typeof import('naive-ui')['useMessage']
   const useMounted: typeof import('@vueuse/core')['useMounted']
   const useMouse: typeof import('@vueuse/core')['useMouse']
   const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
@@ -198,6 +201,7 @@ declare global {
   const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
   const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
   const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNotification: typeof import('naive-ui')['useNotification']
   const useNow: typeof import('@vueuse/core')['useNow']
   const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
   const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
diff --git a/components.d.ts b/components.d.ts
index 2bf5797..8f4b204 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,13 +7,23 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    AButton: typeof import('@arco-design/web-vue')['Button']
+    AInput: typeof import('@arco-design/web-vue')['Input']
+    ARate: typeof import('@arco-design/web-vue')['Rate']
+    ASwitch: typeof import('@arco-design/web-vue')['Switch']
+    ATable: typeof import('@arco-design/web-vue')['Table']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElLabel: typeof import('element-plus/es')['ElLabel']
+    ElTable: typeof import('./src/components/ElTable.vue')['default']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElText: typeof import('element-plus/es')['ElText']
     MyComponent1: typeof import('./src/components/MyComponent1.vue')['default']
     MyComponent2: typeof import('./src/components/MyComponent2.vue')['default']
     MyComponent3: typeof import('./src/components/MyComponent3.vue')['default']
+    NDataTable: typeof import('naive-ui')['NDataTable']
+    NestedDirective: typeof import('./src/components/NestedDirective.vue')['default']
+    NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
     VueDemo: typeof import('./src/components/VueDemo.vue')['default']
   }
 }
diff --git a/package-lock.json b/package-lock.json
index 25cacfe..a68bbf8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,6 @@
       "version": "0.0.0",
       "dependencies": {
         "@vueuse/core": "^10.11.0",
-        "element-plus": "^2.7.8",
         "lodash": "^4.17.21",
         "lsp-uuid": "^3.2.0",
         "vue": "^3.2.25",
@@ -17,12 +16,15 @@
         "vue-draggable-plus": "^0.5.2"
       },
       "devDependencies": {
+        "@arco-design/web-vue": "^2.56.0",
         "@vitejs/plugin-vue": "^5.0.5",
         "less": "^4.2.0",
+        "naive-ui": "^2.39.0",
         "sass": "^1.77.8",
         "typescript": "^5.2.2",
         "unplugin-auto-import": "^0.18.2",
         "unplugin-vue-components": "^0.27.3",
+        "vfonts": "^0.0.3",
         "vite": "^5.3.4",
         "vue-loader": "^17.4.2",
         "vue-template-compiler": "^2.7.16",
@@ -38,6 +40,34 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@arco-design/color": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/@arco-design/color/-/color-0.4.0.tgz",
+      "integrity": "sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==",
+      "dev": true,
+      "dependencies": {
+        "color": "^3.1.3"
+      }
+    },
+    "node_modules/@arco-design/web-vue": {
+      "version": "2.56.0",
+      "resolved": "https://registry.npmmirror.com/@arco-design/web-vue/-/web-vue-2.56.0.tgz",
+      "integrity": "sha512-LsrTE1vL54a/DVQCZ4c2F5LDA1r2mcWF2AHrM+fKEi5hzE63/awZVIOQ6P8yGaYRAP9eqUNj60uNI1Jz0UvGlA==",
+      "dev": true,
+      "dependencies": {
+        "@arco-design/color": "^0.4.0",
+        "b-tween": "^0.3.3",
+        "b-validate": "^1.4.4",
+        "compute-scroll-into-view": "^1.0.17",
+        "dayjs": "^1.10.3",
+        "number-precision": "^1.5.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "scroll-into-view-if-needed": "^2.2.28"
+      },
+      "peerDependencies": {
+        "vue": "^3.1.0"
+      }
+    },
     "node_modules/@babel/parser": {
       "version": "7.24.8",
       "resolved": "https://repo.bingosoft.net/repository/npm/@babel/parser/-/parser-7.24.8.tgz",
@@ -50,22 +80,42 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@ctrl/tinycolor": {
-      "version": "3.6.1",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
-      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+    "node_modules/@babel/runtime": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.25.0.tgz",
+      "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
+      "dev": true,
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@element-plus/icons-vue": {
-      "version": "2.3.1",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
-      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
+    "node_modules/@css-render/plugin-bem": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/@css-render/plugin-bem/-/plugin-bem-0.15.14.tgz",
+      "integrity": "sha512-QK513CJ7yEQxm/P3EwsI+d+ha8kSOcjGvD6SevM41neEMxdULE+18iuQK6tEChAWMOQNQPLG/Rw3Khb69r5neg==",
+      "dev": true,
       "peerDependencies": {
-        "vue": "^3.2.0"
+        "css-render": "~0.15.14"
       }
     },
+    "node_modules/@css-render/vue3-ssr": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/@css-render/vue3-ssr/-/vue3-ssr-0.15.14.tgz",
+      "integrity": "sha512-//8027GSbxE9n3QlD73xFY6z4ZbHbvrOVB7AO6hsmrEzGbg+h2A09HboUyDgu+xsmj7JnvJD39Irt+2D0+iV8g==",
+      "dev": true,
+      "peerDependencies": {
+        "vue": "^3.0.11"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmmirror.com/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "dev": true
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.21.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -457,28 +507,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@floating-ui/core": {
-      "version": "1.6.5",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/core/-/core-1.6.5.tgz",
-      "integrity": "sha512-8GrTWmoFhm5BsMZOTHeGD2/0FLKLQQHvO/ZmQga4tKempYRLz8aqJGqXVuQgisnMObq2YZ2SgkwctN1LOOxcqA==",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.5"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.6.8",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/dom/-/dom-1.6.8.tgz",
-      "integrity": "sha512-kx62rP19VZ767Q653wsP1XZCGIirkE09E0QUGNYTM/ttbbQHqcGPdSfWFxUyyNLc/W6aoJRBajOSXhP6GXjC0Q==",
-      "dependencies": {
-        "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.5"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.5",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/utils/-/utils-0.2.5.tgz",
-      "integrity": "sha512-sTcG+QZ6fdEUObICavU+aB3Mp8HY4n14wYHdxK4fXjPmv3PXZZeY5RaguJmGyeH/CJQhX3fqKUtS4qc1LoHwhQ=="
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -542,6 +570,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@juggle/resize-observer": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmmirror.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==",
+      "dev": true
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -577,16 +611,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@popperjs/core": {
-      "name": "@sxzz/popperjs-es",
-      "version": "2.11.7",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -869,15 +893,23 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/@types/katex": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmmirror.com/@types/katex/-/katex-0.16.7.tgz",
+      "integrity": "sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==",
+      "dev": true
+    },
     "node_modules/@types/lodash": {
       "version": "4.17.7",
       "resolved": "https://repo.bingosoft.net/repository/npm/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
+      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
+      "dev": true
     },
     "node_modules/@types/lodash-es": {
       "version": "4.17.12",
       "resolved": "https://repo.bingosoft.net/repository/npm/@types/lodash-es/-/lodash-es-4.17.12.tgz",
       "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "dev": true,
       "dependencies": {
         "@types/lodash": "*"
       }
@@ -1414,7 +1446,20 @@
     "node_modules/async-validator": {
       "version": "4.2.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/async-validator/-/async-validator-4.2.5.tgz",
-      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "dev": true
+    },
+    "node_modules/b-tween": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmmirror.com/b-tween/-/b-tween-0.3.3.tgz",
+      "integrity": "sha512-oEHegcRpA7fAuc9KC4nktucuZn2aS8htymCPcP3qkEGPqiBH+GfqtqoG2l7LxHngg6O0HFM7hOeOYExl1Oz4ZA==",
+      "dev": true
+    },
+    "node_modules/b-validate": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmmirror.com/b-validate/-/b-validate-1.5.3.tgz",
+      "integrity": "sha512-iCvCkGFskbaYtfQ0a3GmcQCHl/Sv1GufXFGuUQ+FE+WJa7A/espLOuFIn09B944V8/ImPj71T4+rTASxO2PAuA==",
+      "dev": true
     },
     "node_modules/balanced-match": {
       "version": "1.0.2",
@@ -1571,6 +1616,16 @@
         "node": ">=6.0"
       }
     },
+    "node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/color-convert/-/color-convert-2.0.1.tgz",
@@ -1589,6 +1644,31 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/color/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
+    },
     "node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/commander/-/commander-2.20.3.tgz",
@@ -1596,6 +1676,12 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==",
+      "dev": true
+    },
     "node_modules/computeds": {
       "version": "0.0.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/computeds/-/computeds-0.0.1.tgz",
@@ -1621,16 +1707,58 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/css-render": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/css-render/-/css-render-0.15.14.tgz",
+      "integrity": "sha512-9nF4PdUle+5ta4W5SyZdLCCmFd37uVimSjg1evcTqKJCyvCEEj12WKzOSBNak6r4im4J4iYXKH1OWpUV5LBYFg==",
+      "dev": true,
+      "dependencies": {
+        "@emotion/hash": "~0.8.0",
+        "csstype": "~3.0.5"
+      }
+    },
+    "node_modules/css-render/node_modules/csstype": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.0.11.tgz",
+      "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==",
+      "dev": true
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/date-fns-tz": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
+      "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
+      "dev": true,
+      "peerDependencies": {
+        "date-fns": "2.x"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.12",
-      "resolved": "https://repo.bingosoft.net/repository/npm/dayjs/-/dayjs-1.11.12.tgz",
-      "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg=="
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.12.tgz",
+      "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==",
+      "dev": true
     },
     "node_modules/de-indent": {
       "version": "1.0.2",
@@ -1663,119 +1791,6 @@
       "dev": true,
       "peer": true
     },
-    "node_modules/element-plus": {
-      "version": "2.7.8",
-      "resolved": "https://repo.bingosoft.net/repository/npm/element-plus/-/element-plus-2.7.8.tgz",
-      "integrity": "sha512-h6dx2XihAbQaud0v+6O7Fy0b0G3YNplNVH7QnK3csTcvQd4y4raiyMRQpf9EKbRbTMdNrFsqAZrs9ok9DMcJHg==",
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.4.1",
-        "@element-plus/icons-vue": "^2.3.1",
-        "@floating-ui/dom": "^1.0.1",
-        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-        "@types/lodash": "^4.14.182",
-        "@types/lodash-es": "^4.17.6",
-        "@vueuse/core": "^9.1.0",
-        "async-validator": "^4.2.5",
-        "dayjs": "^1.11.3",
-        "escape-html": "^1.0.3",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "lodash-unified": "^1.0.2",
-        "memoize-one": "^6.0.0",
-        "normalize-wheel-es": "^1.2.0"
-      },
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
-    "node_modules/element-plus/node_modules/@types/web-bluetooth": {
-      "version": "0.0.16",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
-      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
-    },
-    "node_modules/element-plus/node_modules/@vueuse/core": {
-      "version": "9.13.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/core/-/core-9.13.0.tgz",
-      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.16",
-        "@vueuse/metadata": "9.13.0",
-        "@vueuse/shared": "9.13.0",
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/element-plus/node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://repo.bingosoft.net/repository/npm/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/element-plus/node_modules/@vueuse/metadata": {
-      "version": "9.13.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/metadata/-/metadata-9.13.0.tgz",
-      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/element-plus/node_modules/@vueuse/shared": {
-      "version": "9.13.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/shared/-/shared-9.13.0.tgz",
-      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
-      "dependencies": {
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/element-plus/node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://repo.bingosoft.net/repository/npm/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/enhanced-resolve": {
       "version": "5.17.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
@@ -1871,11 +1886,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://repo.bingosoft.net/repository/npm/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-    },
     "node_modules/escape-string-regexp": {
       "version": "5.0.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
@@ -1951,6 +1961,12 @@
         "node": ">=0.8.x"
       }
     },
+    "node_modules/evtd": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/evtd/-/evtd-0.2.4.tgz",
+      "integrity": "sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==",
+      "dev": true
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2068,6 +2084,15 @@
         "he": "bin/he"
       }
     },
+    "node_modules/highlight.js": {
+      "version": "11.10.0",
+      "resolved": "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.10.0.tgz",
+      "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -2101,6 +2126,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -2264,17 +2295,8 @@
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://repo.bingosoft.net/repository/npm/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-    },
-    "node_modules/lodash-unified": {
-      "version": "1.0.3",
-      "resolved": "https://repo.bingosoft.net/repository/npm/lodash-unified/-/lodash-unified-1.0.3.tgz",
-      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
-      "peerDependencies": {
-        "@types/lodash-es": "*",
-        "lodash": "*",
-        "lodash-es": "*"
-      }
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "dev": true
     },
     "node_modules/lsp-uuid": {
       "version": "3.2.0",
@@ -2317,11 +2339,6 @@
         "semver": "bin/semver"
       }
     },
-    "node_modules/memoize-one": {
-      "version": "6.0.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/memoize-one/-/memoize-one-6.0.0.tgz",
-      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
-    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -2428,6 +2445,36 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/naive-ui": {
+      "version": "2.39.0",
+      "resolved": "https://registry.npmmirror.com/naive-ui/-/naive-ui-2.39.0.tgz",
+      "integrity": "sha512-5oUJzRG+rtLSH8eRU+fJvVYiQids2BxF9jp+fwGoAqHOptEINrBlgBu9uy+95RHE5FLJ7Q/z41o+qkoGnUrKxQ==",
+      "dev": true,
+      "dependencies": {
+        "@css-render/plugin-bem": "^0.15.12",
+        "@css-render/vue3-ssr": "^0.15.12",
+        "@types/katex": "^0.16.2",
+        "@types/lodash": "^4.14.198",
+        "@types/lodash-es": "^4.17.9",
+        "async-validator": "^4.2.5",
+        "css-render": "^0.15.12",
+        "csstype": "^3.1.3",
+        "date-fns": "^2.30.0",
+        "date-fns-tz": "^2.0.0",
+        "evtd": "^0.2.4",
+        "highlight.js": "^11.8.0",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "seemly": "^0.3.8",
+        "treemate": "^0.3.11",
+        "vdirs": "^0.1.8",
+        "vooks": "^0.2.12",
+        "vueuc": "^0.4.58"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://repo.bingosoft.net/repository/npm/nanoid/-/nanoid-3.3.7.tgz",
@@ -2487,10 +2534,11 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/normalize-wheel-es": {
-      "version": "1.2.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
-      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+    "node_modules/number-precision": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/number-precision/-/number-precision-1.6.0.tgz",
+      "integrity": "sha512-05OLPgbgmnixJw+VvEh18yNPUo3iyp4BEWJcrLu4X9W05KmMifN7Mu5exYvQXqxxeNWhvIF+j3Rij+HmddM/hQ==",
+      "dev": true
     },
     "node_modules/parse-node-version": {
       "version": "1.0.1",
@@ -2642,6 +2690,18 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "dev": true
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://repo.bingosoft.net/repository/npm/reusify/-/reusify-1.0.4.tgz",
@@ -2783,12 +2843,27 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "dev": true,
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
     "node_modules/scule": {
       "version": "1.3.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/scule/-/scule-1.3.0.tgz",
       "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
       "dev": true
     },
+    "node_modules/seemly": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmmirror.com/seemly/-/seemly-0.3.8.tgz",
+      "integrity": "sha512-MW8Qs6vbzo0pHmDpFSYPna+lwpZ6Zk1ancbajw/7E8TKtHdV+1DfZZD+kKJEhG/cAoB/i+LiT+5msZOqj0DwRA==",
+      "dev": true
+    },
     "node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/semver/-/semver-7.6.3.tgz",
@@ -2812,6 +2887,15 @@
         "randombytes": "^2.1.0"
       }
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/sortablejs": {
       "version": "1.15.2",
       "resolved": "https://repo.bingosoft.net/repository/npm/sortablejs/-/sortablejs-1.15.2.tgz",
@@ -2948,6 +3032,12 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/treemate": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmmirror.com/treemate/-/treemate-0.3.11.tgz",
+      "integrity": "sha512-M8RGFoKtZ8dF+iwJfAJTOH/SM4KluKOKRJpjCMhI8bG3qB74zrFoArKZ62ll0Fr3mqkMJiQOmWYkdYgDeITYQg==",
+      "dev": true
+    },
     "node_modules/tslib": {
       "version": "2.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/tslib/-/tslib-2.6.3.tgz",
@@ -3138,6 +3228,24 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/vdirs": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmmirror.com/vdirs/-/vdirs-0.1.8.tgz",
+      "integrity": "sha512-H9V1zGRLQZg9b+GdMk8MXDN2Lva0zx72MPahDKc30v+DtwKjfyOSXWRIX4t2mhDubM1H09gPhWeth/BJWPHGUw==",
+      "dev": true,
+      "dependencies": {
+        "evtd": "^0.2.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.11"
+      }
+    },
+    "node_modules/vfonts": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/vfonts/-/vfonts-0.0.3.tgz",
+      "integrity": "sha512-nguyw8L6Un8eelg1vQ31vIU2ESxqid7EYmy8V+MDeMaHBqaRSkg3dTBToC1PR00D89UzS/SLkfYPnx0Wf23IQQ==",
+      "dev": true
+    },
     "node_modules/vite": {
       "version": "5.3.4",
       "resolved": "https://repo.bingosoft.net/repository/npm/vite/-/vite-5.3.4.tgz",
@@ -3194,6 +3302,18 @@
         }
       }
     },
+    "node_modules/vooks": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmmirror.com/vooks/-/vooks-0.2.12.tgz",
+      "integrity": "sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==",
+      "dev": true,
+      "dependencies": {
+        "evtd": "^0.2.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vscode-uri": {
       "version": "3.0.8",
       "resolved": "https://repo.bingosoft.net/repository/npm/vscode-uri/-/vscode-uri-3.0.8.tgz",
@@ -3297,6 +3417,24 @@
         "typescript": ">=5.0.0"
       }
     },
+    "node_modules/vueuc": {
+      "version": "0.4.58",
+      "resolved": "https://registry.npmmirror.com/vueuc/-/vueuc-0.4.58.tgz",
+      "integrity": "sha512-Wnj/N8WbPRSxSt+9ji1jtDHPzda5h2OH/0sFBhvdxDRuyCZbjGg3/cKMaKqEoe+dErTexG2R+i6Q8S/Toq1MYg==",
+      "dev": true,
+      "dependencies": {
+        "@css-render/vue3-ssr": "^0.15.10",
+        "@juggle/resize-observer": "^3.3.1",
+        "css-render": "^0.15.10",
+        "evtd": "^0.2.4",
+        "seemly": "^0.3.6",
+        "vdirs": "^0.1.4",
+        "vooks": "^0.2.4"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.11"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/watchpack/-/watchpack-2.4.1.tgz",
@@ -3381,22 +3519,65 @@
       "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
       "dev": true
     },
+    "@arco-design/color": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/@arco-design/color/-/color-0.4.0.tgz",
+      "integrity": "sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==",
+      "dev": true,
+      "requires": {
+        "color": "^3.1.3"
+      }
+    },
+    "@arco-design/web-vue": {
+      "version": "2.56.0",
+      "resolved": "https://registry.npmmirror.com/@arco-design/web-vue/-/web-vue-2.56.0.tgz",
+      "integrity": "sha512-LsrTE1vL54a/DVQCZ4c2F5LDA1r2mcWF2AHrM+fKEi5hzE63/awZVIOQ6P8yGaYRAP9eqUNj60uNI1Jz0UvGlA==",
+      "dev": true,
+      "requires": {
+        "@arco-design/color": "^0.4.0",
+        "b-tween": "^0.3.3",
+        "b-validate": "^1.4.4",
+        "compute-scroll-into-view": "^1.0.17",
+        "dayjs": "^1.10.3",
+        "number-precision": "^1.5.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "scroll-into-view-if-needed": "^2.2.28"
+      }
+    },
     "@babel/parser": {
       "version": "7.24.8",
       "resolved": "https://repo.bingosoft.net/repository/npm/@babel/parser/-/parser-7.24.8.tgz",
       "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w=="
     },
-    "@ctrl/tinycolor": {
-      "version": "3.6.1",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
-      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA=="
+    "@babel/runtime": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.25.0.tgz",
+      "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
+      "dev": true,
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
     },
-    "@element-plus/icons-vue": {
-      "version": "2.3.1",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
-      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
+    "@css-render/plugin-bem": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/@css-render/plugin-bem/-/plugin-bem-0.15.14.tgz",
+      "integrity": "sha512-QK513CJ7yEQxm/P3EwsI+d+ha8kSOcjGvD6SevM41neEMxdULE+18iuQK6tEChAWMOQNQPLG/Rw3Khb69r5neg==",
+      "dev": true,
       "requires": {}
     },
+    "@css-render/vue3-ssr": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/@css-render/vue3-ssr/-/vue3-ssr-0.15.14.tgz",
+      "integrity": "sha512-//8027GSbxE9n3QlD73xFY6z4ZbHbvrOVB7AO6hsmrEzGbg+h2A09HboUyDgu+xsmj7JnvJD39Irt+2D0+iV8g==",
+      "dev": true,
+      "requires": {}
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmmirror.com/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "dev": true
+    },
     "@esbuild/aix-ppc64": {
       "version": "0.21.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -3558,28 +3739,6 @@
       "dev": true,
       "optional": true
     },
-    "@floating-ui/core": {
-      "version": "1.6.5",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/core/-/core-1.6.5.tgz",
-      "integrity": "sha512-8GrTWmoFhm5BsMZOTHeGD2/0FLKLQQHvO/ZmQga4tKempYRLz8aqJGqXVuQgisnMObq2YZ2SgkwctN1LOOxcqA==",
-      "requires": {
-        "@floating-ui/utils": "^0.2.5"
-      }
-    },
-    "@floating-ui/dom": {
-      "version": "1.6.8",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/dom/-/dom-1.6.8.tgz",
-      "integrity": "sha512-kx62rP19VZ767Q653wsP1XZCGIirkE09E0QUGNYTM/ttbbQHqcGPdSfWFxUyyNLc/W6aoJRBajOSXhP6GXjC0Q==",
-      "requires": {
-        "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.5"
-      }
-    },
-    "@floating-ui/utils": {
-      "version": "0.2.5",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@floating-ui/utils/-/utils-0.2.5.tgz",
-      "integrity": "sha512-sTcG+QZ6fdEUObICavU+aB3Mp8HY4n14wYHdxK4fXjPmv3PXZZeY5RaguJmGyeH/CJQhX3fqKUtS4qc1LoHwhQ=="
-    },
     "@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -3633,6 +3792,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "@juggle/resize-observer": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmmirror.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==",
+      "dev": true
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -3659,11 +3824,6 @@
         "fastq": "^1.6.0"
       }
     },
-    "@popperjs/core": {
-      "version": "npm:@sxzz/popperjs-es@2.11.7",
-      "resolved": "https://repo.bingosoft.net/repository/npm/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-    },
     "@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -3822,15 +3982,23 @@
       "dev": true,
       "peer": true
     },
+    "@types/katex": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmmirror.com/@types/katex/-/katex-0.16.7.tgz",
+      "integrity": "sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==",
+      "dev": true
+    },
     "@types/lodash": {
       "version": "4.17.7",
       "resolved": "https://repo.bingosoft.net/repository/npm/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
+      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
+      "dev": true
     },
     "@types/lodash-es": {
       "version": "4.17.12",
       "resolved": "https://repo.bingosoft.net/repository/npm/@types/lodash-es/-/lodash-es-4.17.12.tgz",
       "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "dev": true,
       "requires": {
         "@types/lodash": "*"
       }
@@ -4264,7 +4432,20 @@
     "async-validator": {
       "version": "4.2.5",
       "resolved": "https://repo.bingosoft.net/repository/npm/async-validator/-/async-validator-4.2.5.tgz",
-      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "dev": true
+    },
+    "b-tween": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmmirror.com/b-tween/-/b-tween-0.3.3.tgz",
+      "integrity": "sha512-oEHegcRpA7fAuc9KC4nktucuZn2aS8htymCPcP3qkEGPqiBH+GfqtqoG2l7LxHngg6O0HFM7hOeOYExl1Oz4ZA==",
+      "dev": true
+    },
+    "b-validate": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmmirror.com/b-validate/-/b-validate-1.5.3.tgz",
+      "integrity": "sha512-iCvCkGFskbaYtfQ0a3GmcQCHl/Sv1GufXFGuUQ+FE+WJa7A/espLOuFIn09B944V8/ImPj71T4+rTASxO2PAuA==",
+      "dev": true
     },
     "balanced-match": {
       "version": "1.0.2",
@@ -4356,6 +4537,33 @@
       "dev": true,
       "peer": true
     },
+    "color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      },
+      "dependencies": {
+        "color-convert": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
+          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
+        },
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        }
+      }
+    },
     "color-convert": {
       "version": "2.0.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/color-convert/-/color-convert-2.0.1.tgz",
@@ -4371,6 +4579,16 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "commander": {
       "version": "2.20.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/commander/-/commander-2.20.3.tgz",
@@ -4378,6 +4596,12 @@
       "dev": true,
       "peer": true
     },
+    "compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==",
+      "dev": true
+    },
     "computeds": {
       "version": "0.0.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/computeds/-/computeds-0.0.1.tgz",
@@ -4399,15 +4623,50 @@
         "is-what": "^3.14.1"
       }
     },
+    "css-render": {
+      "version": "0.15.14",
+      "resolved": "https://registry.npmmirror.com/css-render/-/css-render-0.15.14.tgz",
+      "integrity": "sha512-9nF4PdUle+5ta4W5SyZdLCCmFd37uVimSjg1evcTqKJCyvCEEj12WKzOSBNak6r4im4J4iYXKH1OWpUV5LBYFg==",
+      "dev": true,
+      "requires": {
+        "@emotion/hash": "~0.8.0",
+        "csstype": "~3.0.5"
+      },
+      "dependencies": {
+        "csstype": {
+          "version": "3.0.11",
+          "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.0.11.tgz",
+          "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==",
+          "dev": true
+        }
+      }
+    },
     "csstype": {
       "version": "3.1.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
+    "date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.21.0"
+      }
+    },
+    "date-fns-tz": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
+      "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
+      "dev": true,
+      "requires": {}
+    },
     "dayjs": {
       "version": "1.11.12",
-      "resolved": "https://repo.bingosoft.net/repository/npm/dayjs/-/dayjs-1.11.12.tgz",
-      "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg=="
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.12.tgz",
+      "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==",
+      "dev": true
     },
     "de-indent": {
       "version": "1.0.2",
@@ -4431,75 +4690,6 @@
       "dev": true,
       "peer": true
     },
-    "element-plus": {
-      "version": "2.7.8",
-      "resolved": "https://repo.bingosoft.net/repository/npm/element-plus/-/element-plus-2.7.8.tgz",
-      "integrity": "sha512-h6dx2XihAbQaud0v+6O7Fy0b0G3YNplNVH7QnK3csTcvQd4y4raiyMRQpf9EKbRbTMdNrFsqAZrs9ok9DMcJHg==",
-      "requires": {
-        "@ctrl/tinycolor": "^3.4.1",
-        "@element-plus/icons-vue": "^2.3.1",
-        "@floating-ui/dom": "^1.0.1",
-        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-        "@types/lodash": "^4.14.182",
-        "@types/lodash-es": "^4.17.6",
-        "@vueuse/core": "^9.1.0",
-        "async-validator": "^4.2.5",
-        "dayjs": "^1.11.3",
-        "escape-html": "^1.0.3",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "lodash-unified": "^1.0.2",
-        "memoize-one": "^6.0.0",
-        "normalize-wheel-es": "^1.2.0"
-      },
-      "dependencies": {
-        "@types/web-bluetooth": {
-          "version": "0.0.16",
-          "resolved": "https://repo.bingosoft.net/repository/npm/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
-          "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
-        },
-        "@vueuse/core": {
-          "version": "9.13.0",
-          "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/core/-/core-9.13.0.tgz",
-          "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
-          "requires": {
-            "@types/web-bluetooth": "^0.0.16",
-            "@vueuse/metadata": "9.13.0",
-            "@vueuse/shared": "9.13.0",
-            "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.14.10",
-              "resolved": "https://repo.bingosoft.net/repository/npm/vue-demi/-/vue-demi-0.14.10.tgz",
-              "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-              "requires": {}
-            }
-          }
-        },
-        "@vueuse/metadata": {
-          "version": "9.13.0",
-          "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/metadata/-/metadata-9.13.0.tgz",
-          "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ=="
-        },
-        "@vueuse/shared": {
-          "version": "9.13.0",
-          "resolved": "https://repo.bingosoft.net/repository/npm/@vueuse/shared/-/shared-9.13.0.tgz",
-          "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
-          "requires": {
-            "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.14.10",
-              "resolved": "https://repo.bingosoft.net/repository/npm/vue-demi/-/vue-demi-0.14.10.tgz",
-              "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-              "requires": {}
-            }
-          }
-        }
-      }
-    },
     "enhanced-resolve": {
       "version": "5.17.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
@@ -4571,11 +4761,6 @@
       "dev": true,
       "peer": true
     },
-    "escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://repo.bingosoft.net/repository/npm/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-    },
     "escape-string-regexp": {
       "version": "5.0.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
@@ -4631,6 +4816,12 @@
       "dev": true,
       "peer": true
     },
+    "evtd": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/evtd/-/evtd-0.2.4.tgz",
+      "integrity": "sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==",
+      "dev": true
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -4722,6 +4913,12 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "highlight.js": {
+      "version": "11.10.0",
+      "resolved": "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.10.0.tgz",
+      "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==",
+      "dev": true
+    },
     "iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -4745,6 +4942,12 @@
       "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
       "dev": true
     },
+    "is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true
+    },
     "is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4868,13 +5071,8 @@
     "lodash-es": {
       "version": "4.17.21",
       "resolved": "https://repo.bingosoft.net/repository/npm/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-    },
-    "lodash-unified": {
-      "version": "1.0.3",
-      "resolved": "https://repo.bingosoft.net/repository/npm/lodash-unified/-/lodash-unified-1.0.3.tgz",
-      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
-      "requires": {}
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "dev": true
     },
     "lsp-uuid": {
       "version": "3.2.0",
@@ -4909,11 +5107,6 @@
         }
       }
     },
-    "memoize-one": {
-      "version": "6.0.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/memoize-one/-/memoize-one-6.0.0.tgz",
-      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
-    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -4994,6 +5187,33 @@
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "dev": true
     },
+    "naive-ui": {
+      "version": "2.39.0",
+      "resolved": "https://registry.npmmirror.com/naive-ui/-/naive-ui-2.39.0.tgz",
+      "integrity": "sha512-5oUJzRG+rtLSH8eRU+fJvVYiQids2BxF9jp+fwGoAqHOptEINrBlgBu9uy+95RHE5FLJ7Q/z41o+qkoGnUrKxQ==",
+      "dev": true,
+      "requires": {
+        "@css-render/plugin-bem": "^0.15.12",
+        "@css-render/vue3-ssr": "^0.15.12",
+        "@types/katex": "^0.16.2",
+        "@types/lodash": "^4.14.198",
+        "@types/lodash-es": "^4.17.9",
+        "async-validator": "^4.2.5",
+        "css-render": "^0.15.12",
+        "csstype": "^3.1.3",
+        "date-fns": "^2.30.0",
+        "date-fns-tz": "^2.0.0",
+        "evtd": "^0.2.4",
+        "highlight.js": "^11.8.0",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "seemly": "^0.3.8",
+        "treemate": "^0.3.11",
+        "vdirs": "^0.1.8",
+        "vooks": "^0.2.12",
+        "vueuc": "^0.4.58"
+      }
+    },
     "nanoid": {
       "version": "3.3.7",
       "resolved": "https://repo.bingosoft.net/repository/npm/nanoid/-/nanoid-3.3.7.tgz",
@@ -5030,10 +5250,11 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true
     },
-    "normalize-wheel-es": {
-      "version": "1.2.0",
-      "resolved": "https://repo.bingosoft.net/repository/npm/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
-      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+    "number-precision": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/number-precision/-/number-precision-1.6.0.tgz",
+      "integrity": "sha512-05OLPgbgmnixJw+VvEh18yNPUo3iyp4BEWJcrLu4X9W05KmMifN7Mu5exYvQXqxxeNWhvIF+j3Rij+HmddM/hQ==",
+      "dev": true
     },
     "parse-node-version": {
       "version": "1.0.1",
@@ -5131,6 +5352,18 @@
         "picomatch": "^2.2.1"
       }
     },
+    "regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
+    },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "dev": true
+    },
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://repo.bingosoft.net/repository/npm/reusify/-/reusify-1.0.4.tgz",
@@ -5216,12 +5449,27 @@
         "ajv-keywords": "^3.5.2"
       }
     },
+    "scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "dev": true,
+      "requires": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
     "scule": {
       "version": "1.3.0",
       "resolved": "https://repo.bingosoft.net/repository/npm/scule/-/scule-1.3.0.tgz",
       "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
       "dev": true
     },
+    "seemly": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmmirror.com/seemly/-/seemly-0.3.8.tgz",
+      "integrity": "sha512-MW8Qs6vbzo0pHmDpFSYPna+lwpZ6Zk1ancbajw/7E8TKtHdV+1DfZZD+kKJEhG/cAoB/i+LiT+5msZOqj0DwRA==",
+      "dev": true
+    },
     "semver": {
       "version": "7.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/semver/-/semver-7.6.3.tgz",
@@ -5238,6 +5486,15 @@
         "randombytes": "^2.1.0"
       }
     },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "sortablejs": {
       "version": "1.15.2",
       "resolved": "https://repo.bingosoft.net/repository/npm/sortablejs/-/sortablejs-1.15.2.tgz",
@@ -5327,6 +5584,12 @@
         "is-number": "^7.0.0"
       }
     },
+    "treemate": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmmirror.com/treemate/-/treemate-0.3.11.tgz",
+      "integrity": "sha512-M8RGFoKtZ8dF+iwJfAJTOH/SM4KluKOKRJpjCMhI8bG3qB74zrFoArKZ62ll0Fr3mqkMJiQOmWYkdYgDeITYQg==",
+      "dev": true
+    },
     "tslib": {
       "version": "2.6.3",
       "resolved": "https://repo.bingosoft.net/repository/npm/tslib/-/tslib-2.6.3.tgz",
@@ -5451,6 +5714,21 @@
         "punycode": "^2.1.0"
       }
     },
+    "vdirs": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmmirror.com/vdirs/-/vdirs-0.1.8.tgz",
+      "integrity": "sha512-H9V1zGRLQZg9b+GdMk8MXDN2Lva0zx72MPahDKc30v+DtwKjfyOSXWRIX4t2mhDubM1H09gPhWeth/BJWPHGUw==",
+      "dev": true,
+      "requires": {
+        "evtd": "^0.2.2"
+      }
+    },
+    "vfonts": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/vfonts/-/vfonts-0.0.3.tgz",
+      "integrity": "sha512-nguyw8L6Un8eelg1vQ31vIU2ESxqid7EYmy8V+MDeMaHBqaRSkg3dTBToC1PR00D89UzS/SLkfYPnx0Wf23IQQ==",
+      "dev": true
+    },
     "vite": {
       "version": "5.3.4",
       "resolved": "https://repo.bingosoft.net/repository/npm/vite/-/vite-5.3.4.tgz",
@@ -5463,6 +5741,15 @@
         "rollup": "^4.13.0"
       }
     },
+    "vooks": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmmirror.com/vooks/-/vooks-0.2.12.tgz",
+      "integrity": "sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==",
+      "dev": true,
+      "requires": {
+        "evtd": "^0.2.2"
+      }
+    },
     "vscode-uri": {
       "version": "3.0.8",
       "resolved": "https://repo.bingosoft.net/repository/npm/vscode-uri/-/vscode-uri-3.0.8.tgz",
@@ -5527,6 +5814,21 @@
         "semver": "^7.5.4"
       }
     },
+    "vueuc": {
+      "version": "0.4.58",
+      "resolved": "https://registry.npmmirror.com/vueuc/-/vueuc-0.4.58.tgz",
+      "integrity": "sha512-Wnj/N8WbPRSxSt+9ji1jtDHPzda5h2OH/0sFBhvdxDRuyCZbjGg3/cKMaKqEoe+dErTexG2R+i6Q8S/Toq1MYg==",
+      "dev": true,
+      "requires": {
+        "@css-render/vue3-ssr": "^0.15.10",
+        "@juggle/resize-observer": "^3.3.1",
+        "css-render": "^0.15.10",
+        "evtd": "^0.2.4",
+        "seemly": "^0.3.6",
+        "vdirs": "^0.1.4",
+        "vooks": "^0.2.4"
+      }
+    },
     "watchpack": {
       "version": "2.4.1",
       "resolved": "https://repo.bingosoft.net/repository/npm/watchpack/-/watchpack-2.4.1.tgz",
diff --git a/package.json b/package.json
index afcca5f..feece8d 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,6 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.11.0",
-    "element-plus": "^2.7.8",
     "lodash": "^4.17.21",
     "lsp-uuid": "^3.2.0",
     "vue": "^3.2.25",
@@ -18,12 +17,15 @@
     "vue-draggable-plus": "^0.5.2"
   },
   "devDependencies": {
+    "@arco-design/web-vue": "^2.56.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "less": "^4.2.0",
+    "naive-ui": "^2.39.0",
     "sass": "^1.77.8",
     "typescript": "^5.2.2",
     "unplugin-auto-import": "^0.18.2",
     "unplugin-vue-components": "^0.27.3",
+    "vfonts": "^0.0.3",
     "vite": "^5.3.4",
     "vue-loader": "^17.4.2",
     "vue-template-compiler": "^2.7.16",
diff --git a/src/components/ElTable.vue b/src/components/ElTable.vue
new file mode 100644
index 0000000..4fbbf8c
--- /dev/null
+++ b/src/components/ElTable.vue
@@ -0,0 +1,22 @@
+<template>
+  <table>
+    <thead>
+      <tr>
+        <th>Id</th>
+        <th>Name</th>
+      </tr>
+    </thead>
+    <tbody class="el-table">
+      <tr v-for="item in list" :key="item.name" class="cursor-move">
+        <td>{{ item.id }}</td>
+        <td>{{ item.name }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script setup lang="ts">
+interface Props {
+  list: Record<'name' | 'id', string>[]
+}
+defineProps<Props>()
+</script>
\ No newline at end of file
diff --git a/src/components/MyComponent1.vue b/src/components/MyComponent1.vue
deleted file mode 100644
index b18d82f..0000000
--- a/src/components/MyComponent1.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div>
-    <!-- 左侧组件列表 -->
-    <div class="left">
-      <div
-        class="left-item"
-        v-for="item in list1"
-        :key="item.code"
-        draggable
-      >
-        {{ item.name }}
-      </div>
-    </div>
-    <!-- 画布区域 -->
-    <div class="targetContent" ref="targetContent">
-      <div
-        class="item"
-        v-for="item in list2"
-        :key="item.id"
-        :ref="item.id"
-        :style="{
-          top: `${item.top - 16}px`,
-          left: `${item.left - 85}px`,
-          'z-index': `${item.zIndex}`
-        }"
-      >
-        <template v-if="item.code === 'MyInput'">
-          <a-input></a-input>
-        </template>
-      </div>
-    </div>
-  </div>
-</template>
\ No newline at end of file
diff --git a/src/components/MyComponent2.vue b/src/components/MyComponent2.vue
deleted file mode 100644
index d2ac3cc..0000000
--- a/src/components/MyComponent2.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div style="background: lightgreen; height: 100%; padding: 10px;">
-    组件2内容
-    <div v-if="$slots.default" class="slot-area">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'MyComponent2'
-}
-</script>
-
-<style scoped>
-.slot-area {
-  border: 2px dashed grey;
-  min-height: 50px;
-  margin-top: 10px;
-}
-</style>
diff --git a/src/components/MyComponent3.vue b/src/components/MyComponent3.vue
deleted file mode 100644
index aba7ca0..0000000
--- a/src/components/MyComponent3.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div style="background: lightcoral; height: 100%; padding: 10px;">
-    组件3内容
-    <div v-if="$slots.default" class="slot-area">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'MyComponent3'
-}
-</script>
-
-<style scoped>
-.slot-area {
-  border: 2px dashed grey;
-  min-height: 50px;
-  margin-top: 10px;
-}
-</style>
diff --git a/src/components/NestedDirective.vue b/src/components/NestedDirective.vue
new file mode 100644
index 0000000..c340293
--- /dev/null
+++ b/src/components/NestedDirective.vue
@@ -0,0 +1,37 @@
+<template>
+  <ul v-draggable="[list, { group: 'g1' }]" class="drag-area">
+    <li v-for="el in modelValue" :key="el.name">
+      <p>{{ el.name }}</p>
+      <nested-directive v-model="el.children" />
+    </li>
+  </ul>
+</template>
+<script setup lang="ts">
+import { vDraggable } from 'vue-draggable-plus'
+import { computed } from 'vue'
+
+interface IList {
+  name: string
+  children: IList[]
+}
+
+interface Props {
+  modelValue: IList[]
+}
+
+const props = defineProps<Props>()
+interface Emits {
+  (e: 'update:modelValue', value: IList[]): void
+}
+const emits = defineEmits<Emits>()
+const list = computed({
+  get: () => props.modelValue,
+  set: value => emits('update:modelValue', value)
+})
+</script>
+<style scoped>
+.drag-area {
+  min-height: 50px;
+  outline: 1px dashed;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NestedFunction.vue b/src/components/NestedFunction.vue
new file mode 100644
index 0000000..f2e16ac
--- /dev/null
+++ b/src/components/NestedFunction.vue
@@ -0,0 +1,55 @@
+<template>
+  <ul class="drag-area" ref="el">
+    <li v-for="el in modelValue" :key="el.name">
+      <div style="width: 200px;border: 1px solid red;">
+        <p>{{ el.name }}:{{ el.id }}</p>
+      </div> 
+      <nested-function v-model="el.children" />
+    </li>
+  </ul>
+</template>
+<script setup lang="ts">
+import { useDraggable} from 'vue-draggable-plus'
+import { computed, ref } from 'vue'
+import { IList } from '../type/IList'
+
+interface Props {
+  modelValue: IList[]
+}
+
+const props = defineProps<Props>()
+interface Emits {
+  (e: 'update:modelValue', value: IList[]): void
+}
+const emits = defineEmits<Emits>()
+const list = computed({
+  get: () => props.modelValue,
+  set: value => emits('update:modelValue', value)
+})
+
+const el = ref()
+useDraggable(el, list, {
+  group: 'designer',
+  animation: 150,
+  onStart() {
+    console.log('start')
+  },
+  onUpdate() {
+    console.log('update list1')
+  },
+  onAdd: (e) => {
+    // console.log(e)
+    console.log('add list1')
+  },
+  onRemove: () => {
+    console.log('remove list1')
+  }
+},)
+</script>
+<style scoped>
+.drag-area {
+  min-height: 50px;
+  outline: 1px dashed;
+  background-color: hsl(0, 0%, 100%);
+}
+</style>
\ No newline at end of file
diff --git a/src/components/VueDemo.vue b/src/components/VueDemo.vue
index 5c126c6..b061787 100644
--- a/src/components/VueDemo.vue
+++ b/src/components/VueDemo.vue
@@ -1,81 +1,75 @@
 <template>
-  <div style="display: flex;">
-    <section v-draggable="[
-      list1,
-      {
-        animation: 150,
-        group: {
-          name: 'people',
-          pull: 'clone',
-          put: false
-        },
-        sort: false,
-        clone
-      }
-    ]">
-      <div v-for="item in list1" :key="item.id" style="border: 1px solid green;margin: 5px;">
-        {{ item.name }}
+  <div style="display: flex;flex-direction: row;">
+    <div  ref="el2" style="margin: 5%;display: flex;flex-direction: column;">
+      <div v-for="item in list1" :key="item.id" style="width: 200px;border: 1px solid red;">
+        {{ item.name }}:{{ item.id }}
       </div>
-    </section>
-    <section v-draggable="[
-      list2,
-      {
-        animation: 150,
-        group: 'people'
-      }
-    ]">
-      <div v-for="item in list2" :key="item.id" style="border: 1px solid red;margin: 5px;">
-        {{ item.name }}
-      </div>
-    </section>
-  </div>
-  <div>
-    <div>
-      {{ list1 }}
     </div>
-    <div>
-      {{ list2 }}
 
+    <div class="flex justify-between">
+      <NestedFunction v-model="list" class="w-full"></NestedFunction>
+      {{ list }}
     </div>
-    </br>
   </div>
+
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { uuid } from 'lsp-uuid'
-import { vDraggable } from 'vue-draggable-plus'
+import NestedFunction from './NestedFunction.vue'
+import { useDraggable } from 'vue-draggable-plus'
+import { uuid } from 'lsp-uuid';
+
 
 const list1 = ref([
-  {
-    name: 'Joao',
-    id: '1'
+{
+    type: 'Switch',
+    name: '开关',
+    id: 'switch',
+    designer: '',
+    props: {},
+    style: '',
+    class: '',
+    children: []
   },
   {
-    name: 'Jean',
-    id: '2'
+    type: 'Rate',
+    name: '开关',
+    id: 'rate',
+    designer: '',
+    props: {},
+    style: '',
+    class: '',
+    children: []
   },
   {
-    name: 'Johanna',
-    id: '3'
-  },
-  {
-    name: 'Juan',
-    id: '4'
+    type: 'Button',
+    name: '按钮',
+    id: 'button',
+    designer: '',
+    props: {},
+    style: '',
+    class: '',
+    children: []
   }
+  
 ])
-const list2 = ref(
-  list1.value.map(item => ({
-    name: `${item.name}-2`,
-    id: `${item.id}-2`
-  }))
-)
+const list=ref([])
 
-function clone(element: Record<'name' | 'id', string>) {
-  const len = list2.value.length
-  return {
-    name: `${element.name}-clone-${len}`,
-    id: `${element.id}-clone-${uuid()}`
+const el2 = ref()
+
+useDraggable(el2, list1, {
+  animation: 150,
+  group: { name: 'designer', pull: 'clone', put: false },
+  sort: false,
+  onClone() {
+    console.log('clone')
+  },
+  clone(element: Record<'id'|'children', any>) {
+    return {
+      id: `${element.id}-${uuid()}`,
+      children:[]
+    }
   }
-}
+})
 </script>
diff --git a/src/type/IList.ts b/src/type/IList.ts
new file mode 100644
index 0000000..89ee10e
--- /dev/null
+++ b/src/type/IList.ts
@@ -0,0 +1,10 @@
+export interface IList {
+  type: string;
+  name: string;
+  id: string;
+  designer: JSON;  
+  props: JSON;       
+  style: string;
+  class: string;
+  children: IList[];
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index cbb5723..a9aebb4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,21 +5,25 @@ import vue from '@vitejs/plugin-vue'
 // import vueDevTools from 'vite-plugin-vue-devtools'
 
 import AutoImport from 'unplugin-auto-import/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { ArcoResolver  } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     AutoImport({
-      resolvers: [ElementPlusResolver({ importStyle: 'sass' })],
+      resolvers: [ArcoResolver()],
       imports: [
         'vue',
         'vue-router',
         '@vueuse/core',
         {
-          from: 'element-plus',
-          imports: ['ElMessage', 'ElMessageBox']
+          'naive-ui': [
+            'useDialog',
+            'useMessage',
+            'useNotification',
+            'useLoadingBar'
+          ]
         }
       ],
       dirs: [
@@ -30,7 +34,11 @@ export default defineConfig({
       ]
     }),
     Components({
-      resolvers: [ElementPlusResolver({ importStyle: 'sass' })]
+      resolvers: [
+        ArcoResolver({
+          sideEffect: true
+        })
+      ]
     }),
     vue(),
     // vueDevTools()