🐛 优化系统弹出更新逻辑延长至60s并添加停止逻辑 #137

Author: CodFrm

src/app/service/script/manager.ts

@@ -6,7 +6,11 @@ import IoC from "@App/app/ioc";
 import LoggerCore from "@App/app/logger/core";
 import Logger from "@App/app/logger/logger";
 import { SystemConfig } from "@App/pkg/config/config";
-import { checkSilenceUpdate, ltever } from "@App/pkg/utils/utils";
+import {
+  checkSilenceUpdate,
+  ltever,
+  openInCurrentTab,
+} from "@App/pkg/utils/utils";
 import Manager from "../manager";
 import { Script, SCRIPT_STATUS_DISABLE, ScriptDAO } from "../../repo/scripts";
 import ScriptEventListener from "./event";
@@ -118,9 +122,7 @@ export class ScriptManager extends Manager {
         // 清理缓存
         Cache.getInstance().del(CacheKey.scriptInfo(info.uuid));
       }, 60 * 1000);
-      chrome.tabs.create({
-        url: `/src/install.html?uuid=${info.uuid}`,
-      });
+      openInCurrentTab(`/src/install.html?uuid=${info.uuid}`);
     });
   }
 

src/pages/install/description.tsx

@@ -101,8 +101,10 @@ export default function Description() {
         if (t > 0) {
           return t - 1;
         }
-        closeWindow();
-        return 0;
+        if (t === 0) {
+          closeWindow();
+        }
+        return t;
       });
     }, 1000);
   }, [countdown]);
@@ -308,9 +310,15 @@ export default function Description() {
                   type="primary"
                   status="danger"
                   size="small"
-                  onClick={closeWindow}
+                  onClick={() => {
+                    if (countdown === -1) {
+                      closeWindow();
+                    } else {
+                      setCountdown(-1);
+                    }
+                  }}
                 >
-                  关闭{countdown !== -1 && <>({countdown})</>}
+                  {countdown === -1 ? "关闭" : `停止(${countdown})`}
                 </Button>
               </Space>
             </div>

src/pages/options/routes/ScriptList.tsx

@@ -217,11 +217,11 @@ function ScriptList() {
         }
       },
       className: "max-w-[240px]",
-      render: (col) => {
+      render: (col, item: ListType) => {
         return (
           <Tooltip content={col} position="tl">
             <Link
-              to={`/script/editor/${col.id}`}
+              to={`/script/editor/${item.id}`}
               style={{
                 textDecoration: "none",
               }}

src/pkg/utils/utils.ts

@@ -272,3 +272,24 @@ export function calculateMd5(blob: Blob) {
     };
   });
 }
+
+// 在当前页后打开一个新页面
+export function openInCurrentTab(url: string) {
+  chrome.tabs.query(
+    {
+      active: true,
+    },
+    (tabs) => {
+      if (tabs.length) {
+        chrome.tabs.create({
+          url,
+          index: tabs[0].index + 1,
+        });
+      } else {
+        chrome.tabs.create({
+          url,
+        });
+      }
+    }
+  );
+}