fix: small

src/middleware/sqlite/fts.ts

+import { isNil } from "lodash-es";
 import { Database } from "sql.js";
 
 import { CardData, CardMeta, CardText } from "@/api";
 
-import { isNil } from "lodash-es";
-
 import { constructCardMeta } from ".";
 const TYPE_MONSTER = 0x1;
 

src/ui/BuildDeck/Filter.tsx

@@ -4,10 +4,9 @@ import {
   InputNumber,
   type InputNumberProps,
   Select,
-  type SelectProps,
   Tooltip,
 } from "antd";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 import { fetchStrings, Region } from "@/api";
 import {
@@ -17,8 +16,6 @@ import {
 } from "@/common";
 import { FtsConditions } from "@/middleware/sqlite/fts";
 
-import { debounce } from "lodash-es";
-
 import styles from "./Filter.module.scss";
 
 const levels = Array.from({ length: 12 }, (_, index) => ({

src/ui/BuildDeck/editDeckStore.ts

 import { proxy } from "valtio";
 
 import { type CardMeta } from "@/api";
+import { isExtraDeckCard, isToken } from "@/common";
 
 import { compareCards, type EditingDeck, type Type } from "./utils";
-import { isExtraDeckCard, isToken } from "@/common";
 
 export const editDeckStore = proxy({
   deckName: "",

src/ui/BuildDeck/index.tsx

@@ -9,7 +9,6 @@ import {
 } from "@ant-design/icons";
 import {
   App,
-  Badge,
   Button,
   ConfigProvider,
   Dropdown,
@@ -19,11 +18,11 @@ import {
   type ThemeConfig,
 } from "antd";
 import classNames from "classnames";
+import { isEqual } from "lodash-es";
 import { memo, useEffect, useRef, useState } from "react";
 import { DndProvider, useDrag, useDrop } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { LoaderFunction } from "react-router-dom";
-import { v4 as v4uuid } from "uuid";
 import { useSnapshot } from "valtio";
 import { subscribeKey } from "valtio/utils";
 
@@ -45,7 +44,6 @@ import { editDeckStore } from "./editDeckStore";
 import { Filter } from "./Filter";
 import styles from "./index.module.scss";
 import { editingDeckToIDeck, iDeckToEditingDeck, type Type } from "./utils";
-import { isEqual } from "lodash-es";
 
 const theme: ThemeConfig = {
   components: {
@@ -252,13 +250,11 @@ const Search: React.FC = () => {
     ] as const
   ).map(([label, onClick], key) => ({ key, label, onClick }));
 
-  const handleSearch = async () => {
-    const result = (
-      await searchCards({ query: searchWord, conditions: searchConditions })
-    )
+  const handleSearch = async (conditions: FtsConditions = searchConditions) => {
+    const result = (await searchCards({ query: searchWord, conditions }))
       .filter((card) => !isToken(card.data.type ?? 0))
       .sort(sortRef.current); // 衍生物不显示
-    setSearchResult(result);
+    setSearchResult(() => result);
   };
 
   const [_, dropRef] = useDrop({
@@ -284,7 +280,7 @@ const Search: React.FC = () => {
           onConfirm={(newConditions) => {
             setSearchConditions(newConditions);
             destroy();
-            setTimeout(handleSearch, 200); // 先收起再搜索
+            setTimeout(() => handleSearch(newConditions), 200); // 先收起再搜索
           }}
           onCancel={() => destroy()}
         />
@@ -303,7 +299,7 @@ const Search: React.FC = () => {
             <Button
               type="text"
               icon={<SearchOutlined />}
-              onClick={handleSearch}
+              onClick={() => handleSearch()}
             />
           }
           value={searchWord}
@@ -404,10 +400,10 @@ const DeckZone: React.FC<{
       ref={dropRef}
     >
       <div className={styles["card-continer"]}>
-        {cards.map((card) => (
+        {cards.map((card, i) => (
           <Card
             value={card}
-            key={v4uuid()}
+            key={card.id + i + type}
             source={type}
             onRightClick={() => editDeckStore.remove(type, card)}
           />

src/ui/BuildDeck/utils.ts

 import { type CardMeta, fetchCard } from "@/api";
-import { isExtraDeckCard, isToken, tellCardBasicType } from "@/common";
+import { tellCardBasicType } from "@/common";
 import { type IDeck } from "@/stores";
 
 export type Type = "main" | "extra" | "side";