chore: update logicflow package

package-lock.json

@@ -390,16 +390,16 @@
       }
     },
     "@logicflow/core": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@logicflow/core/-/core-0.3.0.tgz",
-      "integrity": "sha512-FPRTuj0y6Yny+YDZ+faTzA8pZyouEWX1Vr6rH91wJR0J3NOHgb7pV/TJoHSosavFuyyw87nLw9UsyUUgHKVV+A=="
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@logicflow/core/-/core-0.3.1.tgz",
+      "integrity": "sha512-PZwwaRGURwOWFf4JVDc6GGfDRZtawvVGY6/3Z4cjulNiEFzxtQnz4RH0Zqzd6qFRxpEctqKnZ+eckLPWX4YFug=="
     },
     "@logicflow/extension": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@logicflow/extension/-/extension-0.3.0.tgz",
-      "integrity": "sha512-vMmYT8H53oFhOpNftCYQMbNYbTiXqQUxOOKlPcrKkZb0FsXSiEZ/MUKBF3mAarvFlzdMaB5xJjakMfy07/bdvw==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@logicflow/extension/-/extension-0.3.1.tgz",
+      "integrity": "sha512-WSPVqwmTvI52e2Go6EQeUEoHs+l6o2h4u47iVuwC39A/cIFcc2skefQ9fTzGJHeWIXjPf7Nl/W5ylrmeVsIJ4Q==",
       "requires": {
-        "@logicflow/core": "^0.3.0",
+        "@logicflow/core": "^0.3.1",
         "ids": "^1.0.0"
       }
     },

package.json

@@ -8,8 +8,8 @@
   },
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
-    "@logicflow/core": "^0.3.0",
-    "@logicflow/extension": "^0.3.0",
+    "@logicflow/core": "^0.3.1",
+    "@logicflow/extension": "^0.3.1",
     "@vueuse/core": "^4.8.1",
     "await-to-js": "^2.1.1",
     "axios": "^0.21.1",

src/layout/index.vue

@@ -16,7 +16,7 @@
           <!-- 右侧功能按钮 -->
           <ul class="right-func">
             <li>
-              <i class="el-icon-refresh-right" @click="onFresh"></i>
+              <i :title="$t('refreshRoute')" class="el-icon-refresh-right rotate" @click="onFresh"></i>
             </li>
             <li>
               <i class="el-icon-arrow-down"></i>
@@ -55,8 +55,9 @@ import {
 } from "vue";
 import { useStore } from "vuex";
 import { useEventListener, useFullscreen } from "@vueuse/core";
-import { toggleClass } from "/@/utils/operate";
+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,10 +155,14 @@ 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(() => {
@@ -253,4 +258,46 @@ $sideBarWidth: 210px;
 .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>

src/locales/ch.json

@@ -19,5 +19,6 @@
   "countTo": "数字动画",
   "selector": "选择器组件",
   "flowChart": "流程图",
-  "seamless": "无缝滚动"
+  "seamless": "无缝滚动",
+  "refreshRoute": "刷新路由"
 }

src/locales/en.json

@@ -19,5 +19,6 @@
   "countTo": "Digital Animation",
   "selector": "Selector Components",
   "flowChart": "flow Chart",
-  "seamless": "Seamless Scroll"
+  "seamless": "Seamless Scroll",
+  "refreshRoute": "refreshRoute"
 }