✨ 增加搜索面板选中全部搜索结果的功能按钮

Author: Littlefean

app/src/pages/_fixed_panel/_searching_content_panel.tsx

@@ -2,10 +2,11 @@ import { useEffect, useState } from "react";
 import { cn } from "../../utils/cn";
 import IconButton from "../../components/IconButton";
 import { Stage } from "../../core/stage/Stage";
-import { CaseSensitive, CaseUpper } from "lucide-react";
+import { CaseSensitive, CaseUpper, SquareDashedMousePointer } from "lucide-react";
 import Input from "../../components/Input";
 import { StageManager } from "../../core/stage/stageManager/StageManager";
 import { Camera } from "../../core/stage/Camera";
+import { TextRiseEffect } from "../../core/service/feedbackService/effectEngine/concrete/TextRiseEffect";
 
 /**
  * 搜索内容的面板
@@ -30,6 +31,16 @@ export default function SearchingContentPanel({ open = false, className = "" }:
     }
   }, [open]);
 
+  const selectAllResult = () => {
+    for (const result of searchResults) {
+      const node = StageManager.getStageObjectByUUID(result.uuid);
+      if (node) {
+        node.isSelected = true;
+      }
+    }
+    Stage.effectMachine.addEffect(TextRiseEffect.default(`${searchResults.length}个结果已全部选中`));
+  };
+
   return (
     <div
       className={cn(
@@ -40,13 +51,11 @@ export default function SearchingContentPanel({ open = false, className = "" }:
         className,
       )}
     >
-      <div className="flex items-center justify-between">
-        <h1>搜索内容</h1>
-        <div className="text-panel-details-text flex h-8 items-center justify-center text-xs">
-          {isCaseSensitive ? "大小写敏感" : "大小写不敏感"}
-        </div>
-      </div>
-
+      {searchResults.length > 0 && (
+        <IconButton onClick={selectAllResult} tooltip={"将全部结果选中"}>
+          <SquareDashedMousePointer />
+        </IconButton>
+      )}
       <div className="flex items-center justify-between">
         <Input
           placeholder="请输入要搜索的内容"
@@ -81,6 +90,7 @@ export default function SearchingContentPanel({ open = false, className = "" }:
             setIsCaseSensitive(currentResult);
             Stage.contentSearchEngine.isCaseSensitive = currentResult;
           }}
+          tooltip={isCaseSensitive ? "当前状态：大小写敏感" : "当前状态：大小写不敏感"}
         >
           {isCaseSensitive ? <CaseSensitive /> : <CaseUpper />}
         </IconButton>