diff --git a/package-lock.json b/package-lock.json
index b42b7aca5..99ce60bd4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "dayjs": "^1.10.6",
         "dotenv": "^8.2.0",
         "echarts": "^5.1.2",
-        "element-plus": "^1.1.0-beta.8",
+        "element-plus": "^1.1.0-beta.12",
         "element-resize-detector": "^1.2.3",
         "font-awesome": "^4.7.0",
         "lodash-es": "^4.17.21",
@@ -29,7 +29,7 @@
         "path-to-regexp": "^6.2.0",
         "pinia": "^2.0.0-rc.6",
         "resize-observer-polyfill": "^1.5.1",
-        "responsive-storage": "^1.0.4",
+        "responsive-storage": "^1.0.9",
         "v-contextmenu": "^3.0.0",
         "vue": "^3.2.11",
         "vue-i18n": "^9.2.0-beta.3",
@@ -78,8 +78,8 @@
         "stylelint-config-standard": "^22.0.0",
         "stylelint-order": "^4.1.0",
         "typescript": "^4.4.2",
-        "vite": "^2.5.6",
-        "vite-plugin-element-plus": "^0.0.12",
+        "unplugin-element-plus": "^0.0.1",
+        "vite": "^2.5.7",
         "vite-plugin-mock": "^2.9.6",
         "vite-plugin-style-import": "^1.2.1",
         "vite-svg-loader": "^2.2.0",
@@ -1335,9 +1335,9 @@
       }
     },
     "node_modules/@popperjs/core": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.3.tgz",
-      "integrity": "sha512-xDu17cEfh7Kid/d95kB6tZsLOmSWKCZKtprnhVepjsSaCij+lM3mItSJDuuHDMbCWTh8Ejmebwb+KONcCJ0eXQ==",
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.1.tgz",
+      "integrity": "sha512-HnUhk1Sy9IuKrxEMdIRCxpIqPw6BFsbYSEUO9p/hNw5sMld/+3OLMWQP80F8/db9qsv3qUjs7ZR5bS/R+iinXw==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -1937,12 +1937,11 @@
       "integrity": "sha512-ovfXAsSsCvV9JVceWjkqC/7OF5HbgLOtCWjCIosmPGG8lxbPuavhIxRH1dTx4Dg9xLgRTNLvI3pVxG4ItQZekg=="
     },
     "node_modules/@vueuse/core": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.0.0.tgz",
-      "integrity": "sha512-PuBfNo/Zv+NkLcZaYWBA1WjqxQhTDC0DMQpoAIJdo/GFul/1SpBbONhUho2zqtOmq8vyGuK200wNFvyA4YUAMg==",
-      "license": "MIT",
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.3.3.tgz",
+      "integrity": "sha512-qa/0WYqcvqFKQmlkgsLGlXBrYcQeUi3fzHMIaxsD/lO/zm0IWBSN8CTFu91LwER5qNYs4DGhU5pu7jOdrTzAIQ==",
       "dependencies": {
-        "@vueuse/shared": "6.0.0",
+        "@vueuse/shared": "6.3.3",
         "vue-demi": "*"
       },
       "funding": {
@@ -1962,9 +1961,9 @@
       }
     },
     "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.0.0.tgz",
-      "integrity": "sha512-PLjjqL8bxI5q86qk/ifXy572nfQE3rJc1RMem+dKcGayaagMnC4kXHEt64V98DVielSwr2FuYaeFodi4KJrvdg==",
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.3.3.tgz",
+      "integrity": "sha512-2+YPRhFNUXEhhvKNTWBtNU6hGkft9+mfYSVjI4hZu2U8KDbNNKF/215lBPzMYI2twScDtPsAssQ+vu5t9PBy0g==",
       "dependencies": {
         "vue-demi": "*"
       },
@@ -1985,9 +1984,9 @@
       }
     },
     "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.3.tgz",
-      "integrity": "sha512-DpM0TTMpclRZDV6AIacgg837zrim/C9Zn+2ztXBs9hsESJN9vC83ztjTe4KC4HgJuVle8YUjPp7HTwWtwOHfmg==",
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.4.tgz",
+      "integrity": "sha512-/3xFwzSykLW2HiiLie43a+FFgNOcokbBJ+fzvFXd0r2T8MYohqvphUyDQ8lbAwzQ3Dlcrb1c9ykifGkhSIAk6A==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -3168,15 +3167,17 @@
       "dev": true
     },
     "node_modules/element-plus": {
-      "version": "1.1.0-beta.8",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.1.0-beta.8.tgz",
-      "integrity": "sha512-L0z4UoaazLgvimU+Eb8KHwBdX6ND2sSOO/ja70FMJl7Y3T+PxP95OZAkpr1sNiBzMaVVdMef4lQLBwPqTO6PKw==",
+      "version": "1.1.0-beta.12",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.1.0-beta.12.tgz",
+      "integrity": "sha512-IkFHcYWGDzHqeL2LpDM5ZQnuviqkNj8Bu9zg/Q6KImGk8xo4rqMf+e4rBHinIpeKzKdVag0c2TDABNBfKvjaPA==",
+      "license": "MIT",
       "dependencies": {
         "@element-plus/icons": "^0.0.11",
-        "@popperjs/core": "^2.4.4",
+        "@popperjs/core": "^2.10.1",
+        "@vueuse/core": "~6.1.0",
         "async-validator": "^3.4.0",
         "dayjs": "1.x",
-        "lodash": "^4.17.20",
+        "lodash": "^4.17.21",
         "mitt": "^2.1.0",
         "normalize-wheel": "^1.0.1",
         "resize-observer-polyfill": "^1.5.1"
@@ -3185,6 +3186,78 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/element-plus/node_modules/@vueuse/core": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.1.0.tgz",
+      "integrity": "sha512-6KienU5QOWKuDqvHytep14274IGKyLlACzXjifOrgDQMkqvWZIUnDhpckT/1+O8n8DN59d5wzzICZI/2sfGCyg==",
+      "dependencies": {
+        "@vueuse/shared": "6.1.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.1.0",
+        "vue": "^2.6.0 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.1.0.tgz",
+      "integrity": "sha512-teW0TUQryGnEprHeOI6oH8NPVJBirknxksEiNCtdEjIi8W7JSTg8JPO+e1XlGI6ly24NDlDXUDYaHJayiaXjuw==",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.1.0",
+        "vue": "^2.6.0 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.4.tgz",
+      "integrity": "sha512-/3xFwzSykLW2HiiLie43a+FFgNOcokbBJ+fzvFXd0r2T8MYohqvphUyDQ8lbAwzQ3Dlcrb1c9ykifGkhSIAk6A==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/element-resize-detector": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/element-resize-detector/-/element-resize-detector-1.2.3.tgz",
@@ -6877,9 +6950,9 @@
       }
     },
     "node_modules/responsive-storage": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/responsive-storage/-/responsive-storage-1.0.4.tgz",
-      "integrity": "sha512-egiborkG1SMM5rQYMb0J0tdnDa/yH4h4ptA/fEcMAEoSaAe9j+Z4TMHFMb8x3BrM02StNuO8sNwbwVxLj+xzcA==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/responsive-storage/-/responsive-storage-1.0.9.tgz",
+      "integrity": "sha512-GODZF3a50hvnBvAntqDgiEub4+xXRcdACH1wnsM8KVmSnSd0IKqCcrE0fwk5b6y3lPW2h+ZpB3bBMcQpkuTeJg==",
       "dependencies": {
         "vue": "^3.1.1"
       }
@@ -8040,6 +8113,38 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/unplugin-element-plus": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/unplugin-element-plus/-/unplugin-element-plus-0.0.1.tgz",
+      "integrity": "sha512-5WyuJTE7S6pJV/gK2a6RiGmxEoaNBjJn37tooBYsX9D9CSGamqzIcq+NtBHU0qRkDnx/fpcRcjZh3UXkSLkbuA==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^4.1.0",
+        "es-module-lexer": "^0.6.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/unplugin-element-plus/node_modules/@rollup/pluginutils": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
+      "integrity": "sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==",
+      "dev": true,
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/unplugin-element-plus/node_modules/es-module-lexer": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.6.0.tgz",
+      "integrity": "sha512-f8kcHX1ArhllUtb/wVSyvygoKCznIjnxhLxy7TCvIiMdT7fL4ZDTIKaadMe6eLvOXg6Wk02UeoFgUoZ2EKZZUA==",
+      "dev": true
+    },
     "node_modules/upper-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
@@ -8145,9 +8250,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.5.6.tgz",
-      "integrity": "sha512-P++qzXuOPhTql8iDamsatlJfD7/yGi8NCNwzyqkB2p0jrNJC567WEdXiKn3hQ+ZV8amQmB2dTH6svo3Z2tJ6MQ==",
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-2.5.7.tgz",
+      "integrity": "sha512-hyUoWmRPhjN1aI+ZSBqDINKdIq7aokHE2ZXiztOg4YlmtpeQtMwMeyxv6X9YxHZmvGzg/js/eATM9Z1nwyakxg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.12.17",
@@ -8165,38 +8270,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/vite-plugin-element-plus": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/vite-plugin-element-plus/-/vite-plugin-element-plus-0.0.12.tgz",
-      "integrity": "sha512-Y4OoM8dsFKLa2FTSKqb6L0rkLnFXXJLpXbsPmSmmwGwtQoikajjvW6hrxG1wzxJtEp+dXTVQn7InIxdcBq2ICw==",
-      "dev": true,
-      "dependencies": {
-        "@rollup/pluginutils": "^4.1.0",
-        "es-module-lexer": "^0.6.0"
-      },
-      "peerDependencies": {
-        "vite": ">=2.0.0"
-      }
-    },
-    "node_modules/vite-plugin-element-plus/node_modules/@rollup/pluginutils": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
-      "integrity": "sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==",
-      "dev": true,
-      "dependencies": {
-        "estree-walker": "^2.0.1",
-        "picomatch": "^2.2.2"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      }
-    },
-    "node_modules/vite-plugin-element-plus/node_modules/es-module-lexer": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.6.0.tgz",
-      "integrity": "sha512-f8kcHX1ArhllUtb/wVSyvygoKCznIjnxhLxy7TCvIiMdT7fL4ZDTIKaadMe6eLvOXg6Wk02UeoFgUoZ2EKZZUA==",
-      "dev": true
-    },
     "node_modules/vite-plugin-mock": {
       "version": "2.9.6",
       "resolved": "https://registry.npmjs.org/vite-plugin-mock/-/vite-plugin-mock-2.9.6.tgz",
@@ -9628,9 +9701,9 @@
       }
     },
     "@popperjs/core": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.3.tgz",
-      "integrity": "sha512-xDu17cEfh7Kid/d95kB6tZsLOmSWKCZKtprnhVepjsSaCij+lM3mItSJDuuHDMbCWTh8Ejmebwb+KONcCJ0eXQ=="
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.1.tgz",
+      "integrity": "sha512-HnUhk1Sy9IuKrxEMdIRCxpIqPw6BFsbYSEUO9p/hNw5sMld/+3OLMWQP80F8/db9qsv3qUjs7ZR5bS/R+iinXw=="
     },
     "@rollup/plugin-node-resolve": {
       "version": "13.0.4",
@@ -10103,26 +10176,26 @@
       "integrity": "sha512-ovfXAsSsCvV9JVceWjkqC/7OF5HbgLOtCWjCIosmPGG8lxbPuavhIxRH1dTx4Dg9xLgRTNLvI3pVxG4ItQZekg=="
     },
     "@vueuse/core": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.0.0.tgz",
-      "integrity": "sha512-PuBfNo/Zv+NkLcZaYWBA1WjqxQhTDC0DMQpoAIJdo/GFul/1SpBbONhUho2zqtOmq8vyGuK200wNFvyA4YUAMg==",
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.3.3.tgz",
+      "integrity": "sha512-qa/0WYqcvqFKQmlkgsLGlXBrYcQeUi3fzHMIaxsD/lO/zm0IWBSN8CTFu91LwER5qNYs4DGhU5pu7jOdrTzAIQ==",
       "requires": {
-        "@vueuse/shared": "6.0.0",
+        "@vueuse/shared": "6.3.3",
         "vue-demi": "*"
       },
       "dependencies": {
         "@vueuse/shared": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.0.0.tgz",
-          "integrity": "sha512-PLjjqL8bxI5q86qk/ifXy572nfQE3rJc1RMem+dKcGayaagMnC4kXHEt64V98DVielSwr2FuYaeFodi4KJrvdg==",
+          "version": "6.3.3",
+          "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.3.3.tgz",
+          "integrity": "sha512-2+YPRhFNUXEhhvKNTWBtNU6hGkft9+mfYSVjI4hZu2U8KDbNNKF/215lBPzMYI2twScDtPsAssQ+vu5t9PBy0g==",
           "requires": {
             "vue-demi": "*"
           }
         },
         "vue-demi": {
-          "version": "0.11.3",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.3.tgz",
-          "integrity": "sha512-DpM0TTMpclRZDV6AIacgg837zrim/C9Zn+2ztXBs9hsESJN9vC83ztjTe4KC4HgJuVle8YUjPp7HTwWtwOHfmg==",
+          "version": "0.11.4",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.4.tgz",
+          "integrity": "sha512-/3xFwzSykLW2HiiLie43a+FFgNOcokbBJ+fzvFXd0r2T8MYohqvphUyDQ8lbAwzQ3Dlcrb1c9ykifGkhSIAk6A==",
           "requires": {}
         }
       }
@@ -11030,18 +11103,46 @@
       "dev": true
     },
     "element-plus": {
-      "version": "1.1.0-beta.8",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.1.0-beta.8.tgz",
-      "integrity": "sha512-L0z4UoaazLgvimU+Eb8KHwBdX6ND2sSOO/ja70FMJl7Y3T+PxP95OZAkpr1sNiBzMaVVdMef4lQLBwPqTO6PKw==",
+      "version": "1.1.0-beta.12",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.1.0-beta.12.tgz",
+      "integrity": "sha512-IkFHcYWGDzHqeL2LpDM5ZQnuviqkNj8Bu9zg/Q6KImGk8xo4rqMf+e4rBHinIpeKzKdVag0c2TDABNBfKvjaPA==",
       "requires": {
         "@element-plus/icons": "^0.0.11",
-        "@popperjs/core": "^2.4.4",
+        "@popperjs/core": "^2.10.1",
+        "@vueuse/core": "~6.1.0",
         "async-validator": "^3.4.0",
         "dayjs": "1.x",
-        "lodash": "^4.17.20",
+        "lodash": "^4.17.21",
         "mitt": "^2.1.0",
         "normalize-wheel": "^1.0.1",
         "resize-observer-polyfill": "^1.5.1"
+      },
+      "dependencies": {
+        "@vueuse/core": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.1.0.tgz",
+          "integrity": "sha512-6KienU5QOWKuDqvHytep14274IGKyLlACzXjifOrgDQMkqvWZIUnDhpckT/1+O8n8DN59d5wzzICZI/2sfGCyg==",
+          "requires": {
+            "@vueuse/shared": "6.1.0",
+            "vue-demi": "*"
+          },
+          "dependencies": {
+            "@vueuse/shared": {
+              "version": "6.1.0",
+              "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.1.0.tgz",
+              "integrity": "sha512-teW0TUQryGnEprHeOI6oH8NPVJBirknxksEiNCtdEjIi8W7JSTg8JPO+e1XlGI6ly24NDlDXUDYaHJayiaXjuw==",
+              "requires": {
+                "vue-demi": "*"
+              }
+            },
+            "vue-demi": {
+              "version": "0.11.4",
+              "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.4.tgz",
+              "integrity": "sha512-/3xFwzSykLW2HiiLie43a+FFgNOcokbBJ+fzvFXd0r2T8MYohqvphUyDQ8lbAwzQ3Dlcrb1c9ykifGkhSIAk6A==",
+              "requires": {}
+            }
+          }
+        }
       }
     },
     "element-resize-detector": {
@@ -13896,9 +13997,9 @@
       }
     },
     "responsive-storage": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/responsive-storage/-/responsive-storage-1.0.4.tgz",
-      "integrity": "sha512-egiborkG1SMM5rQYMb0J0tdnDa/yH4h4ptA/fEcMAEoSaAe9j+Z4TMHFMb8x3BrM02StNuO8sNwbwVxLj+xzcA==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/responsive-storage/-/responsive-storage-1.0.9.tgz",
+      "integrity": "sha512-GODZF3a50hvnBvAntqDgiEub4+xXRcdACH1wnsM8KVmSnSd0IKqCcrE0fwk5b6y3lPW2h+ZpB3bBMcQpkuTeJg==",
       "requires": {
         "vue": "^3.1.1"
       }
@@ -14808,6 +14909,34 @@
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
       "dev": true
     },
+    "unplugin-element-plus": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/unplugin-element-plus/-/unplugin-element-plus-0.0.1.tgz",
+      "integrity": "sha512-5WyuJTE7S6pJV/gK2a6RiGmxEoaNBjJn37tooBYsX9D9CSGamqzIcq+NtBHU0qRkDnx/fpcRcjZh3UXkSLkbuA==",
+      "dev": true,
+      "requires": {
+        "@rollup/pluginutils": "^4.1.0",
+        "es-module-lexer": "^0.6.0"
+      },
+      "dependencies": {
+        "@rollup/pluginutils": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
+          "integrity": "sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==",
+          "dev": true,
+          "requires": {
+            "estree-walker": "^2.0.1",
+            "picomatch": "^2.2.2"
+          }
+        },
+        "es-module-lexer": {
+          "version": "0.6.0",
+          "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.6.0.tgz",
+          "integrity": "sha512-f8kcHX1ArhllUtb/wVSyvygoKCznIjnxhLxy7TCvIiMdT7fL4ZDTIKaadMe6eLvOXg6Wk02UeoFgUoZ2EKZZUA==",
+          "dev": true
+        }
+      }
+    },
     "upper-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
@@ -14899,9 +15028,9 @@
       }
     },
     "vite": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.5.6.tgz",
-      "integrity": "sha512-P++qzXuOPhTql8iDamsatlJfD7/yGi8NCNwzyqkB2p0jrNJC567WEdXiKn3hQ+ZV8amQmB2dTH6svo3Z2tJ6MQ==",
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-2.5.7.tgz",
+      "integrity": "sha512-hyUoWmRPhjN1aI+ZSBqDINKdIq7aokHE2ZXiztOg4YlmtpeQtMwMeyxv6X9YxHZmvGzg/js/eATM9Z1nwyakxg==",
       "dev": true,
       "requires": {
         "esbuild": "^0.12.17",
@@ -14919,34 +15048,6 @@
         }
       }
     },
-    "vite-plugin-element-plus": {
-      "version": "0.0.12",
-      "resolved": "https://registry.npmjs.org/vite-plugin-element-plus/-/vite-plugin-element-plus-0.0.12.tgz",
-      "integrity": "sha512-Y4OoM8dsFKLa2FTSKqb6L0rkLnFXXJLpXbsPmSmmwGwtQoikajjvW6hrxG1wzxJtEp+dXTVQn7InIxdcBq2ICw==",
-      "dev": true,
-      "requires": {
-        "@rollup/pluginutils": "^4.1.0",
-        "es-module-lexer": "^0.6.0"
-      },
-      "dependencies": {
-        "@rollup/pluginutils": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
-          "integrity": "sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==",
-          "dev": true,
-          "requires": {
-            "estree-walker": "^2.0.1",
-            "picomatch": "^2.2.2"
-          }
-        },
-        "es-module-lexer": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.6.0.tgz",
-          "integrity": "sha512-f8kcHX1ArhllUtb/wVSyvygoKCznIjnxhLxy7TCvIiMdT7fL4ZDTIKaadMe6eLvOXg6Wk02UeoFgUoZ2EKZZUA==",
-          "dev": true
-        }
-      }
-    },
     "vite-plugin-mock": {
       "version": "2.9.6",
       "resolved": "https://registry.npmjs.org/vite-plugin-mock/-/vite-plugin-mock-2.9.6.tgz",
diff --git a/package.json b/package.json
index 0e0845bc9..e08e61ccb 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "dayjs": "^1.10.6",
     "dotenv": "^8.2.0",
     "echarts": "^5.1.2",
-    "element-plus": "^1.1.0-beta.8",
+    "element-plus": "^1.1.0-beta.12",
     "element-resize-detector": "^1.2.3",
     "font-awesome": "^4.7.0",
     "lodash-es": "^4.17.21",
@@ -39,7 +39,7 @@
     "path-to-regexp": "^6.2.0",
     "pinia": "^2.0.0-rc.6",
     "resize-observer-polyfill": "^1.5.1",
-    "responsive-storage": "^1.0.4",
+    "responsive-storage": "^1.0.9",
     "v-contextmenu": "^3.0.0",
     "vue": "^3.2.11",
     "vue-i18n": "^9.2.0-beta.3",
@@ -88,8 +88,8 @@
     "stylelint-config-standard": "^22.0.0",
     "stylelint-order": "^4.1.0",
     "typescript": "^4.4.2",
-    "vite": "^2.5.6",
-    "vite-plugin-element-plus": "^0.0.12",
+    "unplugin-element-plus": "^0.0.1",
+    "vite": "^2.5.7",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-style-import": "^1.2.1",
     "vite-svg-loader": "^2.2.0",
diff --git a/src/directives/elResizeDetector/index.ts b/src/directives/elResizeDetector/index.ts
index ea0e5bb89..be4c108d3 100644
--- a/src/directives/elResizeDetector/index.ts
+++ b/src/directives/elResizeDetector/index.ts
@@ -1,5 +1,5 @@
 import { Directive } from "vue";
-import type { DirectiveBinding } from "vue";
+import type { DirectiveBinding, VNode } from "vue";
 import elementResizeDetectorMaker from "element-resize-detector";
 import type { Erd } from "element-resize-detector";
 import { emitter } from "/@/utils/mitt";
@@ -9,7 +9,7 @@ const erd: Erd = elementResizeDetectorMaker({
 });
 
 export const resize: Directive = {
-  mounted(el: HTMLElement, binding?: DirectiveBinding, vnode?: any) {
+  mounted(el: HTMLElement, binding?: DirectiveBinding, vnode?: VNode) {
     erd.listenTo(el, elem => {
       const width = elem.offsetWidth;
       const height = elem.offsetHeight;
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 844bf5163..8a3e1ef5f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -33,9 +33,9 @@
         </span>
         <template #dropdown>
           <el-dropdown-menu>
-            <el-dropdown-item icon="el-icon-switch-button" @click="logout">
-              {{ $t("message.hsLoginOut") }}
-            </el-dropdown-item>
+            <el-dropdown-item icon="el-icon-switch-button" @click="logout">{{
+              $t("message.hsLoginOut")
+            }}</el-dropdown-item>
           </el-dropdown-menu>
         </template>
       </el-dropdown>
@@ -64,6 +64,17 @@ import { emitter } from "/@/utils/mitt";
 import { deviceDetection } from "/@/utils/deviceDetection";
 import { useI18n } from "vue-i18n";
 
+let routerArrays: Array<object> = [
+  {
+    path: "/welcome",
+    meta: {
+      title: "message.hshome",
+      icon: "el-icon-s-home",
+      showLink: true,
+      savedPosition: false
+    }
+  }
+];
 export default defineComponent({
   name: "Navbar",
   components: {
@@ -75,6 +86,14 @@ export default defineComponent({
   computed: {
     // eslint-disable-next-line vue/return-in-computed-property
     currentLocale() {
+      if (
+        !this.$storage.routesInStorage ||
+        this.$storage.routesInStorage.length === 0
+      ) {
+        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+        this.$storage.routesInStorage = routerArrays;
+      }
+
       if (!this.$storage.locale) {
         // eslint-disable-next-line
         this.$storage.locale = { locale: "zh" };
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue
index 24b9064ac..3090208fe 100644
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@@ -14,9 +14,9 @@
         @mouseenter.prevent="onMouseenter(item, index)"
         @mouseleave.prevent="onMouseleave(item, index)"
       >
-        <router-link :to="item.path" @click="tagOnClick(item)">
-          {{ $t(item.meta.title) }}
-        </router-link>
+        <router-link :to="item.path" @click="tagOnClick(item)">{{
+          $t(item.meta.title)
+        }}</router-link>
         <span
           v-if="
             ($route.path === item.path && index !== 0) ||
@@ -134,13 +134,6 @@ export default {
   // @ts-ignore
   computed: {
     dynamicTagList() {
-      if (
-        !this.$storage.routesInStorage ||
-        this.$storage.routesInStorage.length === 0
-      ) {
-        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
-        this.$storage.routesInStorage = routerArrays;
-      }
       return this.$storage.routesInStorage;
     }
   },
diff --git a/src/plugins/element-plus/index.ts b/src/plugins/element-plus/index.ts
index 2bd14e20e..bbdb62249 100644
--- a/src/plugins/element-plus/index.ts
+++ b/src/plugins/element-plus/index.ts
@@ -32,7 +32,6 @@ import {
   ElRadioButton,
   ElRadioGroup
 } from "element-plus";
-import "element-plus/dist/index.css";
 
 const components = [
   ElAffix,
diff --git a/vite.config.ts b/vite.config.ts
index 45ddef5d3..f2dc92066 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,7 +7,7 @@ import { createProxy } from "./build/proxy";
 import { viteMockServe } from "vite-plugin-mock";
 import svgLoader from "vite-svg-loader";
 import styleImport from "vite-plugin-style-import";
-import VitePluginElementPlus from "vite-plugin-element-plus";
+import ElementPlus from "unplugin-element-plus";
 
 const pathResolve = (dir: string): any => {
   return resolve(__dirname, ".", dir);
@@ -65,7 +65,7 @@ export default ({ command }: ConfigEnv): UserConfigExport => {
           }
         ]
       }),
-      VitePluginElementPlus({ useSource: true }),
+      ElementPlus(),
       viteMockServe({
         mockPath: "mock",
         localEnabled: command === "serve",