From cc7dba832704e9f650505a9d8285c1d8f2718907 Mon Sep 17 00:00:00 2001
From: cyfung1031 <44498510+cyfung1031@users.noreply.github.com>
Date: Sat, 22 Nov 2025 22:12:20 +0900
Subject: [PATCH 1/8] =?UTF-8?q?ScriptSearchField=20=E5=8D=A1=E9=A1=BF?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../options/routes/ScriptList/ScriptCard.tsx  | 46 +++++++++++++------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/pages/options/routes/ScriptList/ScriptCard.tsx b/src/pages/options/routes/ScriptList/ScriptCard.tsx
index f68d3e909..f5969d1b4 100644
--- a/src/pages/options/routes/ScriptList/ScriptCard.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptCard.tsx
@@ -32,6 +32,7 @@ import { parseTags } from "@App/app/repo/metadata";
 import type { ScriptLoading } from "@App/pages/store/features/script";
 import { EnableSwitch, HomeCell, MemoizedAvatar, SourceCell, UpdateTimeCell } from "./components";
 import { useTranslation } from "react-i18next";
+import { type TFunction } from "i18next";
 import { VscLayoutSidebarLeft, VscLayoutSidebarLeftOff } from "react-icons/vsc";
 import { FaThList } from "react-icons/fa";
 import type { DragEndEvent } from "@dnd-kit/core";
@@ -327,6 +328,36 @@ export const ScriptCardItem = React.memo(
 );
 ScriptCardItem.displayName = "ScriptCard";
 
+interface ScriptSearchFieldProps {
+  t: TFunction<"translation", undefined>;
+  setSearchKeyword: (keyword: string) => void;
+}
+
+export const ScriptSearchField = React.memo(
+  ({ t, setSearchKeyword }: ScriptSearchFieldProps) => {
+    const [searchValue, setSearchValue] = useState<string>("");
+    return (
+      <Input.Search
+        size="small"
+        searchButton
+        style={{ maxWidth: 400 }}
+        placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
+        defaultValue={searchValue}
+        onChange={(value) => {
+          setSearchValue(value);
+        }}
+        onSearch={(value) => {
+          setSearchKeyword(value);
+        }}
+      />
+    );
+  },
+  (prevProps, nextProps) => {
+    return prevProps.t === nextProps.t;
+  }
+);
+ScriptSearchField.displayName = "ScriptSearchField";
+
 interface ScriptCardProps {
   loadingList: boolean;
   scriptList: ScriptLoading[];
@@ -361,7 +392,6 @@ export const ScriptCard = ({
   handleConfig,
   handleRunStop,
 }: ScriptCardProps) => {
-  const [searchValue, setSearchValue] = useState<string>("");
   const { t } = useTranslation();
   const { guideMode } = useAppContext();
 
@@ -417,19 +447,7 @@ export const ScriptCard = ({
       >
         <div className="flex flex-row justify-between items-center" style={{ padding: "8px 0" }}>
           <div className="flex-1">
-            <Input.Search
-              size="small"
-              searchButton
-              style={{ maxWidth: 400 }}
-              placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
-              value={searchValue}
-              onChange={(value) => {
-                setSearchValue(value);
-              }}
-              onSearch={(value) => {
-                setSearchKeyword(value);
-              }}
-            />
+            <ScriptSearchField t={t} setSearchKeyword={setSearchKeyword} />
           </div>
           <Space size={8}>
             <Tooltip content={sidebarOpen ? t("close_sidebar") : t("open_sidebar")}>

From f081184735ff66390c889545ba75d7989a3a244e Mon Sep 17 00:00:00 2001
From: cyfung1031 <44498510+cyfung1031@users.noreply.github.com>
Date: Sun, 23 Nov 2025 08:24:08 +0900
Subject: [PATCH 2/8] Update src/pages/options/routes/ScriptList/ScriptCard.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/pages/options/routes/ScriptList/ScriptCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/options/routes/ScriptList/ScriptCard.tsx b/src/pages/options/routes/ScriptList/ScriptCard.tsx
index f5969d1b4..c6c46864f 100644
--- a/src/pages/options/routes/ScriptList/ScriptCard.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptCard.tsx
@@ -353,7 +353,7 @@ export const ScriptSearchField = React.memo(
     );
   },
   (prevProps, nextProps) => {
-    return prevProps.t === nextProps.t;
+    return prevProps.t === nextProps.t && prevProps.setSearchKeyword === nextProps.setSearchKeyword;
   }
 );
 ScriptSearchField.displayName = "ScriptSearchField";

From ea425b3b8a88347bc51b7effb83a420af028ea7b Mon Sep 17 00:00:00 2001
From: cyfung1031 <44498510+cyfung1031@users.noreply.github.com>
Date: Sun, 23 Nov 2025 08:27:19 +0900
Subject: [PATCH 3/8] =?UTF-8?q?=E5=85=88=E8=B7=9FCopliot=E6=8C=87=E7=A4=BA?=
 =?UTF-8?q?=E6=94=B9=E4=B8=80=E4=B8=8B=E3=80=82=E4=BD=86=E6=9C=80=E7=BB=88?=
 =?UTF-8?q?=E8=BF=98=E6=98=AF=E8=A6=81=E8=BF=98=E5=8E=9F=E8=87=B3=201.1.2?=
 =?UTF-8?q?=20=E6=89=80=E4=BB=A5=E8=BF=99=E5=9D=97=E8=A6=81=E9=87=8D?=
 =?UTF-8?q?=E6=96=B0=E6=90=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/options/routes/ScriptList/ScriptCard.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/pages/options/routes/ScriptList/ScriptCard.tsx b/src/pages/options/routes/ScriptList/ScriptCard.tsx
index c6c46864f..85d498c58 100644
--- a/src/pages/options/routes/ScriptList/ScriptCard.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptCard.tsx
@@ -335,17 +335,12 @@ interface ScriptSearchFieldProps {
 
 export const ScriptSearchField = React.memo(
   ({ t, setSearchKeyword }: ScriptSearchFieldProps) => {
-    const [searchValue, setSearchValue] = useState<string>("");
     return (
       <Input.Search
         size="small"
         searchButton
         style={{ maxWidth: 400 }}
         placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
-        defaultValue={searchValue}
-        onChange={(value) => {
-          setSearchValue(value);
-        }}
         onSearch={(value) => {
           setSearchKeyword(value);
         }}

From 0f0501f2ac34e68a2b5b49a59f6a22eb381f66d3 Mon Sep 17 00:00:00 2001
From: cyfung1031 <44498510+cyfung1031@users.noreply.github.com>
Date: Sun, 23 Nov 2025 08:28:37 +0900
Subject: [PATCH 4/8] lint

---
 src/pages/options/routes/ScriptList/ScriptCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/options/routes/ScriptList/ScriptCard.tsx b/src/pages/options/routes/ScriptList/ScriptCard.tsx
index 85d498c58..23abd5825 100644
--- a/src/pages/options/routes/ScriptList/ScriptCard.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptCard.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useMemo } from "react";
 import {
   Avatar,
   Button,

From f10caebbb53577a031cb354e053dfc490b436ffc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Mon, 24 Nov 2025 10:58:08 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/service/service_worker/client.ts      |   4 +-
 src/app/service/service_worker/script.ts      |   3 +-
 .../options/routes/ScriptList/ScriptCard.tsx  |  57 +++------
 .../options/routes/ScriptList/ScriptTable.tsx | 112 +++++-------------
 .../options/routes/ScriptList/components.tsx  |  55 ++++++++-
 src/pages/options/routes/ScriptList/hooks.tsx |  20 ++--
 src/pages/options/routes/ScriptList/index.tsx |   9 +-
 src/pages/store/features/script.ts            |   4 +-
 8 files changed, 125 insertions(+), 139 deletions(-)

diff --git a/src/app/service/service_worker/client.ts b/src/app/service/service_worker/client.ts
index 94f2642d2..3e3fd3575 100644
--- a/src/app/service/service_worker/client.ts
+++ b/src/app/service/service_worker/client.ts
@@ -2,7 +2,7 @@ import type { Script, ScriptCode, ScriptRunResource, TClientPageLoadInfo } from
 import { type Resource } from "@App/app/repo/resource";
 import { type Subscribe } from "@App/app/repo/subscribe";
 import { type Permission } from "@App/app/repo/permission";
-import type { InstallSource, ScriptMenu, ScriptMenuItem, SearchType, TBatchUpdateListAction } from "./types";
+import type { InstallSource, ScriptMenu, ScriptMenuItem, TBatchUpdateListAction } from "./types";
 import { Client } from "@Packages/message/client";
 import type { MessageSend } from "@Packages/message/types";
 import type PermissionVerify from "./permission_verify";
@@ -66,7 +66,7 @@ export class ScriptClient extends Client {
     return this.doThrow("fetchInfo", uuid);
   }
 
-  getFilterResult(req: { type: SearchType; value: string }): Promise<ScriptCode | undefined> {
+  getFilterResult(req: { value: string }): Promise<ScriptCode | undefined> {
     return this.do("getFilterResult", req);
   }
 
diff --git a/src/app/service/service_worker/script.ts b/src/app/service/service_worker/script.ts
index 52dfac5ea..b8ed0ecad 100644
--- a/src/app/service/service_worker/script.ts
+++ b/src/app/service/service_worker/script.ts
@@ -45,7 +45,6 @@ import {
   BatchUpdateListActionCode,
   type TBatchUpdateListAction,
   UpdateStatusCode,
-  type SearchType,
   type TBatchUpdateRecord,
 } from "./types";
 import { getSimilarityScore, ScriptUpdateCheck } from "./script_update_check";
@@ -552,7 +551,7 @@ export class ScriptService {
     return true;
   }
 
-  async getFilterResult(req: { type: SearchType; value: string }) {
+  async getFilterResult(req: { value: string }) {
     const OPTION_CASE_INSENSITIVE = true;
     const scripts = await this.scriptDAO.all();
     const scriptCodes = await Promise.all(
diff --git a/src/pages/options/routes/ScriptList/ScriptCard.tsx b/src/pages/options/routes/ScriptList/ScriptCard.tsx
index 23abd5825..ddeec35ed 100644
--- a/src/pages/options/routes/ScriptList/ScriptCard.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptCard.tsx
@@ -1,16 +1,5 @@
 import React, { useMemo } from "react";
-import {
-  Avatar,
-  Button,
-  Card,
-  Divider,
-  Input,
-  Popconfirm,
-  Space,
-  Tag,
-  Tooltip,
-  Typography,
-} from "@arco-design/web-react";
+import { Avatar, Button, Card, Divider, Popconfirm, Space, Tag, Tooltip, Typography } from "@arco-design/web-react";
 import { Link, useNavigate } from "react-router-dom";
 import { IconClockCircle, IconDragDotVertical } from "@arco-design/web-react/icon";
 import {
@@ -30,9 +19,8 @@ import { hashColor, ScriptIcons } from "../utils";
 import { getCombinedMeta } from "@App/app/service/service_worker/utils";
 import { parseTags } from "@App/app/repo/metadata";
 import type { ScriptLoading } from "@App/pages/store/features/script";
-import { EnableSwitch, HomeCell, MemoizedAvatar, SourceCell, UpdateTimeCell } from "./components";
+import { EnableSwitch, HomeCell, MemoizedAvatar, ScriptSearchField, SourceCell, UpdateTimeCell } from "./components";
 import { useTranslation } from "react-i18next";
-import { type TFunction } from "i18next";
 import { VscLayoutSidebarLeft, VscLayoutSidebarLeftOff } from "react-icons/vsc";
 import { FaThList } from "react-icons/fa";
 import type { DragEndEvent } from "@dnd-kit/core";
@@ -40,6 +28,8 @@ import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from
 import { rectSortingStrategy, SortableContext, sortableKeyboardCoordinates, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { useAppContext } from "@App/pages/store/AppContext";
+import type { SetSearchRequest } from "./hooks";
+import type { SearchType } from "@App/app/service/service_worker/types";
 
 const { Text } = Typography;
 
@@ -328,31 +318,6 @@ export const ScriptCardItem = React.memo(
 );
 ScriptCardItem.displayName = "ScriptCard";
 
-interface ScriptSearchFieldProps {
-  t: TFunction<"translation", undefined>;
-  setSearchKeyword: (keyword: string) => void;
-}
-
-export const ScriptSearchField = React.memo(
-  ({ t, setSearchKeyword }: ScriptSearchFieldProps) => {
-    return (
-      <Input.Search
-        size="small"
-        searchButton
-        style={{ maxWidth: 400 }}
-        placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
-        onSearch={(value) => {
-          setSearchKeyword(value);
-        }}
-      />
-    );
-  },
-  (prevProps, nextProps) => {
-    return prevProps.t === nextProps.t && prevProps.setSearchKeyword === nextProps.setSearchKeyword;
-  }
-);
-ScriptSearchField.displayName = "ScriptSearchField";
-
 interface ScriptCardProps {
   loadingList: boolean;
   scriptList: ScriptLoading[];
@@ -363,7 +328,8 @@ interface ScriptCardProps {
   updateScripts: (uuids: string[], data: Partial<Script | ScriptLoading>) => void;
   setUserConfig: (config: { script: Script; userConfig: UserConfig; values: { [key: string]: any } }) => void;
   setCloudScript: (script: Script) => void;
-  setSearchKeyword: (keyword: string) => void;
+  searchRequest: { keyword: string; type: SearchType };
+  setSearchRequest: SetSearchRequest;
   handleDelete: (item: ScriptLoading) => void;
   handleConfig: (
     item: ScriptLoading,
@@ -382,7 +348,8 @@ export const ScriptCard = ({
   updateScripts,
   setUserConfig,
   setCloudScript,
-  setSearchKeyword,
+  searchRequest,
+  setSearchRequest,
   handleDelete,
   handleConfig,
   handleRunStop,
@@ -442,7 +409,13 @@ export const ScriptCard = ({
       >
         <div className="flex flex-row justify-between items-center" style={{ padding: "8px 0" }}>
           <div className="flex-1">
-            <ScriptSearchField t={t} setSearchKeyword={setSearchKeyword} />
+            <ScriptSearchField
+              t={t}
+              defaultValue={searchRequest}
+              onSearch={(req) => {
+                setSearchRequest(req);
+              }}
+            />
           </div>
           <Space size={8}>
             <Tooltip content={sidebarOpen ? t("close_sidebar") : t("open_sidebar")}>
diff --git a/src/pages/options/routes/ScriptList/ScriptTable.tsx b/src/pages/options/routes/ScriptList/ScriptTable.tsx
index 9975a5147..4ac0f9a02 100644
--- a/src/pages/options/routes/ScriptList/ScriptTable.tsx
+++ b/src/pages/options/routes/ScriptList/ScriptTable.tsx
@@ -57,10 +57,11 @@ import { i18nName } from "@App/locales/locales";
 import { hashColor, ScriptIcons } from "../utils";
 import type { ScriptLoading } from "@App/pages/store/features/script";
 import { requestEnableScript, pinToTop, scriptClient, synchronizeClient } from "@App/pages/store/features/script";
-import { type TFunction } from "i18next";
 import { getCombinedMeta } from "@App/app/service/service_worker/utils";
 import { parseTags } from "@App/app/repo/metadata";
-import { EnableSwitch, HomeCell, MemoizedAvatar, SourceCell, UpdateTimeCell } from "./components";
+import { EnableSwitch, HomeCell, MemoizedAvatar, ScriptSearchField, SourceCell, UpdateTimeCell } from "./components";
+import type { SetSearchRequest } from "./hooks";
+import type { SearchType } from "@App/app/service/service_worker/types";
 
 type ListType = ScriptLoading;
 
@@ -115,47 +116,6 @@ const DraggableContainer = React.forwardRef<HTMLTableSectionElement, React.HTMLA
 
 DraggableContainer.displayName = "DraggableContainer";
 
-const FilterDropdown = React.memo(
-  ({
-    filterKeys,
-    setFilterKeys,
-    confirm,
-    t,
-    inputRef,
-  }: {
-    filterKeys: string;
-    setFilterKeys: (filterKeys: string, callback?: (...args: any[]) => any) => void;
-    confirm: (...args: any[]) => any;
-    t: TFunction<"translation", undefined>;
-    inputRef: React.RefObject<RefInputType>;
-  }) => {
-    const { onSearchChange } = {
-      onSearchChange: (value: string) => {
-        setFilterKeys(value);
-      },
-    };
-    // onSearch 不能使用 useCallback / useMemo
-    const onSearch = () => {
-      confirm(filterKeys);
-    };
-    return (
-      <div className="arco-table-custom-filter flex flex-row gap-2">
-        <Input.Search
-          ref={inputRef}
-          size="small"
-          searchButton
-          style={{ minWidth: 240 }}
-          placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })}
-          defaultValue={filterKeys || ""}
-          onChange={onSearchChange}
-          onSearch={onSearch}
-        />
-      </div>
-    );
-  }
-);
-FilterDropdown.displayName = "FilterDropdown";
-
 function composeRefs<T>(...refs: React.Ref<T>[]): (node: T | null) => void {
   return (node) => {
     for (const ref of refs) {
@@ -460,7 +420,8 @@ 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;
-  setSearchKeyword: (keyword: string) => void;
+  searchRequest: { keyword: string; type: SearchType };
+  setSearchRequest: SetSearchRequest;
   handleDelete: (item: ScriptLoading) => void;
   handleConfig: (
     item: ScriptLoading,
@@ -479,7 +440,8 @@ export const ScriptTable = ({
   updateScripts,
   setUserConfig,
   setCloudScript,
-  setSearchKeyword,
+  searchRequest,
+  setSearchRequest,
   handleDelete,
   handleConfig,
   handleRunStop,
@@ -532,18 +494,19 @@ export const ScriptTable = ({
           dataIndex: "name",
           sorter: (a, b) => a.name.localeCompare(b.name),
           filterIcon: <IconSearch />,
-          filterDropdown: ({ filterKeys, setFilterKeys, confirm }: any) => {
+          filterDropdown: ({ confirm }: any) => {
             return (
-              <FilterDropdown
-                filterKeys={filterKeys}
-                setFilterKeys={setFilterKeys}
-                confirm={(value) => {
-                  setSearchKeyword(value || "");
-                  confirm();
-                }}
-                t={t}
-                inputRef={inputRef}
-              />
+              <div className="arco-table-custom-filter flex flex-row gap-2">
+                <ScriptSearchField
+                  t={t}
+                  defaultValue={searchRequest}
+                  onSearch={(req) => {
+                    setSearchRequest(req);
+                    confirm();
+                  }}
+                  inputRef={inputRef}
+                />
+              </div>
             );
           },
           onFilterDropdownVisibleChange: (visible) => {
@@ -657,7 +620,8 @@ export const ScriptTable = ({
       t,
       sidebarOpen,
       updateScripts,
-      setSearchKeyword,
+      searchRequest,
+      setSearchRequest,
       navigate,
       setSidebarOpen,
       setViewMode,
@@ -679,30 +643,18 @@ export const ScriptTable = ({
   useEffect(() => {
     if (savedWidths === null) return;
 
-    setNewColumns((nColumns) => {
-      const widths = columns.map((item) => savedWidths[item.key!] ?? item.width);
-      const c = nColumns.length === widths.length ? nColumns : columns;
-      return c.map((item, i) => {
-        const width = widths[i];
-        let dest;
-        if (i === 8) {
-          // 第8列特殊处理，因为可能涉及到操作图的显示
-          dest = item.render === columns[i].render && item.title === columns[i].title ? item : columns[i];
-        } else {
-          dest = item;
+    // 主要只需要处理列宽变化的情况
+    setNewColumns(
+      columns.map((item, i) => {
+        if (savedWidths[item.key!] === undefined) {
+          return columns[i];
         }
-        let m =
-          width === dest.width
-            ? dest
-            : {
-                ...dest,
-                width,
-              };
-        // 处理语言更新
-        if (m.title !== columns[i].title) m = { ...m, title: columns[i].title };
-        return m;
-      });
-    });
+        return {
+          ...columns[i],
+          width: savedWidths[item.key!] ?? item.width,
+        };
+      })
+    );
   }, [savedWidths, columns]);
 
   useEffect(() => {
diff --git a/src/pages/options/routes/ScriptList/components.tsx b/src/pages/options/routes/ScriptList/components.tsx
index 2bfc63d10..22c3a3b87 100644
--- a/src/pages/options/routes/ScriptList/components.tsx
+++ b/src/pages/options/routes/ScriptList/components.tsx
@@ -1,7 +1,7 @@
 import type { SCRIPT_STATUS } from "@App/app/repo/scripts";
 import { SCRIPT_STATUS_ENABLE } from "@App/app/repo/scripts";
 import { scriptClient, type ScriptLoading } from "@App/pages/store/features/script";
-import { Avatar, Message, Switch, Tag, Tooltip } from "@arco-design/web-react";
+import { Avatar, Input, Message, Select, Space, Switch, Tag, Tooltip } from "@arco-design/web-react";
 import React from "react";
 import Text from "@arco-design/web-react/es/Typography/text";
 import { TbWorldWww } from "react-icons/tb";
@@ -9,6 +9,9 @@ import { semTime } from "@App/pkg/utils/dayjs";
 import { useTranslation } from "react-i18next";
 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";
 
 export const EnableSwitch = React.memo(
   ({
@@ -178,3 +181,53 @@ export const UpdateTimeCell = React.memo(({ className, script }: { className?: s
   );
 });
 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>;
+}
+
+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={{ maxWidth: 400 }}
+          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;
+  }
+);
+ScriptSearchField.displayName = "ScriptSearchField";
diff --git a/src/pages/options/routes/ScriptList/hooks.tsx b/src/pages/options/routes/ScriptList/hooks.tsx
index 2a0ccc581..a00174053 100644
--- a/src/pages/options/routes/ScriptList/hooks.tsx
+++ b/src/pages/options/routes/ScriptList/hooks.tsx
@@ -28,6 +28,7 @@ import {
 } from "@App/pages/store/features/script";
 import { loadScriptFavicons } from "@App/pages/store/utils";
 import { arrayMove } from "@dnd-kit/sortable";
+import type { Dispatch } from "react";
 import { useEffect, useMemo, useState } from "react";
 import { hashColor } from "../utils";
 import { parseTags } from "@App/app/repo/metadata";
@@ -46,6 +47,7 @@ import { useTranslation } from "react-i18next";
 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";
 
 export function useScriptList() {
   const { t } = useTranslation();
@@ -310,6 +312,8 @@ export interface FilterItem {
   count: number;
 }
 
+export type SetSearchRequest = Dispatch<React.SetStateAction<{ keyword: string; type: SearchType }>>;
+
 export function useScriptSearch() {
   const scriptListManager = useScriptList();
   const { t } = useTranslation();
@@ -321,7 +325,10 @@ export function useScriptSearch() {
     tags: "all",
     source: "all",
   });
-  const [searchKeyword, setSearchKeyword] = useState<string>("");
+  const [searchRequest, setSearchRequest] = useState<{ keyword: string; type: SearchType }>({
+    keyword: "",
+    type: "auto",
+  });
   const [sidebarOpen, setSidebarOpen] = useState<boolean>(() => localStorage.getItem("script-list-sidebar") === "1");
 
   // 计算数据量
@@ -535,10 +542,10 @@ export function useScriptSearch() {
       }
     }
     const filterList = scriptList.filter((script) => filterFuncs.every((fn) => fn(script)));
-    if (searchKeyword !== "") {
+    if (searchRequest.keyword !== "") {
       let mounted = true;
       // 再基于关键词过滤一次
-      requestFilterResult({ value: searchKeyword, type: "auto" }).then((res) => {
+      requestFilterResult({ value: searchRequest.keyword }).then((res) => {
         if (!mounted) return;
         const cacheMap = new Map<string, any>();
         if (res && Array.isArray(res)) {
@@ -564,7 +571,7 @@ export function useScriptSearch() {
     } else {
       setFilterScriptList(filterList);
     }
-  }, [originMap, scriptList, selectedFilters, tagMap, searchKeyword]);
+  }, [originMap, scriptList, selectedFilters, tagMap, searchRequest]);
 
   // 覆盖scriptListManager的排序方法
   // 避免触发顺序是 scriptList -> filterScriptList 导致列表会出现一瞬间的错乱
@@ -600,9 +607,8 @@ export function useScriptSearch() {
     filterScriptList,
     selectedFilters,
     setSelectedFilters,
-    keyword: searchKeyword,
-    searchKeyword,
-    setSearchKeyword,
+    searchRequest,
+    setSearchRequest,
     filterItems: {
       statusItems,
       typeItems,
diff --git a/src/pages/options/routes/ScriptList/index.tsx b/src/pages/options/routes/ScriptList/index.tsx
index fa9759ac4..05d9d347e 100644
--- a/src/pages/options/routes/ScriptList/index.tsx
+++ b/src/pages/options/routes/ScriptList/index.tsx
@@ -27,7 +27,8 @@ function ScriptList() {
     filterItems,
     selectedFilters,
     setSelectedFilters,
-    setSearchKeyword,
+    searchRequest,
+    setSearchRequest,
     sidebarOpen,
     setSidebarOpen,
     handleDelete,
@@ -99,7 +100,8 @@ function ScriptList() {
                 setViewMode={setViewMode}
                 setUserConfig={setUserConfig}
                 setCloudScript={setCloudScript}
-                setSearchKeyword={setSearchKeyword}
+                searchRequest={searchRequest}
+                setSearchRequest={setSearchRequest}
                 handleDelete={handleDelete}
                 handleConfig={handleConfig}
                 handleRunStop={handleRunStop}
@@ -115,7 +117,8 @@ function ScriptList() {
                 setViewMode={setViewMode}
                 setUserConfig={setUserConfig}
                 setCloudScript={setCloudScript}
-                setSearchKeyword={setSearchKeyword}
+                searchRequest={searchRequest}
+                setSearchRequest={setSearchRequest}
                 handleDelete={handleDelete}
                 handleConfig={handleConfig}
                 handleRunStop={handleRunStop}
diff --git a/src/pages/store/features/script.ts b/src/pages/store/features/script.ts
index f91d42dee..3e08da2b8 100644
--- a/src/pages/store/features/script.ts
+++ b/src/pages/store/features/script.ts
@@ -10,7 +10,7 @@ import {
   ValueClient,
 } from "@App/app/service/service_worker/client";
 import { message } from "../global";
-import type { SearchType, TBatchUpdateListAction } from "@App/app/service/service_worker/types";
+import type { TBatchUpdateListAction } from "@App/app/service/service_worker/types";
 import type { TOpenBatchUpdatePageOption, TCheckScriptUpdateOption } from "@App/app/service/service_worker/script";
 
 export const scriptClient = new ScriptClient(message);
@@ -50,7 +50,7 @@ export const requestDeleteScripts = async (uuids: string[]) => {
   return await scriptClient.deletes(uuids);
 };
 
-export const requestFilterResult = async (req: { type: SearchType; value: string }) => {
+export const requestFilterResult = async (req: { value: string }) => {
   return await scriptClient.getFilterResult(req);
 };
 

From 34da2bb38d3e15100db73f10102c72c81cd45c6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Mon, 24 Nov 2025 11:00:14 +0800
Subject: [PATCH 6/8] =?UTF-8?q?=E5=AF=B9=E6=AF=94defaultValue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/options/routes/ScriptList/components.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/options/routes/ScriptList/components.tsx b/src/pages/options/routes/ScriptList/components.tsx
index 22c3a3b87..de57398c6 100644
--- a/src/pages/options/routes/ScriptList/components.tsx
+++ b/src/pages/options/routes/ScriptList/components.tsx
@@ -227,7 +227,7 @@ export const ScriptSearchField = React.memo(
     );
   },
   (prevProps, nextProps) => {
-    return prevProps.t === nextProps.t;
+    return prevProps.t === nextProps.t && prevProps.defaultValue === nextProps.defaultValue;
   }
 );
 ScriptSearchField.displayName = "ScriptSearchField";

From 301568cce959f51315fcd7ee5ac206b40d954c61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Mon, 24 Nov 2025 11:32:41 +0800
Subject: [PATCH 7/8] =?UTF-8?q?=E8=AE=BE=E5=AE=9A=E6=90=9C=E7=B4=A0?=
 =?UTF-8?q?=E6=A1=86=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/options/routes/ScriptList/components.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/options/routes/ScriptList/components.tsx b/src/pages/options/routes/ScriptList/components.tsx
index de57398c6..a44993c33 100644
--- a/src/pages/options/routes/ScriptList/components.tsx
+++ b/src/pages/options/routes/ScriptList/components.tsx
@@ -213,7 +213,7 @@ export const ScriptSearchField = React.memo(
           ref={inputRef}
           size="small"
           searchButton
-          style={{ maxWidth: 400 }}
+          style={{ width: 280 }}
           value={keyword}
           placeholder={t("enter_search_value", { search: `${t("name")}/${t("script_code")}` })!}
           onChange={(value) => {

From d114cee31d5dc99927e72773b6eebeb867af8128 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Mon, 24 Nov 2025 12:13:00 +0800
Subject: [PATCH 8/8] =?UTF-8?q?=E5=A4=84=E7=90=86=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/options/routes/ScriptList/hooks.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/options/routes/ScriptList/hooks.tsx b/src/pages/options/routes/ScriptList/hooks.tsx
index a00174053..6694bd766 100644
--- a/src/pages/options/routes/ScriptList/hooks.tsx
+++ b/src/pages/options/routes/ScriptList/hooks.tsx
@@ -561,7 +561,17 @@ export function useScriptSearch() {
         setFilterScriptList(
           filterList.filter((item) => {
             const result = cacheMap.get(item.uuid);
-            return result?.auto;
+            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;
+            }
           })
         );
       });