diff --git a/package-lock.json b/package-lock.json
index ca2fefaa..f1bc2cde 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -71,6 +71,12 @@
         "tinycolor2": "^1.4.1"
       }
     },
+    "@antfu/utils": {
+      "version": "0.7.7",
+      "resolved": "https://registry.npmmirror.com/@antfu/utils/-/utils-0.7.7.tgz",
+      "integrity": "sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==",
+      "dev": true
+    },
     "@antv/algorithm": {
       "version": "0.1.26",
       "resolved": "https://registry.npmmirror.com/@antv/algorithm/-/algorithm-0.1.26.tgz",
@@ -2366,10 +2372,15 @@
       "integrity": "sha512-r3fwVbVH+M8W0qYlBBZFsUwKe6NT5qvz+EmU7sr8VeN1cQ63z+3cfXyTo7WGGEMEgKiT0jboNAK3b1FZp8k9LQ==",
       "dev": true
     },
-    "@element-plus/icons": {
-      "version": "0.0.11",
-      "resolved": "https://registry.npmmirror.com/@element-plus/icons/-/icons-0.0.11.tgz",
-      "integrity": "sha512-iKQXSxXu131Ai+I9Ymtcof9WId7kaXvB1+WRfAfpQCW7UiAMYgdNDqb/u0hgTo2Yq3MwC4MWJnNuTBEpG8r7+A=="
+    "@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=="
+    },
+    "@element-plus/icons-vue": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg=="
     },
     "@eslint/eslintrc": {
       "version": "0.4.3",
@@ -2405,6 +2416,28 @@
         }
       }
     },
+    "@floating-ui/core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.6.0.tgz",
+      "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==",
+      "requires": {
+        "@floating-ui/utils": "^0.2.1"
+      }
+    },
+    "@floating-ui/dom": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+      "requires": {
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
+      }
+    },
+    "@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "@foliojs-fork/fontkit": {
       "version": "1.9.1",
       "resolved": "https://registry.npmmirror.com/@foliojs-fork/fontkit/-/fontkit-1.9.1.tgz",
@@ -3606,12 +3639,40 @@
         "easy-stack": "1.0.1"
       }
     },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "dependencies": {
+        "@nodelib/fs.stat": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+          "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+          "dev": true
+        }
+      }
+    },
     "@nodelib/fs.stat": {
       "version": "1.1.3",
       "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "dev": true
     },
+    "@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
     "@one-ini/wasm": {
       "version": "0.1.1",
       "resolved": "https://registry.npmmirror.com/@one-ini/wasm/-/wasm-0.1.1.tgz",
@@ -3626,9 +3687,9 @@
       "optional": true
     },
     "@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmmirror.com/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
+      "version": "npm:@sxzz/popperjs-es@2.11.7",
+      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
     },
     "@probe.gl/env": {
       "version": "3.6.0",
@@ -4302,8 +4363,15 @@
     "@types/lodash": {
       "version": "4.14.202",
       "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.202.tgz",
-      "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==",
-      "dev": true
+      "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ=="
+    },
+    "@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==",
+      "requires": {
+        "@types/lodash": "*"
+      }
     },
     "@types/mapbox__point-geometry": {
       "version": "0.1.4",
@@ -4474,6 +4542,11 @@
         "source-map": "^0.6.1"
       }
     },
+    "@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+    },
     "@types/webpack": {
       "version": "4.41.38",
       "resolved": "https://registry.npmmirror.com/@types/webpack/-/webpack-4.41.38.tgz",
@@ -5471,6 +5544,30 @@
       "integrity": "sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==",
       "dev": true
     },
+    "@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@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": "*"
+      }
+    },
+    "@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ=="
+    },
+    "@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "requires": {
+        "vue-demi": "*"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.9.0",
       "resolved": "https://registry.npmmirror.com/@webassemblyjs/ast/-/ast-1.9.0.tgz",
@@ -6174,9 +6271,9 @@
       "dev": true
     },
     "async-validator": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-3.5.2.tgz",
-      "integrity": "sha512-8eLCg00W9pIRZSB781UUX/H6Oskmm8xloZfr09lz5bikRpBVDlJ3hRVuxxP1SxcwsEYfJ4IU8Q19Y8/893r3rQ=="
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
     },
     "asynckit": {
       "version": "0.4.0",
@@ -6578,8 +6675,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "bit-twiddle": {
       "version": "1.0.2",
@@ -7183,7 +7279,6 @@
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
       "dev": true,
-      "optional": true,
       "requires": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -9638,18 +9733,25 @@
       "dev": true
     },
     "element-plus": {
-      "version": "1.0.2-beta.71",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-1.0.2-beta.71.tgz",
-      "integrity": "sha512-tlfbRORIav8gJcIpjZI5F6aJIVHIaDuGO6/vKu43lgYq4JS2JPNRTjvrSE2p4f5xLfaFNfOWjCS3sybXLfMg8g==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.6.0.tgz",
+      "integrity": "sha512-MP+N48P+diyndR+GjY+0VOrUmFnajD4U0CkrXIMzmeRmq4+dwi0bdzVo587v4wDo9Hs+ggviyacqm3NS8JYVqw==",
       "requires": {
-        "@element-plus/icons": "^0.0.11",
-        "@popperjs/core": "^2.4.4",
-        "async-validator": "^3.4.0",
-        "dayjs": "1.x",
-        "lodash": "^4.17.20",
-        "mitt": "^2.1.0",
-        "normalize-wheel": "^1.0.1",
-        "resize-observer-polyfill": "^1.5.1"
+        "@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"
       }
     },
     "element-resize-detector": {
@@ -9982,8 +10084,7 @@
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "dev": true
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
     },
     "escape-string-regexp": {
       "version": "1.0.5",
@@ -10931,6 +11032,15 @@
       "resolved": "https://registry.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
+    "fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmmirror.com/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
     "faye-websocket": {
       "version": "0.11.4",
       "resolved": "https://registry.npmmirror.com/faye-websocket/-/faye-websocket-0.11.4.tgz",
@@ -12822,7 +12932,6 @@
       "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
       "dev": true,
-      "optional": true,
       "requires": {
         "binary-extensions": "^2.0.0"
       }
@@ -15286,6 +15395,12 @@
         "minimist": "^1.2.0"
       }
     },
+    "jsonc-parser": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-3.2.1.tgz",
+      "integrity": "sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==",
+      "dev": true
+    },
     "jsonfile": {
       "version": "2.4.0",
       "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-2.4.0.tgz",
@@ -15452,6 +15567,16 @@
         "json5": "^1.0.1"
       }
     },
+    "local-pkg": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
+      "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+      "dev": true,
+      "requires": {
+        "mlly": "^1.4.2",
+        "pkg-types": "^1.0.3"
+      }
+    },
     "locate-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-3.0.0.tgz",
@@ -15473,6 +15598,16 @@
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "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=="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -15725,6 +15860,11 @@
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
       "dev": true
     },
+    "memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+    },
     "memory-fs": {
       "version": "0.4.1",
       "resolved": "https://registry.npmmirror.com/memory-fs/-/memory-fs-0.4.1.tgz",
@@ -16132,6 +16272,26 @@
         "ml-array-rescale": "^1.3.7"
       }
     },
+    "mlly": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.6.1.tgz",
+      "integrity": "sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.11.3",
+        "pathe": "^1.1.2",
+        "pkg-types": "^1.0.3",
+        "ufo": "^1.3.2"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.11.3",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
+          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+          "dev": true
+        }
+      }
+    },
     "mockjs": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/mockjs/-/mockjs-1.1.0.tgz",
@@ -16526,10 +16686,10 @@
       "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
       "dev": true
     },
-    "normalize-wheel": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
-      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
+    "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=="
     },
     "npm-run-path": {
       "version": "2.0.2",
@@ -17108,6 +17268,12 @@
         "pinkie-promise": "^2.0.0"
       }
     },
+    "pathe": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+      "dev": true
+    },
     "pbf": {
       "version": "3.2.1",
       "resolved": "https://registry.npmmirror.com/pbf/-/pbf-3.2.1.tgz",
@@ -17226,6 +17392,17 @@
         }
       }
     },
+    "pkg-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+      "dev": true,
+      "requires": {
+        "jsonc-parser": "^3.2.0",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0"
+      }
+    },
     "png-js": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/png-js/-/png-js-1.0.0.tgz",
@@ -18771,6 +18948,12 @@
       "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
       "dev": true
     },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true
+    },
     "quick-lru": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/quick-lru/-/quick-lru-4.0.1.tgz",
@@ -18892,7 +19075,6 @@
       "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
       "dev": true,
-      "optional": true,
       "requires": {
         "picomatch": "^2.2.1"
       }
@@ -19180,11 +19362,6 @@
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
       "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=="
-    },
     "resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -19262,6 +19439,12 @@
       "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
       "dev": true
     },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
+    },
     "rgb-regex": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/rgb-regex/-/rgb-regex-1.0.1.tgz",
@@ -19339,6 +19522,15 @@
       "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
       "dev": true
     },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
     "run-queue": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/run-queue/-/run-queue-1.0.3.tgz",
@@ -19616,6 +19808,12 @@
         }
       }
     },
+    "scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "dev": true
+    },
     "select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/select-hose/-/select-hose-2.0.0.tgz",
@@ -20644,6 +20842,23 @@
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true
     },
+    "strip-literal": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-1.3.0.tgz",
+      "integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.10.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.11.3",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
+          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+          "dev": true
+        }
+      }
+    },
     "stylehacks": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-4.0.3.tgz",
@@ -21984,6 +22199,12 @@
       "resolved": "https://registry.npmmirror.com/typewise-core/-/typewise-core-1.2.0.tgz",
       "integrity": "sha512-2SCC/WLzj2SbUwzFOzqMCkz5amXLlxtJqDKTICqg30x+2DZxcfZN2MvQZmGfXWKNWaKK9pBPsvkcwv8bF/gxKg=="
     },
+    "ufo": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.4.0.tgz",
+      "integrity": "sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==",
+      "dev": true
+    },
     "uglify-js": {
       "version": "3.4.10",
       "resolved": "https://registry.npmmirror.com/uglify-js/-/uglify-js-3.4.10.tgz",
@@ -22137,6 +22358,113 @@
         "tiny-inflate": "^1.0.0"
       }
     },
+    "unimport": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.7.1.tgz",
+      "integrity": "sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==",
+      "dev": true,
+      "requires": {
+        "@rollup/pluginutils": "^5.1.0",
+        "acorn": "^8.11.2",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "fast-glob": "^3.3.2",
+        "local-pkg": "^0.5.0",
+        "magic-string": "^0.30.5",
+        "mlly": "^1.4.2",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "scule": "^1.1.1",
+        "strip-literal": "^1.3.0",
+        "unplugin": "^1.5.1"
+      },
+      "dependencies": {
+        "@nodelib/fs.stat": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+          "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+          "dev": true
+        },
+        "@rollup/pluginutils": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+          "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          },
+          "dependencies": {
+            "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==",
+              "dev": true
+            }
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
+          "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+          "dev": true
+        },
+        "acorn": {
+          "version": "8.11.3",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
+          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+          "dev": true
+        },
+        "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==",
+          "dev": true
+        },
+        "estree-walker": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
+          "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0"
+          }
+        },
+        "fast-glob": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz",
+          "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.2",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.4"
+          }
+        },
+        "magic-string": {
+          "version": "0.30.8",
+          "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.8.tgz",
+          "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.15"
+          }
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        }
+      }
+    },
     "union-find": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/union-find/-/union-find-1.0.2.tgz",
@@ -22195,6 +22523,238 @@
       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
       "dev": true
     },
+    "unplugin": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-1.8.3.tgz",
+      "integrity": "sha512-ZlLteXGDcyJgsbN2g4sZ3Dw6fpX1O5rjgeaA5MmQhhA2YxnTxsh43f8nDQgFOzcir0iv8GYMjtCV8MtyNnrhEg==",
+      "dev": true,
+      "requires": {
+        "acorn": "^8.11.3",
+        "chokidar": "^3.6.0",
+        "webpack-sources": "^3.2.3",
+        "webpack-virtual-modules": "^0.6.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.11.3",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
+          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+          "dev": true
+        },
+        "chokidar": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+          "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+          "dev": true,
+          "requires": {
+            "anymatch": "~3.1.2",
+            "braces": "~3.0.2",
+            "fsevents": "~2.3.2",
+            "glob-parent": "~5.1.2",
+            "is-binary-path": "~2.1.0",
+            "is-glob": "~4.0.1",
+            "normalize-path": "~3.0.0",
+            "readdirp": "~3.6.0"
+          }
+        },
+        "webpack-sources": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz",
+          "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+          "dev": true
+        }
+      }
+    },
+    "unplugin-auto-import": {
+      "version": "0.17.5",
+      "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.17.5.tgz",
+      "integrity": "sha512-fHNDkDSxv3PGagX1wmKBYBkgaM4AKAgZmdJw/bxjhNljx9KSXSgHpGfX0MwUrq9qw6q1bhHIZVWyOwoY2koo4w==",
+      "dev": true,
+      "requires": {
+        "@antfu/utils": "^0.7.7",
+        "@rollup/pluginutils": "^5.1.0",
+        "fast-glob": "^3.3.2",
+        "local-pkg": "^0.5.0",
+        "magic-string": "^0.30.5",
+        "minimatch": "^9.0.3",
+        "unimport": "^3.7.1",
+        "unplugin": "^1.6.0"
+      },
+      "dependencies": {
+        "@nodelib/fs.stat": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+          "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+          "dev": true
+        },
+        "@rollup/pluginutils": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+          "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
+          "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+          "dev": true
+        },
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "fast-glob": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz",
+          "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.2",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.4"
+          }
+        },
+        "magic-string": {
+          "version": "0.30.8",
+          "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.8.tgz",
+          "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.15"
+          }
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.3",
+          "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.3.tgz",
+          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "unplugin-vue-components": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-0.26.0.tgz",
+      "integrity": "sha512-s7IdPDlnOvPamjunVxw8kNgKNK8A5KM1YpK5j/p97jEKTjlPNrA0nZBiSfAKKlK1gWZuyWXlKL5dk3EDw874LQ==",
+      "dev": true,
+      "requires": {
+        "@antfu/utils": "^0.7.6",
+        "@rollup/pluginutils": "^5.0.4",
+        "chokidar": "^3.5.3",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.1",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.30.3",
+        "minimatch": "^9.0.3",
+        "resolve": "^1.22.4",
+        "unplugin": "^1.4.0"
+      },
+      "dependencies": {
+        "@nodelib/fs.stat": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+          "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+          "dev": true
+        },
+        "@rollup/pluginutils": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+          "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
+          "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+          "dev": true
+        },
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "fast-glob": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz",
+          "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+          "dev": true,
+          "requires": {
+            "@nodelib/fs.stat": "^2.0.2",
+            "@nodelib/fs.walk": "^1.2.3",
+            "glob-parent": "^5.1.2",
+            "merge2": "^1.3.0",
+            "micromatch": "^4.0.4"
+          }
+        },
+        "local-pkg": {
+          "version": "0.4.3",
+          "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.4.3.tgz",
+          "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+          "dev": true
+        },
+        "magic-string": {
+          "version": "0.30.8",
+          "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.8.tgz",
+          "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.15"
+          }
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.3",
+          "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.3.tgz",
+          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
     "unquote": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/unquote/-/unquote-1.1.1.tgz",
@@ -22478,6 +23038,11 @@
       "integrity": "sha512-0vOfAtI67UjeO1G6UiX5Kd76CqaQ67wrRZiOe7UAb9Jm6GzlUr/fC7CV90XfwapJRjpCMaZFhv1V0ajWRmE9Dg==",
       "dev": true
     },
+    "vue-demi": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz",
+      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA=="
+    },
     "vue-eslint-parser": {
       "version": "7.11.0",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
@@ -23426,6 +23991,12 @@
         "source-map": "~0.6.1"
       }
     },
+    "webpack-virtual-modules": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
+      "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
+      "dev": true
+    },
     "websocket-driver": {
       "version": "0.7.4",
       "resolved": "https://registry.npmmirror.com/websocket-driver/-/websocket-driver-0.7.4.tgz",
diff --git a/package.json b/package.json
index 438f55e9..db8650fa 100644
--- a/package.json
+++ b/package.json
@@ -33,9 +33,7 @@
     "postcss-px2rem-exclude": "0.0.6",
     "sass-loader": "~8.0.2",
     "sass-resources-loader": "~2.2.5",
-    "simple-statistics": "^7.8.3",
     "tiny-emitter": "^2.1.0",
-    "turf": "^3.0.14",
     "vue": "~3.3.0",
     "vue-grid-layout": "^3.0.0-beta1",
     "vue-i18n": "~9.2.0",
diff --git a/src/assets/css/common/cover-element-plus.scss b/src/assets/css/common/cover-element-plus.scss
index 3ece9d97..cd58d88e 100644
--- a/src/assets/css/common/cover-element-plus.scss
+++ b/src/assets/css/common/cover-element-plus.scss
@@ -7,23 +7,20 @@
   line-height: var(--el-tabs-header-height);
 }
 
-.el-table--border::before, .el-table__border-left-patch {
+/*.el-table--border::before, .el-table__border-left-patch {
   width: 0 !important;
 }
 .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
   height: 0 !important;
-}
+}*/
 
-.el-popper.is-pure {
-  margin-top: -10px;
-}
 .el-select__wrapper {
   min-height: 28px !important;
 }
 .el-input__wrapper {
   height: 28px;
 }
-.el-input--mini .el-input__inner {
+.el-input--small .el-input__inner {
   height: 28px !important;
   line-height: 28px !important;
 }
@@ -72,9 +69,6 @@
 .el-dialog {
   padding: 0 !important;
 }
-.el-switch.is-checked .el-switch__core {
-  background-color: $--color-primary !important;
-}
 .el-date-table td.end-date .el-date-table-cell__text, .el-date-table td.start-date .el-date-table-cell__text {
   background-color: $--color-primary !important;
 }
@@ -84,6 +78,10 @@
 .el-picker__popper.el-popper {
   margin-top: 8px;
 }
+.el-switch {
+  --el-switch-on-color: #38ACD2;
+  --el-switch-off-color: #C0CEDB;
+}
 //.el-button:hover {
 //  color: $--color-primary !important;
 //  border-color: $--color-primary !important;
diff --git a/src/assets/css/common/part-select.scss b/src/assets/css/common/part-select.scss
index 0f415909..52cad4d3 100644
--- a/src/assets/css/common/part-select.scss
+++ b/src/assets/css/common/part-select.scss
@@ -1,10 +1,4 @@
 // 部分 select 通用样式
-.common-select.el-select__popper {
-  //top: 27px !important;
-  .el-popper__arrow {
-    display: none;
-  }
-}
 .el-select-dropdown {
   .el-scrollbar {
     .el-select-dropdown__wrap {
diff --git a/src/assets/css/common/right-box-common.scss b/src/assets/css/common/right-box-common.scss
index 770b9a99..4c00f6c4 100644
--- a/src/assets/css/common/right-box-common.scss
+++ b/src/assets/css/common/right-box-common.scss
@@ -321,8 +321,9 @@
     height: 32px;
     line-height: 32px;
   }
-  .el-switch.is-checked .el-switch__core {
-    background-color: $--color-primary;
+  .el-switch {
+    --el-switch-on-color: #699DC9;
+    --el-switch-off-color: #C0CEDB;
   }
   .el-textarea__inner {
     font-size: 12px;
diff --git a/src/assets/css/common/table-common.scss b/src/assets/css/common/table-common.scss
index 169eb1a8..d496d34f 100644
--- a/src/assets/css/common/table-common.scss
+++ b/src/assets/css/common/table-common.scss
@@ -199,7 +199,7 @@
     .el-table:not(.chart-table) {
       position: absolute;
       width: calc(100% - 40px);
-      border: 1px solid $--right-box-border-color;
+      // border: 1px solid $--right-box-border-color;
       //border-bottom: none;
       border-radius:4px;
 
@@ -212,6 +212,11 @@
           bottom: 0;
         }
       }
+      .el-switch {
+        height: auto;
+        --el-switch-on-color: #699DC9;
+        --el-switch-off-color: #C0CEDB;
+      }
 
       .el-table-column--selection {
         width: 55px !important;
@@ -338,7 +343,17 @@
       }
     }*/
     .el-table--border:not(.chart-table)::after, .el-table--group:not(.chart-table)::after {
-      width: 0;
+      // width: 0;
+    }
+    .el-table--border {
+      border-bottom: 1px solid #E7EAED;
+
+      .el-table__inner-wrapper {
+        height: 100% !important;
+      }
+      .el-table__inner-wrapper::before {
+        height: 0;
+      }
     }
   }
   /* end--覆盖el-table边框、gutter等样式 */
diff --git a/src/assets/css/components/components/common/TimeRange/date-time-range.scss b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
index e48b3c98..4157c91b 100644
--- a/src/assets/css/components/components/common/TimeRange/date-time-range.scss
+++ b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
@@ -96,8 +96,7 @@
     background: $--select-bg-color-1;
     box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
     position: absolute;
-    right: 0;
-    top: 32px;
+    right: 10px !important;
     z-index: 2;
 
     .date-range-panel-content-left {
diff --git a/src/assets/css/components/components/common/TimeRange/time-refresh.scss b/src/assets/css/components/components/common/TimeRange/time-refresh.scss
index c3194845..2caf3d8e 100644
--- a/src/assets/css/components/components/common/TimeRange/time-refresh.scss
+++ b/src/assets/css/components/components/common/TimeRange/time-refresh.scss
@@ -51,7 +51,7 @@
       color: #0091FF;
     }
   }
-  .el-button--mini.cn-button {
+  .el-button--small.cn-button {
     span {
       font-size: 14px;
       color: #2C72C6;
@@ -65,7 +65,7 @@
       }
     }
   }
-  .el-button--mini{
+  .el-button--small{
     padding: 4px 6px !important;
     min-height: 28px !important;
     height: 28px !important;
diff --git a/src/assets/css/components/components/common/pagination.scss b/src/assets/css/components/components/common/pagination.scss
index 5f88b388..0e47c661 100644
--- a/src/assets/css/components/components/common/pagination.scss
+++ b/src/assets/css/components/components/common/pagination.scss
@@ -7,7 +7,7 @@
 //    max-height: 42px;
 //    padding-right: 0;
 //  }
-//  .pagination-size-select .el-input--mini .el-input__inner{
+//  .pagination-size-select .el-input--small .el-input__inner{
 //    height: 20px;
 //    line-height: 20px;
 //    margin: 5px 0 5px 5px;
diff --git a/src/assets/css/components/components/layout/layout.scss b/src/assets/css/components/components/layout/layout.scss
index 16102bca..42cf1e55 100644
--- a/src/assets/css/components/components/layout/layout.scss
+++ b/src/assets/css/components/components/layout/layout.scss
@@ -276,21 +276,11 @@
 .search-input{
   width:100%;
   padding: 4px 4px 0px 4px;
-  .el-input__wrapper {
-    border: 1px solid #C5C5C5;
-    box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
-  }
   .el-input__inner{
-    //padding:0px 4px;
-    //background: #FFFFFF;
-    //border: 1px solid #C5C5C5;
-    //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
     border-radius: 2px;
     font-size: 12px;
-    /*color: rgba(87,87,87,0.60);*/
     letter-spacing: 0;
     font-weight: 400;
-    margin-left: -7px;
   }
 }
 .breadcrumb-button{
diff --git a/src/assets/css/components/components/table/common.scss b/src/assets/css/components/components/table/common.scss
index 3e15b4fb..02484861 100644
--- a/src/assets/css/components/components/table/common.scss
+++ b/src/assets/css/components/components/table/common.scss
@@ -14,7 +14,7 @@
   .pop-title {
     margin: 10px 0;
   }
-  .el-button--mini{
+  .el-button--small{
     padding: 5px 7px;
   }
 }
diff --git a/src/assets/css/components/views/administration/Appearance.scss b/src/assets/css/components/views/administration/Appearance.scss
index 79f08b22..2af45dcd 100644
--- a/src/assets/css/components/views/administration/Appearance.scss
+++ b/src/assets/css/components/views/administration/Appearance.scss
@@ -75,6 +75,3 @@
     }
   }
 }
-.el-popper.is-pure {
-  margin-top: 0;
-}
diff --git a/src/assets/css/components/views/administration/License.scss b/src/assets/css/components/views/administration/License.scss
index 44e5fade..eb0a7975 100644
--- a/src/assets/css/components/views/administration/License.scss
+++ b/src/assets/css/components/views/administration/License.scss
@@ -47,14 +47,16 @@
     .el-form .el-form-item {
       margin-bottom: 0;
       padding:4px 0;
-      font-size: 14px!important;
+
       .el-form-item__label {
         color: #262626 !important;
         font-weight: bold;
+        font-size: 14px;
       }
       .el-form-item__content {
         color: #262626 !important;
         font-weight: 400;
+        font-size: 14px;
       }
     }
   }
diff --git a/src/assets/css/components/views/charts2/entityDetailLine.scss b/src/assets/css/components/views/charts2/entityDetailLine.scss
index 6bac0d7a..0ff946a6 100644
--- a/src/assets/css/components/views/charts2/entityDetailLine.scss
+++ b/src/assets/css/components/views/charts2/entityDetailLine.scss
@@ -64,10 +64,11 @@
     }
 
     .line-date-right {
-      margin-right: 20px;
+      margin-right: 10px;
     }
 
     .entity-detail-date-time-range {
+      margin-right: 10px;
       height: 24px;
       line-height: 24px;
       border: 1px solid #DCDFE6;
diff --git a/src/assets/css/components/views/charts2/networkOverviewApps.scss b/src/assets/css/components/views/charts2/networkOverviewApps.scss
index 20b564d0..57ff098e 100644
--- a/src/assets/css/components/views/charts2/networkOverviewApps.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss
@@ -293,7 +293,7 @@
           .el-input__wrapper {
             border-radius: 14px;
             font-size: 12px;
-            .el-input.el-input--mini {
+            .el-input.el-input--small {
               .el-input__inner {
                 font-size: 12px !important;
                 //background: #FFFFFF;
diff --git a/src/assets/css/components/views/charts2/networkOverviewTabs.scss b/src/assets/css/components/views/charts2/networkOverviewTabs.scss
index 9a026ff4..241cdbfe 100644
--- a/src/assets/css/components/views/charts2/networkOverviewTabs.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewTabs.scss
@@ -123,6 +123,7 @@
       }
       .tab-table__average {
         border: 1px solid $--border-color;
+        border-bottom: none;
         border-radius: 4px 4px 0 0;
         //padding: 1px;
         .data-click:hover{
@@ -507,13 +508,8 @@
     width:100%;
     padding: 4px 4px 0px 4px;
     .el-input__inner{
-      //padding:0px 4px;
-      //background: #FFFFFF;
-      //border: 1px solid #C5C5C5;
-      //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
       border-radius: 2px;
       font-size: 12px;
-      /*color: rgba(87,87,87,0.60);*/
       letter-spacing: 0;
       font-weight: 400;
     }
diff --git a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
index 492b7ebd..da3f3c5b 100644
--- a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
+++ b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
@@ -68,6 +68,7 @@
   }
   .app-table.el-table {
     border: 1px solid #E2E5EC;
+    border-bottom: none;
     .el-table__header-wrapper {
       tr th {
         padding: 5px 0;
diff --git a/src/assets/css/components/views/charts2/npmMap.scss b/src/assets/css/components/views/charts2/npmMap.scss
index 2b627720..2d0273f2 100644
--- a/src/assets/css/components/views/charts2/npmMap.scss
+++ b/src/assets/css/components/views/charts2/npmMap.scss
@@ -30,12 +30,6 @@
       font-size: 12px;
       padding: 0;
     }
-    .el-select__popper.map-select-down {
-      top: 32px !important;
-      .el-popper__arrow {
-        display: none;
-      }
-    }
     .el-select__placeholder {
       padding-left: 16px;
       color: #2c72c6;
diff --git a/src/assets/css/components/views/charts2/npmTrafficLine.scss b/src/assets/css/components/views/charts2/npmTrafficLine.scss
index 9b4d08d8..0ad8ee47 100644
--- a/src/assets/css/components/views/charts2/npmTrafficLine.scss
+++ b/src/assets/css/components/views/charts2/npmTrafficLine.scss
@@ -48,7 +48,6 @@
             font-weight: 400;
           }
           .el-select__suffix {
-            margin-right: -7px;
             i {
               color: #575757 !important;
             }
diff --git a/src/assets/css/components/views/charts2/panel.scss b/src/assets/css/components/views/charts2/panel.scss
index f1f9c018..54aedca4 100644
--- a/src/assets/css/components/views/charts2/panel.scss
+++ b/src/assets/css/components/views/charts2/panel.scss
@@ -90,9 +90,6 @@
           color: #353636;
           background-color: #FFFFFF;
         }
-        .common-select {
-          top: 32px !important;
-        }
       }
       .panel__time {
         display: flex;
diff --git a/src/assets/css/components/views/detections/detection-create/detection-form-setting.scss b/src/assets/css/components/views/detections/detection-create/detection-form-setting.scss
index ebb9e73a..2443dc8e 100644
--- a/src/assets/css/components/views/detections/detection-create/detection-form-setting.scss
+++ b/src/assets/css/components/views/detections/detection-create/detection-form-setting.scss
@@ -116,7 +116,7 @@
   .form-setting__select {
     width: 620px !important;
 
-    .el-input--mini .el-input__inner {
+    .el-input--small .el-input__inner {
       height: 24px !important;
       line-height: 24px !important;
     }
@@ -170,7 +170,7 @@
     }
   }
 
-  .el-input--mini .el-input__inner {
+  .el-input--small .el-input__inner {
     height: 24px !important;
     line-height: 24px !important;
   }
@@ -280,7 +280,7 @@
       width: 170px;
     }
 
-    .el-input--mini .el-input__inner {
+    .el-input--small .el-input__inner {
       height: 24px;
       line-height: 24px;
     }
diff --git a/src/assets/css/components/views/detections/detection-create/detection-form.scss b/src/assets/css/components/views/detections/detection-create/detection-form.scss
index ecc9dc56..eb7ef26e 100644
--- a/src/assets/css/components/views/detections/detection-create/detection-form.scss
+++ b/src/assets/css/components/views/detections/detection-create/detection-form.scss
@@ -2,7 +2,6 @@
   padding: 20px;
 
   .detection-form-header {
-    font-family: NotoSansHans-Black;
     font-size: 24px;
     color: #353636;
     font-weight: 900;
@@ -72,7 +71,6 @@
         }
 
         .form-collapse-header-title {
-          font-family: NotoSansHans-Medium;
           font-size: 16px;
           color: #333333;
           font-weight: 500;
@@ -90,7 +88,6 @@
           border: 1px #E2E5EC solid;
           display: flex;
           flex-direction: column;
-          font-family: NotoSansSChineseRegular;
           font-size: 14px;
           color: #353636;
           font-weight: 400;
@@ -109,7 +106,7 @@
             }
           }
 
-          .el-input--mini .el-input__inner {
+          .el-input--small .el-input__inner {
             width: 112px;
             margin: 0 12px;
           }
@@ -148,7 +145,7 @@
       }
     }
 
-    .el-input--mini, .el-input--mini .el-input__inner {
+    .el-input--small, .el-input--small .el-input__inner {
       height: 24px !important;
       line-height: 24px !important;
       border-radius: 2px !important;
@@ -168,4 +165,116 @@
     align-items: center;
     justify-content: center;
   }
+
+  .el-overlay-message-box, .el-message-box {
+    padding: 0 !important;
+  }
+  .el-overlay-message-box {
+    text-align: center !important;
+  }
+  .is-message-box .el-overlay-message-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .el-switch {
+    --el-switch-on-color: #38ACD2;
+    --el-switch-off-color: #C0CEDB;
+  }
+  .del-model {
+    &.el-message-box {
+      max-width: 480px !important;
+    }
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 0 !important;
+    width: 480px !important;
+    height: 190px;
+
+    .el-message-box__header {
+      display: flex;
+      flex-direction: row;
+      border-bottom: 1px solid #eee;
+      height: 42px;
+      background: #F7F7F7;
+      box-shadow: 0 1px 0 0 rgba(53, 54, 54, 0.08);
+      padding-left: 21px;
+      padding-top: 10px;
+      padding-bottom: 14px;
+
+      .el-message-box__headerbtn {
+        display: flex !important;
+        flex-direction: row-reverse;
+        justify-content: center;
+        align-items: center;
+        font-size: 10px;
+        line-height: 10px;
+        padding-right: 10px !important;
+
+        i {
+          width: 10px;
+          height: 10px;
+        }
+      }
+
+      .el-message-box__title {
+        font-size: 14px !important;
+        color: #353636;
+        letter-spacing: 0;
+        font-weight: 400;
+      }
+    }
+
+    .el-message-box__content {
+      height: 96px;
+      font-size: 14px;
+      color: #353636;
+      letter-spacing: 0;
+      line-height: 22px;
+      font-weight: 400;
+      padding-top: 9px;
+      padding-right: 20px;
+      padding-left: 21px;
+
+      .el-message-box__message {
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+      }
+    }
+
+    .el-message-box__btns {
+      height: 52px;
+      border-top: 1px solid #eee;
+      box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
+      padding: 13px 1px 12px 0 !important;
+
+      .el-button {
+        font-size: 12px;
+      }
+      .el-button--small {
+        padding: 8px 21px !important;
+        line-height: 12px;
+        font-size: 12px;
+        font-weight: 500;
+        min-height: 28px;
+      }
+
+      .el-button:nth-child(1) {
+        margin-right: 20px;
+        width: 80px;
+        height: 28px;
+        color: #353636;
+      }
+
+      .el-button:nth-child(2) {
+        width: 80px;
+        height: 28px;
+        margin-right: 20px;
+        margin-left: 0 !important;
+        background-color: #2d8cf0;
+        border-color: #2d8cf0;
+      }
+    }
+  }
 }
diff --git a/src/assets/css/components/views/detections/detection-filter.scss b/src/assets/css/components/views/detections/detection-filter.scss
index 45e64dc9..6f83343d 100644
--- a/src/assets/css/components/views/detections/detection-filter.scss
+++ b/src/assets/css/components/views/detections/detection-filter.scss
@@ -149,7 +149,6 @@
     .new-filter-content-checkbox {
       line-height: 16px;
       margin-bottom: 13.6px;
-      font-family: NotoSansSChineseRegular;
       font-size: 14px;
       color: #353636;
       font-weight: 400;
@@ -171,6 +170,10 @@
         background: #FFFFFF;
         border-radius: 1px;
       }
+      .el-checkbox__inner::after {
+        top: 2px;
+        left: 5px;
+      }
       .el-checkbox__input.is-checked {
         .el-checkbox__inner {
           border-color: #38ACD2;
@@ -185,7 +188,6 @@
       }
 
       .el-checkbox__label {
-        font-family: NotoSansSChineseRegular;
         font-size: 14px;
         color: #353636;
         font-weight: 400;
diff --git a/src/assets/css/components/views/detections/detection-table.scss b/src/assets/css/components/views/detections/detection-table.scss
index ce5eb322..9279c4e8 100644
--- a/src/assets/css/components/views/detections/detection-table.scss
+++ b/src/assets/css/components/views/detections/detection-table.scss
@@ -2,9 +2,6 @@
   .el-table td, .el-table th {
     padding: 12px 0;
   }
-  .el-table .el-table__cell.is-center {
-    padding-top: 4px;
-  }
   .el-table th > .cell, .el-table .cell {
     padding-left: 0 !important;
     padding-right: 0 !important;
@@ -17,7 +14,6 @@
     color: #353636;
   }
   .el-table--border th {
-    font-family: NotoSansHans-Medium;
     font-weight: 500;
     padding: 0;
   }
@@ -29,7 +25,6 @@
   }
 
   .el-table__body td {
-    font-family: NotoSansSChineseRegular;
     font-weight: 400;
   }
 
diff --git a/src/assets/css/components/views/entityExplorer/entity-explorer.scss b/src/assets/css/components/views/entityExplorer/entity-explorer.scss
index 23f96654..db3ddfcf 100644
--- a/src/assets/css/components/views/entityExplorer/entity-explorer.scss
+++ b/src/assets/css/components/views/entityExplorer/entity-explorer.scss
@@ -35,7 +35,7 @@
     &>div {
       padding: 0 0 0 10px;
     }
-    .el-button--mini{
+    .el-button--small{
       padding: 4px 6px !important;
       min-height: 28px !important;
       &.active i {
diff --git a/src/assets/css/components/views/report/report.scss b/src/assets/css/components/views/report/report.scss
index 8761760a..4b56bb4c 100644
--- a/src/assets/css/components/views/report/report.scss
+++ b/src/assets/css/components/views/report/report.scss
@@ -36,8 +36,10 @@
     flex: 1;
     .list-page .main-container {
       padding: 0;
+
       .cn-table {
         height: calc(100% - 62px) !important;
+
         .el-table--fit.el-table--border {
           height: calc(100% - 55px) !important;
         }
@@ -48,6 +50,9 @@
           border-left: none;
           display: none;
         }
+        .el-scrollbar__bar.is-vertical {
+          z-index: 1000;
+        }
         .el-table__row .el-table-column--selection .cell {
           padding: 0;
         }
@@ -59,7 +64,6 @@
         .el-table__body-wrapper {
           .el-table__expanded-cell {
             z-index: 100;
-            border-top: 1px solid #E7EAED;
           }
         }
         .el-table__fixed,
diff --git a/src/assets/css/components/views/setting/knowledgeBase.scss b/src/assets/css/components/views/setting/knowledgeBase.scss
index 44efdcea..f6510071 100644
--- a/src/assets/css/components/views/setting/knowledgeBase.scss
+++ b/src/assets/css/components/views/setting/knowledgeBase.scss
@@ -545,7 +545,7 @@
           .el-button {
             color: #575757;
           }
-          .el-button--mini{
+          .el-button--small {
             padding: 7px 9px !important;
             min-height: 28px !important;
             &.active i {
diff --git a/src/components/advancedSearch/TagMode.vue b/src/components/advancedSearch/TagMode.vue
index cc5296b8..2f4ec733 100644
--- a/src/components/advancedSearch/TagMode.vue
+++ b/src/components/advancedSearch/TagMode.vue
@@ -18,7 +18,7 @@
             <el-select
                 allow-create
                 filterable
-                size="mini"
+                size="small"
                 v-model="meta.column.label"
                 ref="columnSelect"
                 :placeholder="meta.column.label || ' '"
@@ -49,7 +49,7 @@
             <el-select
                 allow-create
                 filterable
-                size="mini"
+                size="small"
                 v-model="meta.value.value"
                 ref="columnValue"
                 :placeholder="meta.value.value || ' '"
@@ -71,7 +71,7 @@
                 v-model="myCheckboxList"
                 ref="valuesSelect"
                 multiple
-                size="mini"
+                size="small"
                 collapse-tags
                 collapse-tags-tooltip
                 :placeholder="meta.value.value || ' '"
@@ -100,7 +100,7 @@
             <el-input
                 ref="valueInput"
                 v-model="meta.value.value"
-                size="mini"
+                size="small"
                 @blur="valueBlur(meta)"
                 @focus="valueFocus(meta)"
                 @keyup.enter="valueBlur(meta)"></el-input>
@@ -129,7 +129,7 @@
 <!--            <el-select-->
 <!--                :placeholder="meta.value"-->
 <!--                v-model="meta.value"-->
-<!--                size="mini"-->
+<!--                size="small"-->
 <!--                @change="(value) => selectConnection(value, meta)"-->
 <!--            >-->
 <!--              <el-option-->
diff --git a/src/components/common/Pagination.vue b/src/components/common/Pagination.vue
index f3ecd733..0a094cfc 100644
--- a/src/components/common/Pagination.vue
+++ b/src/components/common/Pagination.vue
@@ -14,8 +14,8 @@
               :total="pageObj.total"
               v-bind="bind"
       >
-        <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="mini"
-                   :popper-append-to-body="appendToBody" class="pagination-size-select" @change="size"
+        <el-select v-model="pageSize" :placeholder="pageSize+$t('pageSize')" size="small"
+                   :teleported="appendToBody" class="pagination-size-select" @change="size"
                    :popper-class="popClass" @visible-change="popperVisible">
           <el-option v-for="(item, index) in pageSizes" :key="index" :label="item.label" :value="item.value"></el-option>
         </el-select>
diff --git a/src/components/common/TimeRange/TimeRefresh.vue b/src/components/common/TimeRange/TimeRefresh.vue
index df22ec0d..337f970c 100644
--- a/src/components/common/TimeRange/TimeRefresh.vue
+++ b/src/components/common/TimeRange/TimeRefresh.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="cn-refresh-box" v-ele-click-outside="dropdownShowFalse">
         <span>
-            <el-button-group size="mini">
-              <el-button size="mini" @click="$emit('change')"><i class="cn-icon cn-icon-refresh1"></i></el-button>
-              <el-button class="cn-button" size="mini" @click="showRefreshList">
+            <el-button-group size="small">
+              <el-button size="small" @click="$emit('change')"><i class="cn-icon cn-icon-refresh1"></i></el-button>
+              <el-button class="cn-button" size="small" @click="showRefreshList">
                   <span class="cn-button-label" v-if="interLabel">{{interLabel}}</span>
                   <i class="cn-icon cn-icon-dropdown" :class="dropdownShow?'active' : ''"></i>
               </el-button>
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index d7264370..205f7156 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -83,7 +83,7 @@
                 <el-row type="flex" justify="center" style="width: fit-content;flex-direction: column;">
                   <div class="search-input">
                     <el-input :placeholder="$t('filter.options')"
-                              size="mini"
+                              size="small"
                               v-model="dropDownValue"
                               @input="dropDownSearch"></el-input>
                   </div>
diff --git a/src/components/table/CnDataList.vue b/src/components/table/CnDataList.vue
index ded77e71..cbde0f95 100644
--- a/src/components/table/CnDataList.vue
+++ b/src/components/table/CnDataList.vue
@@ -20,7 +20,7 @@
           </div>
           <div class="top-tool-right">
 <!--           <el-input v-model="keyWord" value="keyWord"></el-input>
-            <el-button @click="onSearch" icon="el-icon-search" type="info" size="mini" style="margin-right: 10px"></el-button>-->
+            <el-button @click="onSearch" icon="el-icon-search" type="info" size="small" style="margin-right: 10px"></el-button>-->
 
             <slot name="top-tool-right"></slot>
             <div  v-if="showLayout.indexOf('elementSet') > -1" class="btn-customize"  @click="tools.showCustomTableTitle = true">
diff --git a/src/components/table/ColumnCustomize.vue b/src/components/table/ColumnCustomize.vue
index 53975613..a96f4e43 100644
--- a/src/components/table/ColumnCustomize.vue
+++ b/src/components/table/ColumnCustomize.vue
@@ -39,17 +39,17 @@
     <!--      </div>-->
     <!--    </div>-->
     <!--    <div class="custom-bottom-btns">-->
-    <!--      <el-button size="mini" v-if="isCancel" :id="tableId+'-element-set-none'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new is-cancel" @click="batchHandler(false)">-->
+    <!--      <el-button size="small" v-if="isCancel" :id="tableId+'-element-set-none'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new is-cancel" @click="batchHandler(false)">-->
     <!--        <span class="top-tool-btn-txt">{{$t('overall.clear')}}</span>-->
     <!--      </el-button>-->
-    <!--      <el-button size="mini" v-if="!isCancel" :id="tableId+'-element-set-all'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new" @click="batchHandler(true)">-->
+    <!--      <el-button size="small" v-if="!isCancel" :id="tableId+'-element-set-all'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new" @click="batchHandler(true)">-->
     <!--        <span class="top-tool-btn-txt">{{$t('overall.all')}}</span>-->
     <!--      </el-button>-->
     <!--      <div class="custom-bottom-btns-right">-->
-    <!--        <el-button size="mini" :id="tableId+'-element-set-esc'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new" @click="esc">-->
+    <!--        <el-button size="small" :id="tableId+'-element-set-esc'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new" @click="esc">-->
     <!--          <span class="top-tool-btn-txt">{{$t('overall.cancel')}}</span>-->
     <!--        </el-button>-->
-    <!--        <el-button size="mini" :id="tableId+'-element-set-save'" class="cn-btn cn-btn-size-small-new cn-btn-style-normal-new" @click="save" style="background-color: #0091ff;color:#DCDFE6">-->
+    <!--        <el-button size="small" :id="tableId+'-element-set-save'" class="cn-btn cn-btn-size-small-new cn-btn-style-normal-new" @click="save" style="background-color: #0091ff;color:#DCDFE6">-->
     <!--          <span class="top-tool-btn-txt top-tool-btn-save">{{$t('overall.save')}}</span>-->
     <!--        </el-button>-->
     <!--      </div>-->
diff --git a/src/components/table/administration/ChartTable.vue b/src/components/table/administration/ChartTable.vue
index df6ee4d6..9fae5d9c 100644
--- a/src/components/table/administration/ChartTable.vue
+++ b/src/components/table/administration/ChartTable.vue
@@ -3,7 +3,6 @@
           id="chartTable"
           ref="dataTable"
           :data="tableData"
-          :height="height"
           border
           empty-text=" "
           @header-dragend="dragend"
@@ -107,7 +106,7 @@ export default {
     return {
       panelTypeAndRouteMapping: panelTypeAndRouteMapping,
       tableTitle: [ // 原table列
-      
+
         {
           label: 'ID',
           prop: 'id',
diff --git a/src/components/table/administration/GalaxyProxyTable.vue b/src/components/table/administration/GalaxyProxyTable.vue
index 0887f356..97f94ff2 100644
--- a/src/components/table/administration/GalaxyProxyTable.vue
+++ b/src/components/table/administration/GalaxyProxyTable.vue
@@ -4,7 +4,6 @@
     id="userTable"
     ref="dataTable"
     :data="tableData"
-    :height="height"
     tooltip-effect="light"
     border
     empty-text=" "
diff --git a/src/components/table/administration/I18nTable.vue b/src/components/table/administration/I18nTable.vue
index edf1ee37..506395eb 100644
--- a/src/components/table/administration/I18nTable.vue
+++ b/src/components/table/administration/I18nTable.vue
@@ -3,7 +3,6 @@
       id="i18nTable"
       ref="dataTable"
       :data="tableData"
-      :height="height"
       border
       empty-text=" "
       @header-dragend="dragend"
diff --git a/src/components/table/administration/OperationLogTable.vue b/src/components/table/administration/OperationLogTable.vue
index 2d8fc378..88960083 100644
--- a/src/components/table/administration/OperationLogTable.vue
+++ b/src/components/table/administration/OperationLogTable.vue
@@ -3,8 +3,8 @@
     id="roleTable"
     ref="dataTable"
     :data="tableData"
-    :height="height"
     tooltip-effect="light"
+    :height="height"
     border
     empty-text=" "
     class="no-operation"
diff --git a/src/components/table/detection/GeneralSettings.vue b/src/components/table/detection/GeneralSettings.vue
index 1d37d834..8ea11b0a 100644
--- a/src/components/table/detection/GeneralSettings.vue
+++ b/src/components/table/detection/GeneralSettings.vue
@@ -43,7 +43,7 @@
     <!--category-->
     <el-form ref="form" :model="settingObj" label-position="top" :rules="rules">
       <el-form-item :label="$t('overall.category')" prop="category" class="form-setting__block margin-b-20">
-        <el-select :disabled="settingObj.ruleId" v-model="settingObj.category" class="form-setting__select" placeholder=" " size="mini" @change="changeEditFlag">
+        <el-select :disabled="settingObj.ruleId" v-model="settingObj.category" class="form-setting__select" placeholder=" " size="small" @change="changeEditFlag">
           <el-option
               v-for="item in categoryList"
               :key="item.value"
@@ -55,7 +55,7 @@
 
       <!--type-->
       <el-form-item :label="$t('overall.type')" prop="eventType" class="form-setting__block margin-b-20">
-        <el-select v-model="settingObj.eventType" placeholder=" " size="mini" class="form-setting__select" @change="changeEditFlag">
+        <el-select v-model="settingObj.eventType" placeholder=" " size="small" class="form-setting__select" @change="changeEditFlag">
           <el-option
               v-for="item in eventTypeList"
               :key="item.value"
@@ -95,8 +95,6 @@
       <el-switch
           v-model="settingObj.status"
           @change="changeEditFlag"
-          active-color="#38ACD2"
-          inactive-color="#C0CEDB"
           :active-value="1"
           :inactive-value="0"
           :active-text="$t(switchStatus(settingObj.status))"/>
diff --git a/src/components/table/detection/HistoryTopKeys.vue b/src/components/table/detection/HistoryTopKeys.vue
index 73d77a9c..01fc4e6f 100644
--- a/src/components/table/detection/HistoryTopKeys.vue
+++ b/src/components/table/detection/HistoryTopKeys.vue
@@ -7,7 +7,7 @@
       </div>
 
       <div class="key-search">
-        <el-input v-model="searchKey" @keyup.enter="onSearch" size="mini" placeholder="Search for">
+        <el-input v-model="searchKey" @keyup.enter="onSearch" size="small" placeholder="Search for">
           <template #prefix>
             <i class="cn-icon cn-icon-search key-search-icon"></i>
           </template>
diff --git a/src/components/table/detection/RuleDefinition.vue b/src/components/table/detection/RuleDefinition.vue
index f21ff90f..f1dba07f 100644
--- a/src/components/table/detection/RuleDefinition.vue
+++ b/src/components/table/detection/RuleDefinition.vue
@@ -5,7 +5,7 @@
         <el-form ref="form" :model="thresholdRuleObj" label-position="top" :rules="rules">
           <!--source-->
           <el-form-item :label="$t('config.user.source')" prop="dataSource" class="form-setting__block margin-b-20">
-            <el-select v-model="thresholdRuleObj.dataSource" placeholder=" " size="mini" class="form-setting__select">
+            <el-select v-model="thresholdRuleObj.dataSource" placeholder=" " size="small" class="form-setting__select">
               <el-option
                   v-for="item in sourceList"
                   :key="item.value"
@@ -38,7 +38,7 @@
           <div class="block-title1">{{ $t('detections.filters') }}</div>
           <div class="definition-filter-block" v-if="showFilter">
             <div class="definition-filter-item" v-for="(item, index) in thresholdRuleObj.filterList" :key="index">
-              <el-select class="filter-item__select margin-r-8" v-model="item.filter" placeholder=" " size="mini">
+              <el-select class="filter-item__select margin-r-8" v-model="item.filter" placeholder=" " size="small">
                 <el-option
                     v-for="item in selectList"
                     :key="item.value"
@@ -46,10 +46,10 @@
                     :value="item.value"
                 />
               </el-select>
-              <el-input class="filter-item__input margin-r-8" size="mini" disabled placeholder="equal"></el-input>
+              <el-input class="filter-item__input margin-r-8" size="small" disabled placeholder="equal"></el-input>
               <el-input
                   class="filter-item__input margin-r-8"
-                  size="mini"
+                  size="small"
                   oninput="value=value.replace(/[^\d]/g,'')"
                   v-model="item.value"></el-input>
               <i class="cn-icon cn-icon-close" @click="delFilterItem(index, item)"></i>
@@ -70,7 +70,7 @@
           <el-form ref="form2" :model="thresholdRuleObj" label-position="top">
           <div class="definition-condition-block" v-for="(item, index) in thresholdRuleObj.conditionData" :key="index">
             <el-form-item :label="$t('detection.level')" :prop="`conditionData.${index}.level`" :rules="rules.level">
-              <el-select class="condition__select margin-b-20" v-model="item.level" placeholder=" " size="mini">
+              <el-select class="condition__select margin-b-20" v-model="item.level" placeholder=" " size="small">
                 <template #prefix>
                   <div
                       class="condition__select__icon"
@@ -92,7 +92,7 @@
                 <div class="metric-item1__text">
                   <span style="margin-right: 9px;">If</span>
                   <el-form-item :prop="`conditionData.${index}.list.${i}.metric`" :rules="rules.metric">
-                    <el-select v-model="data.metric" placeholder=" " size="mini">
+                    <el-select v-model="data.metric" placeholder=" " size="small">
                       <el-option
                           v-for="item in metricList"
                           :key="item.label"
@@ -116,7 +116,7 @@
               <div class="condition-metric-item2">
                 <div style="height: 24px;line-height: 24px;display: flex;">
                   <el-form-item :prop="`conditionData.${index}.list.${i}.condition`" :rules="rules.condition">
-                    <el-select class="metric-item2__select" v-model="data.condition" placeholder=" " size="mini">
+                    <el-select class="metric-item2__select" v-model="data.condition" placeholder=" " size="small">
                       <el-option
                           v-for="item in conditionList"
                           :key="item.label"
@@ -132,7 +132,7 @@
                         class="metric-item2__input"
                         v-model.number="data.value"
                         oninput="value=value.replace(/[^\d]/g,'')"
-                        size="mini"></el-input>
+                        size="small"></el-input>
                   </el-form-item>
                 </div>
 
@@ -165,7 +165,7 @@
       <el-form ref="form" :model="indicatorRuleObj" label-position="top" :rules="rules">
         <!--Source-->
         <el-form-item :label="$t('config.user.source')" prop="dataSource" class="form-setting__block margin-b-20">
-          <el-select v-model="indicatorRuleObj.dataSource" class="form-setting__select" placeholder=" " size="mini" @change="handleParamsComplete">
+          <el-select v-model="indicatorRuleObj.dataSource" class="form-setting__select" placeholder=" " size="small" @change="handleParamsComplete">
             <el-option
                 v-for="item in sourceList"
                 :key="item.value"
@@ -177,7 +177,7 @@
 
         <!--Library-->
         <el-form-item :label="$t('detection.library')" prop="knowledgeId" class="form-setting__block margin-b-20">
-          <el-select v-model="indicatorRuleObj.knowledgeId" class="form-setting__select" filterable placeholder=" " size="mini" @change="handleParamsComplete">
+          <el-select v-model="indicatorRuleObj.knowledgeId" class="form-setting__select" filterable placeholder=" " size="small" @change="handleParamsComplete">
             <el-option
                 v-for="item in libraryList"
                 :key="item.knowledgeId"
@@ -189,7 +189,7 @@
 
         <!--Level-->
         <el-form-item :label="$t('detection.level')" prop="level" class="form-setting__block">
-          <el-select v-model="indicatorRuleObj.level" class="condition__select form-setting__select" placeholder=" " size="mini" @change="handleParamsComplete">
+          <el-select v-model="indicatorRuleObj.level" class="condition__select form-setting__select" placeholder=" " size="small" @change="handleParamsComplete">
             <template #prefix>
               <div
                   class="condition__select__icon"
diff --git a/src/components/table/report/ReportTable.vue b/src/components/table/report/ReportTable.vue
index 6176f68c..c3acad82 100644
--- a/src/components/table/report/ReportTable.vue
+++ b/src/components/table/report/ReportTable.vue
@@ -10,6 +10,7 @@
         border
         empty-text=" "
         tooltip-effect="light"
+        style="border-top: 1px solid #ebeef5; border-left: 1px solid #ebeef5;"
         :row-key="(row) => { return row.id }"
         :reserve-selection="true"
         @header-dragend="dragend"
diff --git a/src/components/table/setting/knowledgeBaseTableForCard.vue b/src/components/table/setting/knowledgeBaseTableForCard.vue
index e6108063..da7702b4 100644
--- a/src/components/table/setting/knowledgeBaseTableForCard.vue
+++ b/src/components/table/setting/knowledgeBaseTableForCard.vue
@@ -156,11 +156,11 @@
                 <div class="bar-select-time">
                   <div class="bar-select__operation">
                     <el-select
-                            size="mini"
+                            size="small"
                             v-model="selectTime"
                             placeholder=" "
                             popper-class="common-select"
-                            :popper-append-to-body="false"
+                            :teleported="false"
                             @change="timeChange"
                     >
                       <template #prefix>
@@ -187,7 +187,7 @@
             <!--name-->
             <el-form-item :label="$t('overall.name')" prop="name">
               <el-input class="form-input" maxlength="64" placeholder="" disabled show-word-limit
-                        size="mini" type="text" v-model="updateObject.label"></el-input>
+                        size="small" type="text" v-model="updateObject.label"></el-input>
             </el-form-item>
             <el-form-item :label="$t('knowledge.upload')" prop="file">
               <el-upload :action="`${baseUrl}${apiVersion}/knowledgeBase/items/batch`"
@@ -212,7 +212,7 @@
 
             <el-form-item :label="$t('knowledge.version')" prop="version">
               <el-input class="form-input" maxlength="64" placeholder="" disabled show-word-limit
-                        size="mini" type="text" v-model="currentVersion"></el-input>
+                        size="small" type="text" v-model="currentVersion"></el-input>
             </el-form-item>
             <el-form-item :label="$t('overall.remark')" prop="description" class="knowledge-remark">
               <el-input  maxlength="255" show-word-limit :rows="4" size='mini' type="textarea" resize='none'
diff --git a/src/views/charts/ChartHeader.vue b/src/views/charts/ChartHeader.vue
index 73d03364..a96f6037 100644
--- a/src/views/charts/ChartHeader.vue
+++ b/src/views/charts/ChartHeader.vue
@@ -55,7 +55,7 @@
         </el-popover>
         <div class="header__operation header__operation--table">
           <el-select
-            size="mini"
+              size="small"
             v-model="table.limit"
             class="option__select select-topn"
             placeholder=" "
@@ -73,7 +73,7 @@
         </div>
         <div class="header__operation header__operation--table">
           <el-select
-            size="mini"
+            size="small"
             v-model="table.orderBy"
             class="option__select select-column"
             :placeholder="$t('overall.field')"
@@ -100,7 +100,7 @@
       <div class="header__operations">
         <div class="header__operation header__operation--table">
           <el-select
-            size="mini"
+            size="small"
             v-model="activeIpTable.orderBy"
             class="option__select select-column"
             :placeholder="$t('overall.field')"
@@ -122,7 +122,7 @@
       <div class="header__operations">
         <div class="header__operation header__operation--table">
           <el-select
-            size="mini"
+            size="small"
             v-model="copyOrderPieTable"
             class="option__select select-column"
             placeholder=" "
diff --git a/src/views/charts2/Panel.vue b/src/views/charts2/Panel.vue
index 4cf63349..eb22d3d7 100644
--- a/src/views/charts2/Panel.vue
+++ b/src/views/charts2/Panel.vue
@@ -22,12 +22,11 @@
       </div>
       <div class="panel__tools">
         <el-select
-            size="mini"
+            size="small"
             v-model="metric"
             placeholder=" "
-            popper-class="common-select"
             v-if="showMetric"
-            :popper-append-to-body="false"
+            :teleported="false"
             @change="metricChange"
         >
           <template #prefix>
diff --git a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
index 8032679c..145e4413 100644
--- a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
@@ -7,11 +7,11 @@
           <el-select v-model="tableType"
                      class="option__select select-column"
                      popper-class="option-popper common-select"
-                     :popper-append-to-body="false"
+                     :teleported="false"
                      key="tabMetric"
                      :placeholder="$t('overall.select')"
                      @change="changeMetric"
-                     size="mini"
+                     size="small"
                      width="100">
             <el-option
                 v-for="item in options"
@@ -26,11 +26,11 @@
           <el-select v-model="tableSeverity"
                      class="option__select select-column"
                      popper-class="option-popper common-select"
-                     :popper-append-to-body="false"
+                     :teleported="false"
                      key="tabMetric"
                      :placeholder="$t('overall.select')"
                      @change="changeMetric"
-                     size="mini"
+                     size="small"
                      width="100">
             <el-option
                 v-for="item in severityOption"
diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
index 7131e297..08412549 100644
--- a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
@@ -31,11 +31,11 @@
           <span>{{$t('network.metric')}}:</span>
           <div class="line-select__operation">
             <el-select
-                size="mini"
+                size="small"
                 v-model="lineMetric"
                 placeholder=" "
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="metricSelectChange"
             >
               <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"></el-option>
@@ -46,12 +46,12 @@
           <span>{{$t('network.referenceLine')}}&nbsp;:&nbsp;</span>
           <div class="line-select__operation">
             <el-select
-                size="mini"
+                size="small"
                 v-model="lineRefer"
                 placeholder=" "
                 :disabled="!lineTab"
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="referenceSelectChange"
             >
               <el-option :key="options2[0].value" :label="$t(options2[0].label)" :value="options2[0].value"></el-option>
diff --git a/src/views/charts2/charts/entityDetail/EntityDetailLine.vue b/src/views/charts2/charts/entityDetail/EntityDetailLine.vue
index 36b8b3a2..a3ae0af4 100644
--- a/src/views/charts2/charts/entityDetail/EntityDetailLine.vue
+++ b/src/views/charts2/charts/entityDetail/EntityDetailLine.vue
@@ -48,11 +48,11 @@
             <div class="line-select-metric">
               <span class="select-prefix line-margin-right">{{$t('network.metric')}}:</span>
               <el-select
-                  size="mini"
+                  size="small"
                   v-model="metric"
                   placeholder=" "
                   popper-class="common-select"
-                  :popper-append-to-body="false"
+                  :teleported="false"
                   @change="metricChange"
               >
                 <el-option v-for="item in metricOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
@@ -63,12 +63,12 @@
             <span class="line-margin-right">{{ $t('network.referenceLine') }}:</span>
             <div class="line-select__operation">
               <el-select
-                  size="mini"
+                  size="small"
                   v-model="lineRefer"
                   :disabled="!lineTab"
                   placeholder=" "
                   popper-class="common-select"
-                  :popper-append-to-body="false"
+                  :teleported="false"
                   @change="referenceSelectChange"
               >
                 <el-option :key="options2[0].value" :label="$t(options2[0].label)" :value="options2[0].value"></el-option>
diff --git a/src/views/charts2/charts/entityDetail/lines/App.vue b/src/views/charts2/charts/entityDetail/lines/App.vue
index 1d7ea55e..702b5277 100644
--- a/src/views/charts2/charts/entityDetail/lines/App.vue
+++ b/src/views/charts2/charts/entityDetail/lines/App.vue
@@ -46,11 +46,11 @@
           <div class="line-select-metric">
             <span class="select-prefix line-margin-right">{{$t('network.metric')}}:</span>
             <el-select
-                size="mini"
+                size="small"
                 v-model="metric"
                 placeholder=" "
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="metricChange"
             >
               <el-option v-for="item in metricOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
diff --git a/src/views/charts2/charts/entityDetail/lines/ServiceName.vue b/src/views/charts2/charts/entityDetail/lines/ServiceName.vue
index 78d47371..b3e884d0 100644
--- a/src/views/charts2/charts/entityDetail/lines/ServiceName.vue
+++ b/src/views/charts2/charts/entityDetail/lines/ServiceName.vue
@@ -47,11 +47,11 @@
           <div class="line-select-metric">
             <span class="select-prefix line-margin-right">{{$t('network.metric')}}:</span>
             <el-select
-                size="mini"
+                size="small"
                 v-model="metric"
                 placeholder=" "
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="metricChange"
             >
               <el-option v-for="item in metricOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
@@ -62,12 +62,12 @@
           <span class="line-margin-right">{{ $t('network.referenceLine') }}:</span>
           <div class="line-select__operation">
             <el-select
-                size="mini"
+                size="small"
                 v-model="lineRefer"
                 :disabled="!lineTab"
                 placeholder=" "
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="referenceSelectChange"
             >
               <el-option :key="options2[0].value" :label="$t(options2[0].label)" :value="options2[0].value"></el-option>
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
index 141d38cf..2f35ecc3 100644
--- a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
@@ -40,11 +40,11 @@
            <span>{{$t('detections.metric')}}:</span>
            <div class="line-select__operation">
              <el-select
-                 size="mini"
+                 size="small"
                  v-model="lineMetric"
                  placeholder=" "
                  popper-class="common-select"
-                 :popper-append-to-body="false"
+                 :teleported="false"
                  @change="metricSelectChange"
              >
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index ac5eea8c..2e408dde 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -55,7 +55,7 @@
     <el-drawer
         v-model="showAddApp"
         direction="btt"
-        custom-class="add-app-drawer"
+        class="add-app-drawer"
         :with-header="false"
         :show-close="false"
     >
@@ -111,7 +111,7 @@
             </el-tab-pane>
           </el-tabs>
           <div class="body__searcher">
-            <el-input v-model="searcherApp" @input="searcherAppChange" size="mini" :placeholder="$t('networkOverview.search')" prefix-icon="Search" test-id="search-input"></el-input>
+            <el-input v-model="searcherApp" @input="searcherAppChange" size="small" :placeholder="$t('networkOverview.search')" prefix-icon="Search" test-id="search-input"></el-input>
           </div>
           <div class="body__loading"><loading :loading="loading"></loading></div>
         </div>
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
index 8ca39325..ccb52734 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
@@ -35,12 +35,12 @@
           <span>{{ $t('network.referenceLine') }}&nbsp;:&nbsp;</span>
           <div class="line-select__operation">
             <el-select
-                size="mini"
+                size="small"
                 v-model="lineRefer"
                 :disabled="!lineTab"
                 placeholder=" "
                 popper-class="common-select"
-                :popper-append-to-body="false"
+                :teleported="false"
                 @change="referenceSelectChange"
             >
               <el-option :key="options2[0].value" :label="$t(options2[0].label)" :value="options2[0].value"></el-option>
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
index c7a0c0f7..220d7762 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
@@ -67,7 +67,7 @@
                           <div class="tab-search-input"  v-show="showSearchInput">
                             <el-input :id="`tabSearchValue${tab.prop}`"
                                       name="tabSearchValue"
-                                      size="mini"
+                                      size="small"
                                       readonly
                                       @click="showListPopover(item.prop)"
                             >
@@ -90,7 +90,7 @@
                       <el-row type="flex" justify="center" style="width: fit-content;flex-direction: column;">
                         <div class="search-input">
                           <el-input :placeholder="`${$t('networkOverview.search')} ${$t(item.label)}`"
-                                    size="mini"
+                                    size="small"
                                     v-model="dropDownValue"
                                     @input="dropDownSearch(item.prop)"></el-input>
                         </div>
diff --git a/src/views/charts2/charts/npm/NpmMap.vue b/src/views/charts2/charts/npm/NpmMap.vue
index d9db4e7a..b875772d 100644
--- a/src/views/charts2/charts/npm/NpmMap.vue
+++ b/src/views/charts2/charts/npm/NpmMap.vue
@@ -5,25 +5,23 @@
 
     <div class="map-filter">
       <el-select
-          size="mini"
+          size="small"
           v-model="trafficDirection"
           class="map-select map-select__direction"
-          popper-class="map-select-down"
           placeholder=" "
-          :popper-append-to-body="false"
+          :teleported="false"
       >
         <el-option value="Server" :label="$t('overall.server')">{{$t('overall.server')}}</el-option>
         <el-option value="Client" :label="$t('overall.client')">{{$t('overall.client')}}</el-option>
       </el-select>
       <el-select
-          size="mini"
+          size="small"
           v-model="location"
           class="map-select map-select__location"
           clearable
           :placeholder="$t('overall.country')"
           filterable
-          popper-class="map-select-down"
-          :popper-append-to-body="false"
+          :teleported="false"
       >
         <template #prefix><i class="cn-icon cn-icon-location" style="color: #575757;"></i></template>
         <el-option v-for="country in showLocationOptions" :key="country" :value="country">{{country}}</el-option>
diff --git a/src/views/charts2/charts/npm/NpmTrafficLine.vue b/src/views/charts2/charts/npm/NpmTrafficLine.vue
index aa7b1cb3..f1b8c7f1 100644
--- a/src/views/charts2/charts/npm/NpmTrafficLine.vue
+++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue
@@ -6,11 +6,11 @@
         <span>{{$t('detections.metric')}}:</span>
         <div class="line-select__operation">
           <el-select
-              size="mini"
+              size="small"
               v-model="metricFilter"
               placeholder=" "
               popper-class="common-select"
-              :popper-append-to-body="false"
+              :teleported="false"
               @change="metricChange"
           >
             <el-option v-for="item in metricOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
diff --git a/src/views/detections/detectionPolicies/PolicyForm.vue b/src/views/detections/detectionPolicies/PolicyForm.vue
index c19d3a66..76c85e38 100644
--- a/src/views/detections/detectionPolicies/PolicyForm.vue
+++ b/src/views/detections/detectionPolicies/PolicyForm.vue
@@ -57,16 +57,16 @@
                 <div class="trigger-block-item margin-b-10">
                   <div>At least</div>
                   <el-form-item prop="atLeast">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.atLeast" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.atLeast" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
                   <div>times within</div>
 
                   <el-form-item prop="interval" class="policy-form-item">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.interval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.interval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
 
                   <el-form-item prop="intervalVal">
-                    <el-select v-model="triggerObj.intervalVal" class="form-trigger__select" placeholder=" " size="mini" @change="resetEditFlag">
+                    <el-select v-model="triggerObj.intervalVal" class="form-trigger__select" placeholder=" " size="small" @change="resetEditFlag">
                       <el-option
                           v-for="item in intervalList"
                           :key="item.value"
@@ -80,10 +80,10 @@
                 <div class="trigger-block-item">
                   <div>With the counter resetting after no activity for</div>
                   <el-form-item prop="resetInterval" class="policy-form-item">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.resetInterval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.resetInterval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
                   <el-form-item prop="resetIntervalVal">
-                    <el-select v-model="triggerObj.resetIntervalVal" class="form-trigger__select" placeholder=" " size="mini"  @change="resetEditFlag">
+                    <el-select v-model="triggerObj.resetIntervalVal" class="form-trigger__select" placeholder=" " size="small"  @change="resetEditFlag">
                       <el-option
                           v-for="item in intervalList"
                           :key="item.value"
@@ -98,11 +98,11 @@
                 <div class="trigger-block-item margin-b-10">
                   在
                   <el-form-item prop="interval">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.interval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.interval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
 
                   <el-form-item prop="intervalVal">
-                    <el-select v-model="triggerObj.intervalVal" class="form-trigger__select" placeholder=" " size="mini" @change="resetEditFlag">
+                    <el-select v-model="triggerObj.intervalVal" class="form-trigger__select" placeholder=" " size="small" @change="resetEditFlag">
                       <el-option
                           v-for="item in intervalList"
                           :key="item.value"
@@ -113,7 +113,7 @@
                   </el-form-item>
                   内至少发生
                   <el-form-item prop="atLeast">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.atLeast" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.atLeast" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
                   次
                 </div>
@@ -121,10 +121,10 @@
                 <div class="trigger-block-item">
                   若连续
                   <el-form-item prop="resetInterval">
-                    <el-input size="mini" maxlength="5" v-model="triggerObj.resetInterval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
+                    <el-input size="small" maxlength="5" v-model="triggerObj.resetInterval" oninput="value=value.replace(/[^\d]/g,'')" @input="resetEditFlag"></el-input>
                   </el-form-item>
                   <el-form-item prop="resetIntervalVal">
-                    <el-select v-model="triggerObj.resetIntervalVal" class="form-trigger__select" placeholder=" " size="mini" @change="resetEditFlag">
+                    <el-select v-model="triggerObj.resetIntervalVal" class="form-trigger__select" placeholder=" " size="small" @change="resetEditFlag">
                       <el-option
                           v-for="item in intervalList"
                           :key="item.value"
@@ -570,114 +570,3 @@ export default {
   }
 }
 </script>
-
-<style lang="scss">
-.el-overlay-message-box, .el-message-box {
-  padding: 0 !important;
-}
-.el-overlay-message-box {
-  text-align: center !important;
-}
-.is-message-box .el-overlay-message-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.del-model {
-  &.el-message-box {
-    max-width: 480px !important;
-  }
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 0 !important;
-  width: 480px !important;
-  height: 190px;
-
-  .el-message-box__header {
-    display: flex;
-    flex-direction: row;
-    border-bottom: 1px solid #eee;
-    height: 42px;
-    background: #F7F7F7;
-    box-shadow: 0 1px 0 0 rgba(53, 54, 54, 0.08);
-    padding-left: 21px;
-    padding-top: 10px;
-    padding-bottom: 14px;
-
-    .el-message-box__headerbtn {
-      display: flex !important;
-      flex-direction: row-reverse;
-      justify-content: center;
-      align-items: center;
-      font-size: 10px;
-      line-height: 10px;
-      padding-right: 10px !important;
-
-      i {
-        width: 10px;
-        height: 10px;
-      }
-    }
-
-    .el-message-box__title {
-      font-size: 14px !important;
-      color: #353636;
-      letter-spacing: 0;
-      font-weight: 400;
-    }
-  }
-
-  .el-message-box__content {
-    height: 96px;
-    font-size: 14px;
-    color: #353636;
-    letter-spacing: 0;
-    line-height: 22px;
-    font-weight: 400;
-    padding-top: 9px;
-    padding-right: 20px;
-    padding-left: 21px;
-
-    .el-message-box__message {
-      padding-left: 0 !important;
-      padding-right: 0 !important;
-    }
-  }
-
-  .el-message-box__btns {
-    height: 52px;
-    border-top: 1px solid #eee;
-    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
-    padding: 13px 1px 12px 0 !important;
-
-    .el-button {
-      font-size: 12px;
-    }
-    .el-button--small {
-      padding: 8px 21px !important;
-      line-height: 12px;
-      font-family: NotoSansHans-Medium !important;
-      font-size: 12px;
-      font-weight: 500;
-      min-height: 28px;
-    }
-
-    .el-button:nth-child(1) {
-      margin-right: 20px;
-      width: 80px;
-      height: 28px;
-      color: #353636;
-    }
-
-    .el-button:nth-child(2) {
-      width: 80px;
-      height: 28px;
-      margin-right: 20px;
-      margin-left: 0 !important;
-      background-color: #2d8cf0;
-      border-color: #2d8cf0;
-    }
-  }
-}
-</style>
diff --git a/src/views/location/Index.vue b/src/views/location/Index.vue
index 9d90b8fc..b723cad6 100644
--- a/src/views/location/Index.vue
+++ b/src/views/location/Index.vue
@@ -20,13 +20,13 @@
               ref="searchValue"
               v-model="dropDownValue"
               v-show="activeTab === 'locationMap'"
-              size="mini"
+              size="small"
               clearable
               filterable
               remote
               :placeholder="$t('location.enterPhoneNumberToSearch')"
               popper-class="search-select"
-              :popper-append-to-body="false"
+              :teleported="false"
               placement="bottom"
               @visible-change="visibleChange"
               :remote-method="dropDownSearch"
diff --git a/src/views/setting/KnowledgeBaseForm.vue b/src/views/setting/KnowledgeBaseForm.vue
index 192e36bb..016930f2 100644
--- a/src/views/setting/KnowledgeBaseForm.vue
+++ b/src/views/setting/KnowledgeBaseForm.vue
@@ -16,7 +16,7 @@
             <!--name-->
             <el-form-item :label="$t('config.roles.name')" prop="name">
               <el-input class="form-input" maxlength="64" placeholder="" :disabled="!!editObject.knowledgeId" show-word-limit
-                        size="mini" type="text" v-model="editObject.name" @blur="tagNameBlur"></el-input>
+                        size="small" type="text" v-model="editObject.name" @blur="tagNameBlur"></el-input>
             </el-form-item>
             <el-form-item :label="$t('overall.type')" prop="source">
               <el-select v-model="editObject.source"
@@ -24,7 +24,7 @@
                          placeholder=" "
                          popper-class="form-select-popper"
                          :disabled="!!editObject.knowledgeId || (uploaded && !importedDataNoData)"
-                         size="mini"
+                         size="small"
               >
                 <template v-for="type in knowledgeBaseType" :key="type.name">
                   <el-option :label="type.label" :value="type.value"></el-option>
@@ -36,7 +36,7 @@
                          class="form-select__enable"
                          placeholder=" "
                          popper-class="form-select-popper"
-                         size="mini"
+                         size="small"
                          @change="changeColor"
               >
                 <template #prefix>