feat: add keyboard event handling and double-click copying (#409)

ayangweb · web-flow · commit 6329354243da · 2025-04-22T15:01:00.000+08:00
* feat: add keyboard event handling and double-click copying

* docs: delete duplicate release note entries
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -25,7 +25,6 @@ Information about release notes of Coco Server is provided here.
 - feat: add keyboard-only operation to history list #385
 - feat: add error notification #386
 - feat: add support for AI assistant #394
-- feat: add support for AI assistant #394
 - feat: add support for calculator function #399
 
 ### Bug fix
diff --git a/src/components/Search/Calculator.tsx b/src/components/Search/Calculator.tsx
@@ -2,6 +2,7 @@ import { ChevronsRight } from "lucide-react";
 import { FC } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
+import { copyToClipboard } from "@/utils";
 
 interface CalculatorProps {
   item: any;
@@ -36,7 +37,12 @@ const Calculator: FC<CalculatorProps> = (props) => {
   };
 
   return (
-    <div className="flex items-center gap-1 w-full children:flex">
+    <div
+      className="flex items-center gap-1 w-full children:flex"
+      onDoubleClick={() => {
+        copyToClipboard(result.value);
+      }}
+    >
       {renderItem(query.value, t(`calculator.${query.type}`))}
 
       <ChevronsRight className="text-[#999999] size-5" />
diff --git a/src/components/Search/ContextMenu.tsx b/src/components/Search/ContextMenu.tsx
@@ -1,4 +1,9 @@
-import { useClickAway, useCreation, useReactive } from "ahooks";
+import {
+  useClickAway,
+  useCreation,
+  useEventListener,
+  useReactive,
+} from "ahooks";
 import clsx from "clsx";
 import { isNil, noop } from "lodash-es";
 import { Copy, Link, SquareArrowOutUpRight } from "lucide-react";
@@ -152,6 +157,12 @@ const ContextMenu = ({ hideCoco }: ContextMenuProps) => {
     handleClick(item?.clickEvent);
   });
 
+  useEventListener("keydown", (event) => {
+    if (!visibleContextMenu) return;
+
+    event.stopImmediatePropagation();
+  });
+
   const handleClick = (click = noop) => {
     click?.();
 
