diff --git a/package.json b/package.json
index fca10f68e..ac69babf7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scriptcat",
-  "version": "1.2.0-beta.5",
+  "version": "1.2.0",
   "description": "脚本猫,一个可以执行用户脚本的浏览器扩展,万物皆可脚本化,让你的浏览器可以做更多的事情!",
   "author": "CodFrm",
   "license": "GPLv3",
diff --git a/src/manifest.json b/src/manifest.json
index 7aea65769..f8cd3f5c0 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "__MSG_scriptcat__",
-  "version": "1.2.0.1600",
+  "version": "1.2.0",
   "author": "CodFrm",
   "description": "__MSG_scriptcat_description__",
   "options_ui": {
diff --git a/src/pages/components/ScriptResource/index.tsx b/src/pages/components/ScriptResource/index.tsx
index 5a2a6505f..8e8901115 100644
--- a/src/pages/components/ScriptResource/index.tsx
+++ b/src/pages/components/ScriptResource/index.tsx
@@ -4,16 +4,17 @@ import { ResourceClient } from "@App/app/service/service_worker/client";
 import { message } from "@App/pages/store/global";
 import { base64ToBlob } from "@App/pkg/utils/utils";
 import { Button, Drawer, Input, Message, Popconfirm, Space, Table } from "@arco-design/web-react";
-import type { RefInputType } from "@arco-design/web-react/es/Input/interface";
 import type { ColumnProps } from "@arco-design/web-react/es/Table";
 import { IconDelete, IconDownload, IconSearch } from "@arco-design/web-react/icon";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 type ResourceListItem = {
   key: string;
 } & Resource;
 
+const resourceClient = new ResourceClient(message);
+
 const ScriptResource: React.FC<{
   script?: Script;
   visible: boolean;
@@ -21,9 +22,7 @@ const ScriptResource: React.FC<{
   onCancel: () => void;
 }> = ({ script, visible, onCancel, onOk }) => {
   const [data, setData] = useState<ResourceListItem[]>([]);
-  const inputRef = useRef<RefInputType>(null);
   const { t } = useTranslation();
-  const resourceClient = new ResourceClient(message);
 
   useEffect(() => {
     if (!script) {
@@ -53,8 +52,8 @@ const ScriptResource: React.FC<{
         return (
           <div className="arco-table-custom-filter">
             <Input.Search
-              ref={inputRef}
               searchButton
+              autoFocus
               placeholder={t("enter_key")!}
               value={filterKeys[0] || ""}
               onChange={(value) => {
@@ -68,11 +67,6 @@ const ScriptResource: React.FC<{
         );
       },
       onFilter: (value, row) => !value || row.key.includes(value),
-      onFilterDropdownVisibleChange: (v) => {
-        if (v) {
-          setTimeout(() => inputRef.current!.focus(), 1);
-        }
-      },
     },
     {
       title: t("type"),
diff --git a/src/pages/components/ScriptStorage/index.tsx b/src/pages/components/ScriptStorage/index.tsx
index 2f25446b9..1bce8a33e 100644
--- a/src/pages/components/ScriptStorage/index.tsx
+++ b/src/pages/components/ScriptStorage/index.tsx
@@ -2,10 +2,9 @@ import type { Script } from "@App/app/repo/scripts";
 import { valueClient } from "@App/pages/store/features/script";
 import { valueType } from "@App/pkg/utils/utils";
 import { Button, Drawer, Form, Input, Message, Modal, Popconfirm, Select, Space, Table } from "@arco-design/web-react";
-import type { RefInputType } from "@arco-design/web-react/es/Input/interface";
 import type { ColumnProps } from "@arco-design/web-react/es/Table";
 import { IconDelete, IconEdit, IconSearch } from "@arco-design/web-react/icon";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 const FormItem = Form.Item;
@@ -23,7 +22,6 @@ const ScriptStorage: React.FC<{
 }> = ({ script, visible, onCancel, onOk }) => {
   const [data, setData] = useState<ValueModel[]>([]);
   const [rawData, setRawData] = useState<{ [key: string]: any }>({});
-  const inputRef = useRef<RefInputType>(null);
   const [currentValue, setCurrentValue] = useState<ValueModel>();
   const [visibleEdit, setVisibleEdit] = useState(false);
   const [isEdit, setIsEdit] = useState(false);
@@ -93,8 +91,8 @@ const ScriptStorage: React.FC<{
         return (
           <div className="arco-table-custom-filter">
             <Input.Search
-              ref={inputRef}
               searchButton
+              autoFocus
               placeholder={t("enter_key")!}
               value={filterKeys[0] || ""}
               onChange={(value) => {
@@ -108,11 +106,6 @@ const ScriptStorage: React.FC<{
         );
       },
       onFilter: (value, row) => !value || row.key.includes(value),
-      onFilterDropdownVisibleChange: (v) => {
-        if (v) {
-          setTimeout(() => inputRef.current!.focus(), 1);
-        }
-      },
     },
     {
       title: t("value"),
diff --git a/src/pages/options/routes/ScriptList/ScriptTable.tsx b/src/pages/options/routes/ScriptList/ScriptTable.tsx
index 4ac0f9a02..53635dfc0 100644
--- a/src/pages/options/routes/ScriptList/ScriptTable.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptTable.tsx
@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, useContext, useEffect, useMemo, useState } from "react";
 import {
   Avatar,
   Button,
@@ -38,7 +38,6 @@ import {
   RiUploadCloudFill,
 } from "react-icons/ri";
 import { Link, useNavigate } from "react-router-dom";
-import type { RefInputType } from "@arco-design/web-react/es/Input/interface";
 import Text from "@arco-design/web-react/es/Typography/text";
 import type { DragEndEvent } from "@dnd-kit/core";
 import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
@@ -60,8 +59,7 @@ import { requestEnableScript, pinToTop, scriptClient, synchronizeClient } from "
 import { getCombinedMeta } from "@App/app/service/service_worker/utils";
 import { parseTags } from "@App/app/repo/metadata";
 import { EnableSwitch, HomeCell, MemoizedAvatar, ScriptSearchField, SourceCell, UpdateTimeCell } from "./components";
-import type { SetSearchRequest } from "./hooks";
-import type { SearchType } from "@App/app/service/service_worker/types";
+import { SearchFilter } from "./SearchFilter";
 
 type ListType = ScriptLoading;
 
@@ -420,8 +418,6 @@ interface ScriptTableProps {
   updateScripts: (uuids: string[], data: Partial<Script | ScriptLoading>) => void;
   setUserConfig: (config: { script: Script; userConfig: UserConfig; values: { [key: string]: any } }) => void;
   setCloudScript: (script: Script) => void;
-  searchRequest: { keyword: string; type: SearchType };
-  setSearchRequest: SetSearchRequest;
   handleDelete: (item: ScriptLoading) => void;
   handleConfig: (
     item: ScriptLoading,
@@ -440,8 +436,6 @@ export const ScriptTable = ({
   updateScripts,
   setUserConfig,
   setCloudScript,
-  searchRequest,
-  setSearchRequest,
   handleDelete,
   handleConfig,
   handleRunStop,
@@ -451,7 +445,6 @@ export const ScriptTable = ({
   const [action, setAction] = useState("");
   const [select, setSelect] = useState<Script[]>([]);
   const [selectColumn, setSelectColumn] = useState(0);
-  const inputRef = useRef<RefInputType>(null);
   const navigate = useNavigate();
   const [savedWidths, setSavedWidths] = useState<{ [key: string]: number } | null>(null);
 
@@ -494,25 +487,30 @@ export const ScriptTable = ({
           dataIndex: "name",
           sorter: (a, b) => a.name.localeCompare(b.name),
           filterIcon: <IconSearch />,
-          filterDropdown: ({ confirm }: any) => {
+          filterDropdown: ({ filterKeys, setFilterKeys, confirm }: any) => {
             return (
               <div className="arco-table-custom-filter flex flex-row gap-2">
                 <ScriptSearchField
                   t={t}
-                  defaultValue={searchRequest}
+                  autoFocus
+                  defaultValue={filterKeys?.[0] || { type: "auto", keyword: "" }}
+                  onChange={(req) => {
+                    setFilterKeys([{ type: req.type, keyword: req.keyword }]);
+                    SearchFilter.requestFilterResult(req);
+                  }}
                   onSearch={(req) => {
-                    setSearchRequest(req);
+                    if (req.bySelect) return;
                     confirm();
                   }}
-                  inputRef={inputRef}
                 />
               </div>
             );
           },
-          onFilterDropdownVisibleChange: (visible) => {
-            if (visible) {
-              setTimeout(() => inputRef.current!.focus(), 1);
+          onFilter: (value, row) => {
+            if (!value || !value.keyword) {
+              return true;
             }
+            return SearchFilter.checkByUUID(row.uuid);
           },
           className: "max-w-[240px] min-w-[100px]",
           render: (col: string, item: ListType) => <NameCell col={col} item={item} />,
@@ -620,8 +618,6 @@ export const ScriptTable = ({
       t,
       sidebarOpen,
       updateScripts,
-      searchRequest,
-      setSearchRequest,
       navigate,
       setSidebarOpen,
       setViewMode,
diff --git a/src/pages/options/routes/ScriptList/SearchFilter.ts b/src/pages/options/routes/ScriptList/SearchFilter.ts
new file mode 100644
index 000000000..67828f0e0
--- /dev/null
+++ b/src/pages/options/routes/ScriptList/SearchFilter.ts
@@ -0,0 +1,50 @@
+import type { SearchType } from "@App/app/service/service_worker/types";
+import { requestFilterResult } from "@App/pages/store/features/script";
+
+export type SearchFilterKeyEntry = { type: SearchType; keyword: string };
+export type SearchFilterRequest = { type: SearchType; keyword: string; bySelect?: boolean }; // 两个Type日后可能会不同。先分开写。
+
+// 静态变量不随重绘重置
+let lastReqType: SearchType | undefined = undefined;
+let lastKeyword: string = "";
+type SearchFilterCacheEntry = { code: boolean; name: boolean; auto: boolean };
+const searchFilterCache: Map<string, SearchFilterCacheEntry> = new Map();
+
+export class SearchFilter {
+  static async requestFilterResult(req: SearchFilterRequest) {
+    if (req.keyword === lastKeyword) {
+      lastReqType = req.type;
+      return Promise.resolve(this);
+    } else {
+      const res = await requestFilterResult({ value: req.keyword });
+      lastReqType = req.type;
+      lastKeyword = req.keyword;
+      searchFilterCache.clear();
+      if (res && Array.isArray(res)) {
+        for (const entry of res) {
+          searchFilterCache.set(entry.uuid, {
+            code: entry.code,
+            name: entry.name,
+            auto: entry.auto,
+          });
+        }
+      }
+      return this;
+    }
+  }
+
+  static checkByUUID(uuid: string): boolean {
+    const result = searchFilterCache.get(uuid);
+    if (!result) return false;
+    switch (lastReqType) {
+      case "auto":
+        return result.auto;
+      case "script_code":
+        return result.code;
+      case "name":
+        return result.name;
+      default:
+        return false;
+    }
+  }
+}
diff --git a/src/pages/options/routes/ScriptList/components.tsx b/src/pages/options/routes/ScriptList/components.tsx
index a44993c33..e264abdac 100644
--- a/src/pages/options/routes/ScriptList/components.tsx
+++ b/src/pages/options/routes/ScriptList/components.tsx
@@ -11,7 +11,7 @@ import { ListHomeRender } from "../utils";
 import { IconEdit, IconLink, IconUserAdd } from "@arco-design/web-react/icon";
 import type { SearchType } from "@App/app/service/service_worker/types";
 import type { TFunction } from "i18next";
-import type { RefInputType } from "@arco-design/web-react/es/Input";
+import type { SearchFilterKeyEntry, SearchFilterRequest } from "./SearchFilter";
 
 export const EnableSwitch = React.memo(
   ({
@@ -184,50 +184,52 @@ UpdateTimeCell.displayName = "UpdateTimeCell";
 
 interface ScriptSearchFieldProps {
   t: TFunction<"translation", undefined>;
-  defaultValue: { keyword: string; type: SearchType };
-  onSearch?: (req: { keyword: string; type: SearchType }) => void;
-  inputRef?: React.RefObject<RefInputType>;
+  defaultValue?: SearchFilterKeyEntry;
+  onChange?: (req: SearchFilterRequest) => void;
+  onSearch?: (req: SearchFilterRequest) => void;
+  autoFocus?: boolean;
 }
 
-export const ScriptSearchField = React.memo(
-  ({ t, defaultValue, onSearch, inputRef }: ScriptSearchFieldProps) => {
-    const [keyword, setKeyword] = React.useState(defaultValue?.keyword || "");
-    const [type, setType] = React.useState<SearchType>(defaultValue?.type || "auto");
-    return (
-      <Space direction="horizontal">
-        <Select
-          className="flex-1"
-          triggerProps={{ autoAlignPopupWidth: false, autoAlignPopupMinWidth: true, position: "bl" }}
-          size="small"
-          value={type}
-          onChange={(value) => {
-            setType(value as SearchType);
-            onSearch?.({ keyword, type: value as SearchType });
-          }}
-        >
-          <Select.Option value="auto">{t("auto")}</Select.Option>
-          <Select.Option value="name">{t("name")}</Select.Option>
-          <Select.Option value="script_code">{t("script_code")}</Select.Option>
-        </Select>
-        <Input.Search
-          ref={inputRef}
-          size="small"
-          searchButton
-          style={{ width: 280 }}
-          value={keyword}
-          placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
-          onChange={(value) => {
-            setKeyword(value);
-          }}
-          onSearch={(value) => {
-            onSearch?.({ keyword: value, type });
-          }}
-        />
-      </Space>
-    );
-  },
-  (prevProps, nextProps) => {
-    return prevProps.t === nextProps.t && prevProps.defaultValue === nextProps.defaultValue;
-  }
-);
-ScriptSearchField.displayName = "ScriptSearchField";
+export const ScriptSearchField = ({ t, defaultValue, onChange, onSearch, autoFocus }: ScriptSearchFieldProps) => {
+  const [keyword, setKeyword] = React.useState(defaultValue?.keyword || "");
+  const [type, setType] = React.useState<SearchType>(defaultValue?.type || "auto");
+  return (
+    <Space direction="horizontal">
+      <Select
+        className="flex-1"
+        triggerProps={{ autoAlignPopupWidth: false, autoAlignPopupMinWidth: true, position: "bl" }}
+        size="small"
+        value={type}
+        onChange={(value) => {
+          setType(value as SearchType);
+          onChange?.({ keyword, type: value as SearchType });
+          onSearch?.({ keyword, type: value as SearchType, bySelect: true });
+        }}
+      >
+        <Select.Option value="auto">{t("auto")}</Select.Option>
+        <Select.Option value="name">{t("name")}</Select.Option>
+        <Select.Option value="script_code">{t("script_code")}</Select.Option>
+      </Select>
+      <Input.Search
+        size="small"
+        searchButton
+        autoFocus={autoFocus}
+        style={{ width: 280 }}
+        value={keyword}
+        placeholder={
+          t("enter_search_value", {
+            search:
+              type === "auto" ? `${t("name")}/${t("script_code")}` : type === "name" ? t("name") : t("script_code"),
+          })!
+        }
+        onChange={(value) => {
+          onChange?.({ keyword: value, type });
+          setKeyword(value);
+        }}
+        onSearch={(value) => {
+          onSearch?.({ keyword: value, type, bySelect: false });
+        }}
+      />
+    </Space>
+  );
+};
diff --git a/src/pages/options/routes/ScriptList/hooks.tsx b/src/pages/options/routes/ScriptList/hooks.tsx
index 6694bd766..23e5f6bc5 100644
--- a/src/pages/options/routes/ScriptList/hooks.tsx
+++ b/src/pages/options/routes/ScriptList/hooks.tsx
@@ -20,7 +20,6 @@ import type { ScriptLoading } from "@App/pages/store/features/script";
 import {
   fetchScript,
   fetchScriptList,
-  requestFilterResult,
   sortScript,
   requestDeleteScripts,
   requestRunScript,
@@ -48,6 +47,7 @@ import { ValueClient } from "@App/app/service/service_worker/client";
 import { message } from "@App/pages/store/global";
 import { Message } from "@arco-design/web-react";
 import type { SearchType } from "@App/app/service/service_worker/types";
+import { SearchFilter, type SearchFilterRequest } from "./SearchFilter";
 
 export function useScriptList() {
   const { t } = useTranslation();
@@ -325,7 +325,8 @@ export function useScriptSearch() {
     tags: "all",
     source: "all",
   });
-  const [searchRequest, setSearchRequest] = useState<{ keyword: string; type: SearchType }>({
+
+  const [searchRequest, setSearchRequest] = useState<SearchFilterRequest>({
     keyword: "",
     type: "auto",
   });
@@ -485,7 +486,8 @@ export function useScriptSearch() {
     return { statusItems, typeItems, tagItems, sourceItems, tagMap, originMap };
   }, [scriptList, sidebarOpen, t]);
 
-  useEffect(() => {
+  const filterFuncs = useMemo(() => {
+    // 当 originMap, selectedFilters, tagMap 改变时更新
     const filterFuncs: Array<(script: Script) => boolean> = [];
     for (const [groupKey, itemKey] of Object.entries(selectedFilters)) {
       switch (groupKey) {
@@ -541,47 +543,29 @@ export function useScriptSearch() {
           break;
       }
     }
-    const filterList = scriptList.filter((script) => filterFuncs.every((fn) => fn(script)));
+    return filterFuncs;
+  }, [originMap, selectedFilters, tagMap]);
+
+  useEffect(() => {
+    // 当 filterFuncs 改变时进行 / Filter结果取得时进行
+    // 按 filterFuncs 过滤一次
+    let filterList = scriptList.filter((script) => filterFuncs.every((fn) => fn(script)));
     if (searchRequest.keyword !== "") {
-      let mounted = true;
       // 再基于关键词过滤一次
-      requestFilterResult({ value: searchRequest.keyword }).then((res) => {
-        if (!mounted) return;
-        const cacheMap = new Map<string, any>();
-        if (res && Array.isArray(res)) {
-          for (const entry of res) {
-            cacheMap.set(entry.uuid, {
-              code: entry.code === true,
-              name: entry.name === true,
-              auto: entry.auto === true,
-            });
-          }
-        }
-
-        setFilterScriptList(
-          filterList.filter((item) => {
-            const result = cacheMap.get(item.uuid);
-            if (!result) return false;
-            switch (searchRequest.type) {
-              case "auto":
-                return result.auto;
-              case "name":
-                return result.name;
-              case "script_code":
-                return result.code;
-              default:
-                return false;
-            }
-          })
-        );
+      let setLoading = true;
+      SearchFilter.requestFilterResult(searchRequest).then(() => {
+        if (setLoading === false) return;
+        filterList = filterList.filter((item) => {
+          return SearchFilter.checkByUUID(item.uuid);
+        });
+        setFilterScriptList(filterList);
       });
       return () => {
-        mounted = false;
+        setLoading = false;
       };
-    } else {
-      setFilterScriptList(filterList);
     }
-  }, [originMap, scriptList, selectedFilters, tagMap, searchRequest]);
+    setFilterScriptList(filterList);
+  }, [scriptList, filterFuncs, searchRequest]); // searchFilter 参考固定不变
 
   // 覆盖scriptListManager的排序方法
   // 避免触发顺序是 scriptList -> filterScriptList 导致列表会出现一瞬间的错乱
diff --git a/src/pages/options/routes/ScriptList/index.tsx b/src/pages/options/routes/ScriptList/index.tsx
index 05d9d347e..21a19a0dc 100644
--- a/src/pages/options/routes/ScriptList/index.tsx
+++ b/src/pages/options/routes/ScriptList/index.tsx
@@ -21,6 +21,7 @@ function ScriptList() {
   const [cloudScript, setCloudScript] = useState<Script>();
   const {
     loadingList,
+    scriptList,
     filterScriptList,
     scriptListSortOrder,
     updateScripts,
@@ -92,7 +93,8 @@ function ScriptList() {
             {viewMode === "table" ? (
               <ScriptTable
                 loadingList={loadingList}
-                scriptList={filterScriptList}
+                // 表格传入全部脚本，由表格组件处理过滤和排序
+                scriptList={scriptList}
                 scriptListSortOrder={scriptListSortOrder}
                 updateScripts={updateScripts}
                 sidebarOpen={sidebarOpen}
@@ -100,8 +102,6 @@ function ScriptList() {
                 setViewMode={setViewMode}
                 setUserConfig={setUserConfig}
                 setCloudScript={setCloudScript}
-                searchRequest={searchRequest}
-                setSearchRequest={setSearchRequest}
                 handleDelete={handleDelete}
                 handleConfig={handleConfig}
                 handleRunStop={handleRunStop}
diff --git a/src/pages/options/routes/SubscribeList.tsx b/src/pages/options/routes/SubscribeList.tsx
index 8643f564b..0376e0d96 100644
--- a/src/pages/options/routes/SubscribeList.tsx
+++ b/src/pages/options/routes/SubscribeList.tsx
@@ -1,11 +1,10 @@
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import Text from "@arco-design/web-react/es/Typography/text";
 import { Button, Card, Input, Message, Popconfirm, Switch, Table, Tag, Tooltip } from "@arco-design/web-react";
 import type { Subscribe } from "@App/app/repo/subscribe";
 import { SUBSCRIBE_STATUS_DISABLE, SUBSCRIBE_STATUS_ENABLE, SubscribeDAO } from "@App/app/repo/subscribe";
 import type { ColumnProps } from "@arco-design/web-react/es/Table";
 import { IconSearch, IconUserAdd } from "@arco-design/web-react/icon";
-import type { RefInputType } from "@arco-design/web-react/es/Input/interface";
 import { semTime } from "@App/pkg/utils/dayjs";
 import { RiDeleteBin5Fill } from "react-icons/ri";
 import { useTranslation } from "react-i18next"; // 添加了 react-i18next 的引用
@@ -15,7 +14,6 @@ type ListType = Subscribe & { loading?: boolean };
 
 function SubscribeList() {
   const [list, setList] = useState<ListType[]>([]);
-  const inputRef = useRef<RefInputType>(null);
   const { t } = useTranslation(); // 使用 useTranslation hook
 
   const setListEntry = async (index: number, obj: any) => {
@@ -110,8 +108,8 @@ function SubscribeList() {
         return (
           <div className="arco-table-custom-filter">
             <Input.Search
-              ref={inputRef}
               searchButton
+              autoFocus
               placeholder={t("enter_subscribe_name")!}
               value={filterKeys[0] || ""}
               onChange={(value) => {
@@ -125,11 +123,6 @@ function SubscribeList() {
         );
       },
       onFilter: (value, row) => !value || row.name.includes(value),
-      onFilterDropdownVisibleChange: (visible) => {
-        if (visible) {
-          setTimeout(() => inputRef.current!.focus(), 1);
-        }
-      },
       className: "max-w-[240px]",
       render: (col) => {
         return (
diff --git a/src/pages/options/routes/utils.tsx b/src/pages/options/routes/utils.tsx
index 217f10878..d69c4151e 100644
--- a/src/pages/options/routes/utils.tsx
+++ b/src/pages/options/routes/utils.tsx
@@ -150,7 +150,13 @@ export function ListHomeRender({ script }: { script: Script }) {
     return null;
   }
 
-  return <Space size="mini">{item}</Space>;
+  return (
+    <Space size="mini">
+      {item.map((i, index) => (
+        <i key={index}>{i}</i>
+      ))}
+    </Space>
+  );
 }
 
 export type ScriptIconsProps = {