fix: fix some bug

package-lock.json

@@ -329,64 +329,64 @@
       }
     },
     "@intlify/core-base": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/core-base/download/@intlify/core-base-9.1.4.tgz",
-      "integrity": "sha1-5ff7YytwY8ZchIWEXIea1ZA6Sg8=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.1.6.tgz",
+      "integrity": "sha512-d5GDPpsQbqPkisSJA5b6nJFEkalY/IHAd7vOLNd/Sj4YaNRzXtInu2FoqKiOv8e/lQnXGTpurdCZg5Jxq1Gsxw==",
       "requires": {
-        "@intlify/devtools-if": "9.1.4",
-        "@intlify/message-compiler": "9.1.4",
-        "@intlify/message-resolver": "9.1.4",
-        "@intlify/runtime": "9.1.4",
-        "@intlify/shared": "9.1.4",
-        "@intlify/vue-devtools": "9.1.4"
+        "@intlify/devtools-if": "9.1.6",
+        "@intlify/message-compiler": "9.1.6",
+        "@intlify/message-resolver": "9.1.6",
+        "@intlify/runtime": "9.1.6",
+        "@intlify/shared": "9.1.6",
+        "@intlify/vue-devtools": "9.1.6"
       }
     },
     "@intlify/devtools-if": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/devtools-if/download/@intlify/devtools-if-9.1.4.tgz",
-      "integrity": "sha1-unnp3sOxNHhCyTAIxr9tq4D2wXA=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.1.6.tgz",
+      "integrity": "sha512-m8Api+kh+BtFa2FZ/JjIdr1ibsGGqBjdKCzWo5BZecEUxBquIeOQZwpokPh/0K5j+/PZleFXkVAMC5mNt+9WdA==",
       "requires": {
-        "@intlify/shared": "9.1.4"
+        "@intlify/shared": "9.1.6"
       }
     },
     "@intlify/message-compiler": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/message-compiler/download/@intlify/message-compiler-9.1.4.tgz",
-      "integrity": "sha1-2/CZecjOi2VqPsb7gOzhXSmP9GE=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.1.6.tgz",
+      "integrity": "sha512-DR8645VOrVK6x/8tkaCpHnckMAIcoOgeNS5j0wB12RfZoXYQp7vAXMaOP511KMll2mXCREgIB0ojpajiof7yzQ==",
       "requires": {
-        "@intlify/message-resolver": "9.1.4",
-        "@intlify/shared": "9.1.4",
+        "@intlify/message-resolver": "9.1.6",
+        "@intlify/shared": "9.1.6",
         "source-map": "0.6.1"
       }
     },
     "@intlify/message-resolver": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/message-resolver/download/@intlify/message-resolver-9.1.4.tgz",
-      "integrity": "sha1-biyoVDXo2f4YuMj83mbYr/UGduE="
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/message-resolver/-/message-resolver-9.1.6.tgz",
+      "integrity": "sha512-UUnbawQa5U9sffd5wRIscqtyY1xWlwJbyfwCLPEWLvBhyAnCwPYlvaHGnnO0CSi0fzJTVwlV9DYzobh3agDeMA=="
     },
     "@intlify/runtime": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/runtime/download/@intlify/runtime-9.1.4.tgz",
-      "integrity": "sha1-5Knpvr07qCYD9GVkjEZohVYX68I=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/runtime/-/runtime-9.1.6.tgz",
+      "integrity": "sha512-U1QZ+TPf3kQQvWo4BA2mj3cHAxMRHXNTBhu2u+deh6ubTqXdZ19XGBTMSasrXG6RE+zSio9oM+ndoLja7JGtPg==",
       "requires": {
-        "@intlify/message-compiler": "9.1.4",
-        "@intlify/message-resolver": "9.1.4",
-        "@intlify/shared": "9.1.4"
+        "@intlify/message-compiler": "9.1.6",
+        "@intlify/message-resolver": "9.1.6",
+        "@intlify/shared": "9.1.6"
       }
     },
     "@intlify/shared": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/shared/download/@intlify/shared-9.1.4.tgz",
-      "integrity": "sha1-A4hRXlRY/hojFMj4RNsxutJrhVg="
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.1.6.tgz",
+      "integrity": "sha512-6MtsKulyfZxdD7OuxjaODjj8QWoHCnLFAk4wkWiHqBCa6UCTC0qXjtEeZ1MxpQihvFmmJZauBUu25EvtngW5qQ=="
     },
     "@intlify/vue-devtools": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/@intlify/vue-devtools/download/@intlify/vue-devtools-9.1.4.tgz",
-      "integrity": "sha1-HcQrhtqdJzgDuoWilcr058Ms36I=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.1.6.tgz",
+      "integrity": "sha512-UdNovg4OML9rIr1sOGZzTfNr1nUy4UQpDf5ni4dNC93T6FIkVJz0n1Np7Vp7e6gDjcmufRYcV99tEwjQSN9+5A==",
       "requires": {
-        "@intlify/message-resolver": "9.1.4",
-        "@intlify/runtime": "9.1.4",
-        "@intlify/shared": "9.1.4"
+        "@intlify/message-resolver": "9.1.6",
+        "@intlify/runtime": "9.1.6",
+        "@intlify/shared": "9.1.6"
       }
     },
     "@logicflow/core": {
@@ -431,8 +431,8 @@
     },
     "@popperjs/core": {
       "version": "2.9.2",
-      "resolved": "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.9.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.9.2.tgz",
-      "integrity": "sha1-rep7aVPLs0ZRdmsFSEaOdDxqI1M="
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q=="
     },
     "@rollup/plugin-node-resolve": {
       "version": "11.2.1",
@@ -475,8 +475,8 @@
     },
     "@types/lodash": {
       "version": "4.14.168",
-      "resolved": "https://registry.npm.taobao.org/@types/lodash/download/@types/lodash-4.14.168.tgz?cache=0&sync_timestamp=1613379222224&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Flodash%2Fdownload%2F%40types%2Flodash-4.14.168.tgz",
-      "integrity": "sha1-/iRjLnm3rePxMoka//hsql5c4Ag="
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz",
+      "integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q=="
     },
     "@types/mockjs": {
       "version": "1.0.3",
@@ -604,21 +604,21 @@
     },
     "@vue/devtools-api": {
       "version": "6.0.0-beta.7",
-      "resolved": "https://registry.npm.taobao.org/@vue/devtools-api/download/@vue/devtools-api-6.0.0-beta.7.tgz",
-      "integrity": "sha1-HTBmE8k7moN6N3axuSVVAmYvhQ8="
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.0.0-beta.7.tgz",
+      "integrity": "sha512-mIfqX8ZF6s2ulelIzfxGk9sFoigpoeK/2/DlWrtBGWfvwaK3kR1P2bxNkZ0LbJeuKHfcRP6hGZtGist7nxUN9A=="
     },
     "@vue/reactivity": {
       "version": "3.0.11",
-      "resolved": "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.11.tgz",
-      "integrity": "sha1-B7WINJ/QViaxfzUAy+99S9tNvQs=",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.11.tgz",
+      "integrity": "sha512-SKM3YKxtXHBPMf7yufXeBhCZ4XZDKP9/iXeQSC8bBO3ivBuzAi4aZi0bNoeE2IF2iGfP/AHEt1OU4ARj4ao/Xw==",
       "requires": {
         "@vue/shared": "3.0.11"
       }
     },
     "@vue/runtime-core": {
       "version": "3.0.11",
-      "resolved": "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.11.tgz",
-      "integrity": "sha1-xS38as8yFUk2I1UsHCkZCAxWLkQ=",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.11.tgz",
+      "integrity": "sha512-87XPNwHfz9JkmOlayBeCCfMh9PT2NBnv795DSbi//C/RaAnc/bGZgECjmkD7oXJ526BZbgk9QZBPdFT8KMxkAg==",
       "requires": {
         "@vue/reactivity": "3.0.11",
         "@vue/shared": "3.0.11"
@@ -626,8 +626,8 @@
     },
     "@vue/runtime-dom": {
       "version": "3.0.11",
-      "resolved": "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.11.tgz",
-      "integrity": "sha1-elUt8hkHlCch/raWHEGOIippkzc=",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.11.tgz",
+      "integrity": "sha512-jm3FVQESY3y2hKZ2wlkcmFDDyqaPyU3p1IdAX92zTNeCH7I8zZ37PtlE1b9NlCtzV53WjB4TZAYh9yDCMIEumA==",
       "requires": {
         "@vue/runtime-core": "3.0.11",
         "@vue/shared": "3.0.11",
@@ -640,20 +640,20 @@
       "integrity": "sha1-INIt0Np9NYuyHBf5vehigVJkLHc="
     },
     "@vueuse/core": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npm.taobao.org/@vueuse/core/download/@vueuse/core-4.8.1.tgz",
-      "integrity": "sha1-16f7LnJhDRli7LkkS9k9rLltkhw=",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-d6SX9YSWC8svdCEZvlKH3zmstPqNS1h1RHgZUbkxAC/zoNIYP88Ivl1pF3SYm0Iksl6D4Zu/oImKXWCBW21r6g==",
       "requires": {
-        "@vueuse/shared": "4.8.1",
-        "vue-demi": "^0.7.4"
+        "@vueuse/shared": "4.8.2",
+        "vue-demi": "^0.7.5"
       }
     },
     "@vueuse/shared": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npm.taobao.org/@vueuse/shared/download/@vueuse/shared-4.8.1.tgz",
-      "integrity": "sha1-Rf1fZL9OiUTbQqW3L6JwXPx0YIo=",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-4.8.2.tgz",
+      "integrity": "sha512-Bjy15IHyqUpRbg9cRE9afFwD0gLtGI0tJW7fITWGCwYmSWpBoD+EnGBBGvnoP9pOtxkri9Wte/uKwcVnDos7QA==",
       "requires": {
-        "vue-demi": "^0.7.4"
+        "vue-demi": "^0.7.5"
       }
     },
     "ansi-styles": {
@@ -676,8 +676,8 @@
     },
     "async-validator": {
       "version": "3.5.1",
-      "resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-3.5.1.tgz?cache=0&sync_timestamp=1605751798748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-3.5.1.tgz",
-      "integrity": "sha1-zWK5aIskZfSEIOJ620d2CrG1VZ8="
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-3.5.1.tgz",
+      "integrity": "sha512-DDmKA7sdSAJtTVeNZHrnr2yojfFaoeW8MfQN8CeuXg8DDQHTqKk9Fdv38dSvnesHoO8MUwMI2HphOeSyIF+wmQ=="
     },
     "autoprefixer": {
       "version": "10.2.5",
@@ -884,9 +884,9 @@
       "dev": true
     },
     "csstype": {
-      "version": "2.6.16",
-      "resolved": "https://registry.npm.taobao.org/csstype/download/csstype-2.6.16.tgz",
-      "integrity": "sha1-VE1p9UcBO4WkDRW/912zjzT+nDk="
+      "version": "2.6.17",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.17.tgz",
+      "integrity": "sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A=="
     },
     "d": {
       "version": "1.0.1",
@@ -945,12 +945,12 @@
       }
     },
     "echarts": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npm.taobao.org/echarts/download/echarts-5.0.2.tgz?cache=0&sync_timestamp=1612592464414&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fecharts%2Fdownload%2Fecharts-5.0.2.tgz",
-      "integrity": "sha1-FybRelfPBdYs0FZ7QyXhIBpWuvY=",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.1.0.tgz",
+      "integrity": "sha512-/X2nnN5BXW2tuA/Hv9YY279rDfwcXaBAjK9Azi//llshbKyUXXxBknsug21GJRpwTmLZbE8rjjbhchdm01bZtw==",
       "requires": {
         "tslib": "2.0.3",
-        "zrender": "5.0.4"
+        "zrender": "5.1.0"
       }
     },
     "ee-first": {
@@ -967,8 +967,8 @@
     },
     "element-plus": {
       "version": "1.0.2-beta.40",
-      "resolved": "https://registry.npm.taobao.org/element-plus/download/element-plus-1.0.2-beta.40.tgz",
-      "integrity": "sha1-MPybFhSWrlh/q4YjXIC3KOpD2Qk=",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.40.tgz",
+      "integrity": "sha512-8S7JbBpJLUa3ggexuKuKeyrTo451gMDHa/BKJVFiHSyexcHPgnHQwHf2nIoZvY1w6FzmZPdBdZ3NoDLXu51SIw==",
       "requires": {
         "@popperjs/core": "^2.4.4",
         "@types/lodash": "^4.14.161",
@@ -1023,8 +1023,8 @@
     },
     "esbuild": {
       "version": "0.9.7",
-      "resolved": "https://registry.npm.taobao.org/esbuild/download/esbuild-0.9.7.tgz?cache=0&sync_timestamp=1618309241959&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fesbuild%2Fdownload%2Fesbuild-0.9.7.tgz",
-      "integrity": "sha1-6g1jnL5LiOwl++1Nb/AMjXiO9ws=",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.9.7.tgz",
+      "integrity": "sha512-VtUf6aQ89VTmMLKrWHYG50uByMF4JQlVysb8dmg6cOgW8JnFCipmz7p+HNBl+RR3LLCuBxFGVauAe2wfnF9bLg==",
       "dev": true
     },
     "escalade": {
@@ -1475,7 +1475,7 @@
     },
     "normalize-wheel": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
       "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
     },
     "nprogress": {
@@ -1678,8 +1678,8 @@
     },
     "rollup": {
       "version": "2.45.2",
-      "resolved": "https://registry.npm.taobao.org/rollup/download/rollup-2.45.2.tgz?cache=0&sync_timestamp=1618289798736&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frollup%2Fdownload%2Frollup-2.45.2.tgz",
-      "integrity": "sha1-j7hZF8nzVgVyDpIyjzzL+6b3i0g=",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.45.2.tgz",
+      "integrity": "sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.1"
@@ -1783,8 +1783,8 @@
     },
     "tslib": {
       "version": "2.0.3",
-      "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-2.0.3.tgz",
-      "integrity": "sha1-jgdBrEX8DCJuWKF7/D5kubxsphw="
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
+      "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
     },
     "type": {
       "version": "1.2.0",
@@ -1793,8 +1793,8 @@
     },
     "typescript": {
       "version": "4.2.4",
-      "resolved": "https://registry.npm.taobao.org/typescript/download/typescript-4.2.4.tgz?cache=0&sync_timestamp=1618298573659&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftypescript%2Fdownload%2Ftypescript-4.2.4.tgz",
-      "integrity": "sha1-hhC1l0feAo/aiYqK7w4QPxVtCWE=",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
+      "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==",
       "dev": true
     },
     "unidragger": {
@@ -1851,9 +1851,9 @@
       "integrity": "sha1-9GWYrJivrF1duMZUDfwSMEztEUA="
     },
     "vite": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npm.taobao.org/vite/download/vite-2.1.5.tgz",
-      "integrity": "sha1-SFfaRBxi95gsg8vV9CoAMw8gycE=",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-2.2.1.tgz",
+      "integrity": "sha512-KIqK90EoJJpuqE86Y9DSkZjFNGgsyZX/4I1xENIitLRd3hgRtOlIGCJYrNnBD9/eqipz0OroAiIj9/R1JcOdFA==",
       "dev": true,
       "requires": {
         "esbuild": "^0.9.3",
@@ -1948,8 +1948,8 @@
     },
     "vue": {
       "version": "3.0.11",
-      "resolved": "https://registry.npm.taobao.org/vue/download/vue-3.0.11.tgz",
-      "integrity": "sha1-yC+VlMv03MhpJB1MjdPgjZqPS18=",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.11.tgz",
+      "integrity": "sha512-3/eUi4InQz8MPzruHYSTQPxtM3LdZ1/S/BvaU021zBnZi0laRUyH6pfuE4wtUeLvI8wmUNwj5wrZFvbHUXL9dw==",
       "requires": {
         "@vue/compiler-dom": "3.0.11",
         "@vue/runtime-dom": "3.0.11",
@@ -1957,18 +1957,18 @@
       }
     },
     "vue-demi": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npm.taobao.org/vue-demi/download/vue-demi-0.7.4.tgz",
-      "integrity": "sha1-TGvlJXiOH2s/1dT1+fIUjPZkWXk="
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.7.5.tgz",
+      "integrity": "sha512-eFSQSvbQdY7C9ujOzvM6tn7XxwLjn0VQDXQsiYBLBwf28Na+2nTQR4BBBcomhmdP6mmHlBKAwarq6a0BPG87hQ=="
     },
     "vue-i18n": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npm.taobao.org/vue-i18n/download/vue-i18n-9.1.4.tgz?cache=0&sync_timestamp=1618157988014&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-i18n%2Fdownload%2Fvue-i18n-9.1.4.tgz",
-      "integrity": "sha1-Bm4bjO/xOAZPB07lAKYXwNTeKfw=",
+      "version": "9.1.6",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.1.6.tgz",
+      "integrity": "sha512-FEC4HZkTH6QRIu/A0wlo0VS/GH3w/fuCC6xfvoC8IyhhtbG9A+go9NfW+HZ1ZXdAcO4EWcVQi04M+iSwuxgixw==",
       "requires": {
-        "@intlify/core-base": "9.1.4",
-        "@intlify/shared": "9.1.4",
-        "@intlify/vue-devtools": "9.1.4",
+        "@intlify/core-base": "9.1.6",
+        "@intlify/shared": "9.1.6",
+        "@intlify/vue-devtools": "9.1.6",
         "@vue/devtools-api": "^6.0.0-beta.7"
       }
     },
@@ -2004,9 +2004,9 @@
       "integrity": "sha1-rId6p2qcRTaMl5Rx5GG1INOObPU="
     },
     "vxe-table": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npm.taobao.org/vxe-table/download/vxe-table-4.0.10.tgz?cache=0&sync_timestamp=1618296397988&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvxe-table%2Fdownload%2Fvxe-table-4.0.10.tgz",
-      "integrity": "sha1-NBg1jYuJvwvSwdMDP98JoyhTPew="
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/vxe-table/-/vxe-table-4.0.12.tgz",
+      "integrity": "sha512-S//Q2BCTe8dojA+mi6cGX7ONO/2ZrVLPyld0UqclcYf4rMHjYZkGb/CXj475XzBgN4DmXxw8KVsWVMNzGXKnzg=="
     },
     "wangeditor": {
       "version": "4.6.14",
@@ -2071,9 +2071,9 @@
       "dev": true
     },
     "zrender": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npm.taobao.org/zrender/download/zrender-5.0.4.tgz?cache=0&sync_timestamp=1618215769844&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fzrender%2Fdownload%2Fzrender-5.0.4.tgz",
-      "integrity": "sha1-icNVr5CLn2SjAbOPdRt5UfLIqVo=",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.1.0.tgz",
+      "integrity": "sha512-c+8VRx52ycbmqwHeHLlo/BAfIHBl/JZNLM6cfDQFgzIH05yb+f5J9F/fbRsP+zGc8dW9XHuhdt8/iqukgMZSeg==",
       "requires": {
         "tslib": "2.0.3"
       }

package.json

@@ -10,14 +10,14 @@
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@logicflow/core": "^0.3.1",
     "@logicflow/extension": "^0.3.1",
-    "@vueuse/core": "^4.8.1",
+    "@vueuse/core": "^4.8.2",
     "await-to-js": "^2.1.1",
     "axios": "^0.21.1",
     "cropperjs": "^1.5.11",
     "dayjs": "^1.10.4",
     "dotenv": "^8.2.0",
-    "echarts": "^5.0.2",
-    "element-plus": "^1.0.2-beta.37",
+    "echarts": "^5.1.0",
+    "element-plus": "^1.0.2-beta.40",
     "font-awesome": "^4.7.0",
     "mitt": "^2.1.0",
     "mockjs": "^1.1.0",
@@ -27,13 +27,13 @@
     "resize-observer-polyfill": "^1.5.1",
     "v-contextmenu": "^3.0.0-alpha.4",
     "vue": "^3.0.11",
-    "vue-i18n": "^9.1.2",
+    "vue-i18n": "^9.1.6",
     "vue-json-pretty": "^2.0.2",
     "vue-router": "^4.0.6",
     "vue-types": "^3.0.2",
     "vuedraggable": "^4.0.1",
     "vuex": "^4.0.0",
-    "vxe-table": "^4.0.7-beta.4",
+    "vxe-table": "^4.0.12",
     "wangeditor": "^4.0.3",
     "xe-ajax": "^4.0.5",
     "xe-utils": "^3.1.12",
@@ -53,7 +53,7 @@
     "sass": "^1.32.8",
     "sass-loader": "^11.0.1",
     "typescript": "^4.2.4",
-    "vite": "^2.1.5",
+    "vite": "^2.2.1",
     "vite-plugin-mock": "^2.5.0"
   }
 }

src/components/Cropper/src/Cropper.tsx

@@ -1,14 +1,22 @@
-import type { CSSProperties } from 'vue'
+import type { CSSProperties } from "vue";
 
-import { defineComponent, onBeforeMount, nextTick, ref, unref, computed, PropType } from 'vue'
-import { templateRef } from '@vueuse/core'
-import { useAttrs } from '/@/utils/useAttrs'
-import { emitter } from '/@/utils/mitt'
+import {
+  defineComponent,
+  onBeforeMount,
+  nextTick,
+  ref,
+  unref,
+  computed,
+  PropType,
+} from "vue";
+import { templateRef } from "@vueuse/core";
+import { useAttrs } from "/@/utils/useAttrs";
+import { emitter } from "/@/utils/mitt";
 
-import Cropper from 'cropperjs'
-import 'cropperjs/dist/cropper.css'
+import Cropper from "cropperjs";
+import "cropperjs/dist/cropper.css";
 
-type Options = Cropper.Options
+type Options = Cropper.Options;
 
 const defaultOptions: Cropper.Options = {
   aspectRatio: 16 / 9,
@@ -31,7 +39,7 @@ const defaultOptions: Cropper.Options = {
   guides: true,
   movable: true,
   rotatable: true,
-}
+};
 export default defineComponent({
   name: "Cropper",
   props: {
@@ -44,11 +52,11 @@ export default defineComponent({
     },
     width: {
       type: [String, Number],
-      default: '',
+      default: "",
     },
     height: {
       type: [String, Number],
-      default: '360px',
+      default: "360px",
     },
     crossorigin: {
       type: String || Object,
@@ -61,57 +69,63 @@ export default defineComponent({
     options: {
       type: Object as PropType<Options>,
       default: {},
-    }
+    },
   },
   setup(props) {
-    const cropper: any = ref<Nullable<Cropper>>(null)
-    const imgElRef = templateRef<HTMLElement | null>('imgElRef', null)
+    const cropper: any = ref<Nullable<Cropper>>(null);
+    const imgElRef = templateRef<HTMLElement | null>("imgElRef", null);
 
-    const isReady = ref(false)
+    const isReady = ref(false);
 
     const getImageStyle = computed(
       (): CSSProperties => {
         return {
           height: props.height,
           width: props.width,
-          maxWidth: '100%',
+          maxWidth: "100%",
           ...props.imageStyle,
-        }
+        };
       }
-    )
+    );
 
     const getWrapperStyle = computed(
       (): CSSProperties => {
-        const { height, width } = props
-        return { width: `${width}`.replace(/px/, '') + 'px', height: `${height}`.replace(/px/, '') + 'px' }
+        const { height, width } = props;
+        return {
+          width: `${width}`.replace(/px/, "") + "px",
+          height: `${height}`.replace(/px/, "") + "px",
+        };
       }
-    )
+    );
 
     async function init() {
-      const imgEl = unref(imgElRef)
+      const imgEl = unref(imgElRef);
       if (!imgEl) {
-        return
+        return;
       }
       cropper.value = new Cropper(imgEl, {
         ...defaultOptions,
         ready: () => {
-          isReady.value = true
+          isReady.value = true;
         },
         ...props.options,
-      })
+      });
     }
 
     onBeforeMount(() => {
       nextTick(() => {
-        init()
+        init();
         // tsx语法返回渲染模板，外部组件想调用内部方法或者获取setup里面的实例，暂时想到的办法是通过公共事件
-        emitter.emit("cropperInstance", unref(cropper))
-      })
-    })
+        emitter.emit("cropperInstance", unref(cropper));
+      });
+    });
 
     return () => (
       <>
-        <div class={useAttrs({ excludeListeners: true, excludeKeys: ['class'] })} style={unref(getWrapperStyle)}>
+        <div
+          class={useAttrs({ excludeListeners: true, excludeKeys: ["class"] })}
+          style={unref(getWrapperStyle)}
+        >
           <img
             ref="imgElRef"
             src={props.src}
@@ -121,6 +135,6 @@ export default defineComponent({
           />
         </div>
       </>
-    )
+    );
   },
-})
+});

src/components/countTo/index.ts

@@ -1,10 +1,10 @@
-import { App } from "vue"
-import countTo from "./src/CountTo"
+import { App } from "vue";
+import countTo from "./src/CountTo";
 
 export const CountTo = Object.assign(countTo, {
   install(app: App) {
-    app.component(countTo.name, countTo)
-  }
-})
+    app.component(countTo.name, countTo);
+  },
+});
 
-export default CountTo
+export default CountTo;

src/components/countTo/src/countTo.tsx

@@ -5,10 +5,9 @@ import {
   watch,
   onMounted,
   unref,
-  toRef
-} from "vue"
-import { countToProps } from "./props"
-import { isNumber } from "/@/utils/is"
+} from "vue";
+import { countToProps } from "./props";
+import { isNumber } from "/@/utils/is";
 
 export default defineComponent({
   name: "CountTo",
@@ -16,17 +15,17 @@ export default defineComponent({
   emits: ["mounted", "callback"],
   setup(props, { emit }) {
     const state = reactive<{
-      localStartVal: number
-      printVal: number | null
-      displayValue: string
-      paused: boolean
-      localDuration: number | null
-      startTime: number | null
-      timestamp: number | null
-      rAF: any
-      remaining: number | null
-      color: string
-      fontSize: string
+      localStartVal: number;
+      printVal: number | null;
+      displayValue: string;
+      paused: boolean;
+      localDuration: number | null;
+      startTime: number | null;
+      timestamp: number | null;
+      rAF: any;
+      remaining: number | null;
+      color: string;
+      fontSize: string;
     }>({
       localStartVal: props.startVal,
       displayValue: formatNumber(props.startVal),
@@ -38,63 +37,63 @@ export default defineComponent({
       remaining: null,
       rAF: null,
       color: null,
-      fontSize: "16px"
-    })
+      fontSize: "16px",
+    });
 
     const getCountDown = computed(() => {
-      return props.startVal > props.endVal
-    })
+      return props.startVal > props.endVal;
+    });
 
     watch([() => props.startVal, () => props.endVal], () => {
       if (props.autoplay) {
-        start()
+        start();
       }
-    })
+    });
 
     function start() {
-      const { startVal, duration, color, fontSize } = props
-      state.localStartVal = startVal
-      state.startTime = null
-      state.localDuration = duration
-      state.paused = false
-      state.color = color
-      state.fontSize = fontSize
-      state.rAF = requestAnimationFrame(count)
+      const { startVal, duration, color, fontSize } = props;
+      state.localStartVal = startVal;
+      state.startTime = null;
+      state.localDuration = duration;
+      state.paused = false;
+      state.color = color;
+      state.fontSize = fontSize;
+      state.rAF = requestAnimationFrame(count);
     }
 
     function pauseResume() {
       if (state.paused) {
-        resume()
-        state.paused = false
+        resume();
+        state.paused = false;
       } else {
-        pause()
-        state.paused = true
+        pause();
+        state.paused = true;
       }
     }
 
     function pause() {
-      cancelAnimationFrame(state.rAF)
+      cancelAnimationFrame(state.rAF);
     }
 
     function resume() {
-      state.startTime = null
-      state.localDuration = +(state.remaining as number)
-      state.localStartVal = +(state.printVal as number)
-      requestAnimationFrame(count)
+      state.startTime = null;
+      state.localDuration = +(state.remaining as number);
+      state.localStartVal = +(state.printVal as number);
+      requestAnimationFrame(count);
     }
 
     function reset() {
-      state.startTime = null
-      cancelAnimationFrame(state.rAF)
-      state.displayValue = formatNumber(props.startVal)
+      state.startTime = null;
+      cancelAnimationFrame(state.rAF);
+      state.displayValue = formatNumber(props.startVal);
     }
 
     function count(timestamp: number) {
-      const { useEasing, easingFn, endVal } = props
-      if (!state.startTime) state.startTime = timestamp
-      state.timestamp = timestamp
-      const progress = timestamp - state.startTime
-      state.remaining = (state.localDuration as number) - progress
+      const { useEasing, easingFn, endVal } = props;
+      if (!state.startTime) state.startTime = timestamp;
+      state.timestamp = timestamp;
+      const progress = timestamp - state.startTime;
+      state.remaining = (state.localDuration as number) - progress;
       if (useEasing) {
         if (unref(getCountDown)) {
           state.printVal =
@@ -104,70 +103,75 @@ export default defineComponent({
               0,
               state.localStartVal - endVal,
               state.localDuration as number
-            )
+            );
         } else {
           state.printVal = easingFn(
             progress,
             state.localStartVal,
             endVal - state.localStartVal,
             state.localDuration as number
-          )
+          );
         }
       } else {
         if (unref(getCountDown)) {
           state.printVal =
             state.localStartVal -
             (state.localStartVal - endVal) *
-            (progress / (state.localDuration as number))
+              (progress / (state.localDuration as number));
         } else {
           state.printVal =
             state.localStartVal +
             (endVal - state.localStartVal) *
-            (progress / (state.localDuration as number))
+              (progress / (state.localDuration as number));
         }
       }
       if (unref(getCountDown)) {
-        state.printVal = state.printVal < endVal ? endVal : state.printVal
+        state.printVal = state.printVal < endVal ? endVal : state.printVal;
       } else {
-        state.printVal = state.printVal > endVal ? endVal : state.printVal
+        state.printVal = state.printVal > endVal ? endVal : state.printVal;
       }
-      state.displayValue = formatNumber(state.printVal)
+      state.displayValue = formatNumber(state.printVal);
       if (progress < (state.localDuration as number)) {
-        state.rAF = requestAnimationFrame(count)
+        state.rAF = requestAnimationFrame(count);
       } else {
-        emit("callback")
+        emit("callback");
       }
     }
 
     function formatNumber(num: number | string) {
-      const { decimals, decimal, separator, suffix, prefix } = props
-      num = Number(num).toFixed(decimals)
-      num += ""
-      const x = num.split(".")
-      let x1 = x[0]
-      const x2 = x.length > 1 ? decimal + x[1] : ""
-      const rgx = /(\d+)(\d{3})/
+      const { decimals, decimal, separator, suffix, prefix } = props;
+      num = Number(num).toFixed(decimals);
+      num += "";
+      const x = num.split(".");
+      let x1 = x[0];
+      const x2 = x.length > 1 ? decimal + x[1] : "";
+      const rgx = /(\d+)(\d{3})/;
       if (separator && !isNumber(separator)) {
         while (rgx.test(x1)) {
-          x1 = x1.replace(rgx, "$1" + separator + "$2")
+          x1 = x1.replace(rgx, "$1" + separator + "$2");
         }
       }
-      return prefix + x1 + x2 + suffix
+      return prefix + x1 + x2 + suffix;
     }
 
     onMounted(() => {
       if (props.autoplay) {
-        start()
+        start();
       }
-      emit("mounted")
-    })
+      emit("mounted");
+    });
 
     return () => (
       <>
-        <span style={{
-          color: props.color, fontSize: props.fontSize
-        }}>{state.displayValue}</span>
+        <span
+          style={{
+            color: props.color,
+            fontSize: props.fontSize,
+          }}
+        >
+          {state.displayValue}
+        </span>
       </>
-    )
-  }
-})
+    );
+  },
+});

src/components/countTo/src/props.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue'
-import { propTypes } from '/@/utils/propTypes'
+import { PropType } from "vue";
+import { propTypes } from "/@/utils/propTypes";
 export const countToProps = {
   startVal: propTypes.number.def(0),
   endVal: propTypes.number.def(2020),
@@ -10,20 +10,22 @@ export const countToProps = {
     required: false,
     default: 0,
     validator(value: number) {
-      return value >= 0
+      return value >= 0;
     },
   },
   color: propTypes.string.def(),
   fontSize: propTypes.string.def(),
-  decimal: propTypes.string.def('.'),
-  separator: propTypes.string.def(','),
-  prefix: propTypes.string.def(''),
-  suffix: propTypes.string.def(''),
+  decimal: propTypes.string.def("."),
+  separator: propTypes.string.def(","),
+  prefix: propTypes.string.def(""),
+  suffix: propTypes.string.def(""),
   useEasing: propTypes.bool.def(true),
   easingFn: {
-    type: Function as PropType<(t: number, b: number, c: number, d: number) => number>,
+    type: Function as PropType<
+      (t: number, b: number, c: number, d: number) => number
+    >,
     default(t: number, b: number, c: number, d: number) {
-      return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b
+      return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
     },
   },
-}
+};

src/layout/components/tag/index.vue

@@ -10,7 +10,32 @@
         <span v-if="index !== 0 " class="el-icon-close" @click="deleteMenu(item)"></span>
       </div>
     </el-scrollbar>
-    <slot></slot>
+    <!-- 右侧功能按钮 -->
+    <ul class="right-func">
+      <li>
+        <i :title="$t('refreshRoute')" class="el-icon-refresh-right rotate" @click="onFresh"></i>
+      </li>
+      <li>
+        <el-dropdown trigger="click" placement="bottom-end">
+          <i class="el-icon-arrow-down"></i>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item
+                v-for="(item,key) in tagsViews"
+                :key="key"
+                :icon="item.icon"
+                :divided="item.divided"
+                :disabled="item.disabled"
+                @click="onClickDrop(key, item)"
+              >{{item.text}}</el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </li>
+      <li>
+        <slot></slot>
+      </li>
+    </ul>
   </div>
 </template>
 
@@ -20,21 +45,52 @@ import { useRoute, useRouter } from "vue-router"
 import { ref, watchEffect, onBeforeMount, unref } from "vue"
 import { storageLocal } from "/@/utils/storage"
 import { emitter } from "/@/utils/mitt"
+import { toggleClass, removeClass } from "/@/utils/operate"
+import { nextTick } from 'vue'
+let refreshDiv = "refresh-div"
 
 export default {
   setup() {
+    const { deleteDynamicTag, dynamicRouteTags, dRoutes, routesLength } = useDynamicRoutesHook()
     const route = useRoute()
     const router = useRouter()
     const showTags = ref(storageLocal.getItem("tagsVal") || false)
 
-    const { deleteDynamicTag, dRoutes } = ref(useDynamicRoutesHook()).value
+    const tagsViews = ref([
+      {
+        icon: "el-icon-refresh-right",
+        text: "重新加载",
+        divided: false,
+        disabled: false
+      },
+      {
+        icon: "el-icon-close",
+        text: "关闭当前标签页",
+        divided: false,
+        disabled: unref(routesLength) > 1 ? false : true
+      },
+      {
+        icon: "el-icon-more",
+        text: "关闭其他标签页",
+        divided: true,
+        disabled: false
+      },
+      {
+        icon: "el-icon-minus",
+        text: "关闭全部标签页",
+        divided: false,
+        disabled: false
+      },
+    ])
 
     function deleteMenu(item) {
+      let tagslen = storageLocal.getItem("routesInStorage").length - 1
+      if (tagslen === 1) {
+        tagsViews.value[1].disabled = true
+      }
       deleteDynamicTag(item, route.path)
     }
 
-    const { dynamicRouteTags } = useDynamicRoutesHook()
-
     // 初始化页面刷新保证当前路由tabview存在
     let stop = watchEffect(() => {
       let parentPath = route.path.slice(0, route.path.lastIndexOf("/"))
@@ -46,6 +102,49 @@ export default {
       stop()
     })
 
+    function onFresh() {
+      toggleClass(true, refreshDiv, document.querySelector(".rotate"))
+      const { path, fullPath } = unref(route)
+      router.replace({
+        path: "/redirect" + fullPath
+      })
+      setTimeout(() => {
+        removeClass(document.querySelector(".rotate"), refreshDiv)
+      }, 600)
+    }
+
+    function onClickDrop(key, item) {
+      if (item.disabled) return
+      switch (key) {
+        case 0:
+          // 重新加载
+          onFresh()
+          break
+        case 1:
+          // 关闭当前标签页
+          deleteMenu({ meta: route.meta, path: route.path })
+          break
+        case 2:
+          // 关闭其他标签页
+          break
+        case 3:
+          // 关闭全部标签页
+          dRoutes.value = [{
+            path: "/welcome",
+            meta: {
+              title: "home",
+              icon: "el-icon-s-home",
+              showLink: true,
+              savedPosition: false,
+            },
+          }]
+          storageLocal.setItem("routesInStorage", dRoutes.value)
+          router.push("/welcome")
+          tagsViews.value[1].disabled = true
+          break
+      }
+    }
+
     onBeforeMount(() => {
       emitter.on("tagViewsChange", (key) => {
         if (unref(showTags) === key) return
@@ -56,7 +155,10 @@ export default {
     return {
       dynamicTagList: dRoutes,
       deleteMenu,
-      showTags
+      showTags,
+      onFresh,
+      tagsViews,
+      onClickDrop
     }
   },
 };
@@ -118,4 +220,78 @@ export default {
 :deep(.el-scrollbar__wrap) {
   height: 100vh;
 }
+
+.right-func {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  border: 0.5px solid rgba($color: #ccc, $alpha: 0.3);
+  font-size: 16px;
+  li {
+    width: 40px;
+    height: 34px;
+    line-height: 34px;
+    text-align: center;
+    border-right: 1px solid #ccc;
+    cursor: pointer;
+  }
+}
+
+.refresh-div {
+  -webkit-transition-property: -webkit-transform;
+  -webkit-transition-duration: 600ms;
+  -moz-transition-property: -moz-transform;
+  -moz-transition-duration: 600ms;
+  -webkit-animation: rotate 600ms linear infinite;
+  -moz-animation: rotate 600ms linear infinite;
+  -o-animation: rotate 600ms linear infinite;
+  animation: rotate 600ms linear infinite;
+}
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@-moz-keyframes rotate {
+  from {
+    -moz-transform: rotate(0deg);
+  }
+  to {
+    -moz-transform: rotate(360deg);
+  }
+}
+@-o-keyframes rotate {
+  from {
+    -o-transform: rotate(0deg);
+  }
+  to {
+    -o-transform: rotate(360deg);
+  }
+}
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.el-dropdown-menu {
+  padding: 0;
+}
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  color: #606266;
+  background: #f0f0f0;
+}
+.el-dropdown-menu__item,
+.el-menu-item {
+  padding: 0 14px;
+  overflow: hidden;
+}
+:deep(.el-dropdown-menu__item) i {
+  margin-right: 10px;
+}
 </style>

src/layout/components/tag/tagsHook.ts

@@ -1,4 +1,4 @@
-import { reactive, toRefs, nextTick } from "vue";
+import { reactive, toRefs, nextTick, computed } from "vue";
 import { storageLocal } from "/@/utils/storage";
 import { useRouter } from "vue-router";
 
@@ -39,7 +39,6 @@ export function useDynamicRoutesHook() {
           let pathConcat = parentPath + "/" + arrItem.path;
           if (arrItem.path === value || pathConcat === value) {
             dynamic.dRoutes.push({ path: value, meta: arrItem.meta });
-            // console.log(dynamic.dRoutes)
           } else {
             if (arrItem.children && arrItem.children.length > 0) {
               concatPath(arrItem.children, value, parentPath);
@@ -49,14 +48,12 @@ export function useDynamicRoutesHook() {
       }
     }
     concatPath(router.options.routes, value, parentPath);
-
     // if (storageLocal.getItem("routesInStorage") && storageLocal.getItem("routesInStorage").length > 2) {
     //   let lens = storageLocal.getItem("routesInStorage").length
     //   let itemss = storageLocal.getItem("routesInStorage")[lens - 1]
     //   dynamic.dRoutes.push({ path: itemss.path, meta: itemss.meta })
     // }
-
-    // storageLocal.setItem("routesInStorage", dynamic.dRoutes)
+    storageLocal.setItem("routesInStorage", dynamic.dRoutes);
   };
   /**
    * @param value any 当前删除tag路由
@@ -68,7 +65,7 @@ export function useDynamicRoutesHook() {
     });
     // 从当前匹配到的路径中删除
     await dynamic.dRoutes.splice(valueIndex, 1);
-    // storageLocal.setItem("routesInStorage", dynamic.dRoutes)
+    storageLocal.setItem("routesInStorage", dynamic.dRoutes);
     if (current === obj.path) {
       // 如果删除当前激活tag就自动切换到最后一个tag
       let newRoute: any = dynamic.dRoutes.slice(-1);
@@ -79,10 +76,14 @@ export function useDynamicRoutesHook() {
       });
     }
   };
+  const routesLength = computed(() => {
+    return storageLocal.getItem("routesInStorage").length;
+  });
 
   return {
     ...toRefs(dynamic),
     dynamicRouteTags,
     deleteDynamicTag,
+    routesLength,
   };
 }

src/layout/index.vue

@@ -13,21 +13,10 @@
         <navbar v-if="!containerHiddenSideBar" />
         <!-- tabs标签页 -->
         <tag>
-          <!-- 右侧功能按钮 -->
-          <ul class="right-func">
-            <li>
-              <i :title="$t('refreshRoute')" class="el-icon-refresh-right rotate" @click="onFresh"></i>
-            </li>
-            <li>
-              <i class="el-icon-arrow-down"></i>
-            </li>
-            <li>
-              <i
-                :class="containerHiddenSideBar? 'iconfont team-iconhidden-main-container': 'iconfont team-iconshow-main-container'"
-                @click="onFullScreen"
-              ></i>
-            </li>
-          </ul>
+          <i
+            :class="containerHiddenSideBar? 'iconfont team-iconhidden-main-container': 'iconfont team-iconshow-main-container'"
+            @click="onFullScreen"
+          ></i>
         </tag>
       </div>
       <!-- 主体内容 -->
@@ -57,7 +46,6 @@ import { useStore } from "vuex";
 import { useEventListener, useFullscreen } from "@vueuse/core";
 import { toggleClass, removeClass } from "/@/utils/operate";
 let hiddenMainContainer = "hidden-main-container";
-let refreshDiv = "refresh-div";
 import options from "/@/settings";
 import { useRouter, useRoute } from "vue-router";
 
@@ -154,17 +142,6 @@ export default {
       }
     }
 
-    function onFresh() {
-      toggleClass(true, refreshDiv, document.querySelector(".rotate"));
-      const { path, fullPath } = unref(route);
-      router.replace({
-        path: "/redirect" + fullPath
-      });
-      setTimeout(() => {
-        removeClass(document.querySelector(".rotate"), refreshDiv);
-      }, 600);
-    }
-
     onMounted(() => {
       const isMobile = $_isMobile();
       if (isMobile) {
@@ -186,8 +163,7 @@ export default {
       ...toRefs(set),
       handleClickOutside,
       containerHiddenSideBar,
-      onFullScreen,
-      onFresh
+      onFullScreen
     };
   }
 };
@@ -240,64 +216,7 @@ $sideBarWidth: 210px;
   width: 100%;
 }
 
-.right-func {
-  display: flex;
-  align-items: center;
-  background: #fff;
-  border: 0.5px solid rgba($color: #ccc, $alpha: 0.3);
-  font-size: 16px;
-  li {
-    width: 40px;
-    height: 34px;
-    line-height: 34px;
-    text-align: center;
-    border-right: 1px solid #ccc;
-    cursor: pointer;
-  }
-}
 .hidden-main-container {
   margin-left: 0 !important;
 }
-.refresh-div {
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-duration: 600ms;
-  -moz-transition-property: -moz-transform;
-  -moz-transition-duration: 600ms;
-  -webkit-animation: rotate 600ms linear infinite;
-  -moz-animation: rotate 600ms linear infinite;
-  -o-animation: rotate 600ms linear infinite;
-  animation: rotate 600ms linear infinite;
-}
-@-webkit-keyframes rotate {
-  from {
-    -webkit-transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-  }
-}
-@-moz-keyframes rotate {
-  from {
-    -moz-transform: rotate(0deg);
-  }
-  to {
-    -moz-transform: rotate(360deg);
-  }
-}
-@-o-keyframes rotate {
-  from {
-    -o-transform: rotate(0deg);
-  }
-  to {
-    -o-transform: rotate(360deg);
-  }
-}
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
 </style>

tsconfig.json

@@ -15,26 +15,14 @@
     "baseUrl": ".",
     "allowJs": true,
     "resolveJsonModule": true, // 包含导入的模块。json的扩展
-    "lib": [
-      "dom",
-      "esnext"
-    ],
+    "lib": ["dom", "esnext"],
     "incremental": true,
     "paths": {
-      "/@/*": [
-        "src/*"
-      ],
-      "/#/*": [
-        "types/*"
-      ]
+      "/@/*": ["src/*"],
+      "/#/*": ["types/*"]
     },
-    "types": [
-      "node"
-    ],
-    "typeRoots": [
-      "./node_modules/@types/",
-      "./types"
-    ],
+    "types": ["node"],
+    "typeRoots": ["./node_modules/@types/", "./types"]
   },
   "include": [
     "src/**/*.ts",
@@ -44,11 +32,9 @@
     "src/utils/path.js",
     "types/**/*.d.ts",
     "types/**/*.ts",
-    "types/shims-tsx.d.ts"
+    "types/global.d.ts",
+    "types/shims-tsx.d.ts",
+    "types/shims-vue.d.ts"
   ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "**/*.js"
-  ],
-}
+  "exclude": ["node_modules", "dist", "**/*.js"]
+}

types/global.d.ts

@@ -4,102 +4,96 @@ import type {
   ComponentPublicInstance,
   FunctionalComponent,
   PropType as VuePropType,
-} from 'vue'
+} from "vue";
 
 declare global {
   const __APP_INFO__: {
     pkg: {
-      name: string
-      version: string
-      dependencies: Recordable<string>
-      devDependencies: Recordable<string>
-    }
-    lastBuildTime: string
-  }
+      name: string;
+      version: string;
+      dependencies: Recordable<string>;
+      devDependencies: Recordable<string>;
+    };
+    lastBuildTime: string;
+  };
   declare interface Window {
     // Global vue app instance
-    __APP__: App<Element>,
-    mozCancelAnimationFrame: (id?: any) => any,
-    oCancelAnimationFrame: (id?: any) => any,
-    msCancelAnimationFrame: (id?: any) => any,
-    mozRequestAnimationFrame: (id?: any) => any,
-    oRequestAnimationFrame: (id?: any) => any,
-    msRequestAnimationFrame: (id?: any) => any
+    __APP__: App<Element>;
+    mozCancelAnimationFrame: (id?: any) => any;
+    oCancelAnimationFrame: (id?: any) => any;
+    msCancelAnimationFrame: (id?: any) => any;
+    mozRequestAnimationFrame: (id?: any) => any;
+    oRequestAnimationFrame: (id?: any) => any;
+    msRequestAnimationFrame: (id?: any) => any;
   }
 
   // vue
-  declare type PropType<T> = VuePropType<T>
+  declare type PropType<T> = VuePropType<T>;
 
   export type Writable<T> = {
-    -readonly [P in keyof T]: T[P]
-  }
+    -readonly [P in keyof T]: T[P];
+  };
 
-  declare type Nullable<T> = T | null
-  declare type NonNullable<T> = T extends null | undefined ? never : T
-  declare type Recordable<T = any> = Record<string, T>
+  declare type Nullable<T> = T | null;
+  declare type NonNullable<T> = T extends null | undefined ? never : T;
+  declare type Recordable<T = any> = Record<string, T>;
   declare type ReadonlyRecordable<T = any> = {
-    readonly [key: string]: T
-  }
+    readonly [key: string]: T;
+  };
   declare type Indexable<T = any> = {
-    [key: string]: T
-  }
+    [key: string]: T;
+  };
   declare type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>
-  }
-  declare type TimeoutHandle = ReturnType<typeof setTimeout>
-  declare type IntervalHandle = ReturnType<typeof setInterval>
+    [P in keyof T]?: DeepPartial<T[P]>;
+  };
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>;
+  declare type IntervalHandle = ReturnType<typeof setInterval>;
 
   declare interface ChangeEvent extends Event {
-    target: HTMLInputElement
+    target: HTMLInputElement;
   }
 
   declare interface WheelEvent {
-    path?: EventTarget[]
+    path?: EventTarget[];
   }
   interface ImportMetaEnv extends ViteEnv {
-    __: unknown
+    __: unknown;
   }
 
   declare interface ViteEnv {
-    VITE_PORT: number
-    VITE_USE_MOCK: boolean
-    VITE_USE_PWA: boolean
-    VITE_PUBLIC_PATH: string
-    VITE_PROXY: [string, string][]
-    VITE_GLOB_APP_TITLE: string
-    VITE_GLOB_APP_SHORT_NAME: string
-    VITE_USE_CDN: boolean
-    VITE_DROP_CONSOLE: boolean
-    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
-    VITE_LEGACY: boolean
-    VITE_USE_IMAGEMIN: boolean
-    VITE_GENERATE_UI: string
+    VITE_PORT: number;
+    VITE_USE_MOCK: boolean;
+    VITE_USE_PWA: boolean;
+    VITE_PUBLIC_PATH: string;
+    VITE_PROXY: [string, string][];
+    VITE_GLOB_APP_TITLE: string;
+    VITE_GLOB_APP_SHORT_NAME: string;
+    VITE_USE_CDN: boolean;
+    VITE_DROP_CONSOLE: boolean;
+    VITE_BUILD_COMPRESS: "gzip" | "brotli" | "none";
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
+    VITE_LEGACY: boolean;
+    VITE_USE_IMAGEMIN: boolean;
+    VITE_GENERATE_UI: string;
   }
 
-  declare function parseInt(s: string | number, radix?: number): number
+  declare function parseInt(s: string | number, radix?: number): number;
 
-  declare function parseFloat(string: string | number): number
+  declare function parseFloat(string: string | number): number;
 
   namespace JSX {
     // tslint:disable no-empty-interface
-    type Element = VNode
+    type Element = VNode;
     // tslint:disable no-empty-interface
-    type ElementClass = ComponentRenderProxy
+    type ElementClass = ComponentRenderProxy;
     interface ElementAttributesProperty {
-      $props: any
+      $props: any;
     }
     interface IntrinsicElements {
-      [elem: string]: any
+      [elem: string]: any;
     }
     interface IntrinsicAttributes {
-      [elem: string]: any
+      [elem: string]: any;
     }
   }
 }
-
-declare module 'vue' {
-  export type JSXComponent<Props = any> =
-    | { new(): ComponentPublicInstance<Props> }
-    | FunctionalComponent<Props>
-}