feat: 我的页面 刷新按钮 重置 PWA 缓存 / 修改 cmView ▲ ▼

Author: Keywos

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.7",
+  "version": "2.15.8",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/components/NavBar.vue

@@ -101,7 +101,11 @@ import { storeToRefs } from "pinia";
 import { Toast } from "@nutui/nutui";
 import { initStores } from "@/utils/initApp";
 import { useMethodStore } from '@/store/methodStore';
+import { useAppNotifyStore } from "@/store/appNotify";
+import i18n from "@/locales";
 
+const { t:i18n_global } = i18n.global;
+const { showNotify } = useAppNotifyStore();
 const { t, locale } = useI18n();
 const router = useRouter();
 const route = useRoute();
@@ -218,11 +222,26 @@ const setSimpleMode = (isSimpleMode: boolean) => {
   changeAppearanceSetting({ appearanceSetting: data })
 };
 
-const refresh = () => {
+const refresh = async () => {
   if (["/subs", "/sync", "/files"].includes(route.path)) {
     initStores(true, true, true);
   } else {
-    window.location.reload();
+    if ("serviceWorker" in navigator) {
+      const registrations = await navigator.serviceWorker.getRegistrations();
+      for (let registration of registrations) {
+        await registration.unregister();
+      }
+    }
+    if ("caches" in window) {
+      const cacheNames = await caches.keys();
+      for (let cacheName of cacheNames) {
+        await caches.delete(cacheName);
+      }
+    }
+    showNotify({ title: i18n_global("globalNotify.refresh.rePwa"), type: "primary" });
+    setTimeout(() => {
+      window.location.reload();
+    }, 1000);
   }
 };
 watchEffect(() => {

src/locales/en.ts

@@ -19,6 +19,7 @@ export default {
       flowFailed: "Refresh of {name} failed!",
       failed: "Refresh Failed\n",
       loading: "Refreshing Data...",
+      rePwa: 'PWA cache reset successfully. The page will refresh soon...',
     },
   },
   // Title Bar

src/locales/zh.ts

@@ -19,6 +19,7 @@ export default {
       flowFailed: '刷新 {name} 失败！',
       failed: '数据刷新失败\n',
       loading: '刷新数据中...',
+      rePwa: '重置 PWA 缓存成功，即将刷新页面...',
     },
     share: {
       title: '分享',

src/views/editCode/cmView.vue

@@ -371,6 +371,12 @@ const pasteNav = async () => {
   border-radius: 16px;
 }
 
+.ͼ1 .cm-button {
+  margin: .6em 0.2em .6em .6em !important;
+  padding: .2em 1em;
+  white-space: pre;
+}
+
 .cm-img-button {
   display: flex;
   padding-top: 9px;

src/views/editCode/search/dists/index.js

@@ -1092,14 +1092,14 @@ class SearchPanel {
         this.dom = elt("div", { onkeydown: (e) => this.keydown(e), class: "cm-search" }, [
             this.searchField,
             // ⇧⇩
-            button("prev", () => findPrevious(view), [phrase(view, "⇧")]),
+            button("prev", () => findPrevious(view), [phrase(view, "  ▲  ")]),
             elt("label", null, [this.caseField, phrase(view, "Aa")]),
             elt("label", null, [this.wordField, phrase(view, "ab")]),
             elt("label", null, [this.reField, phrase(view, " .*")]),
             ...view.state.readOnly ? [] : [
                 elt("br"),
                 this.replaceField,
-                button("next", () => findNext(view), [phrase(view, "⇩")]),
+                button("next", () => findNext(view), [phrase(view, "  ▼  ")]),
                 button("replace", () => replaceNext(view), [phrase(view, "Replace")]),
                 button("replaceAll", () => replaceAll(view), [phrase(view, "Rep All")])
             ],