Merge branch 'feat/double-click-add-card' into 'main'

为组卡页实现双击添加卡片的功能

See merge request mycard/Neos!340

src/ui/BuildDeck/index.tsx

@@ -3,6 +3,7 @@ import {
   DeleteOutlined,
   EditOutlined,
   FilterOutlined,
+  QuestionCircleOutlined,
   RetweetOutlined,
   SearchOutlined,
   SortAscendingOutlined,
@@ -18,6 +19,7 @@ import {
   message,
   Pagination,
   Space,
+  Tooltip,
 } from "antd";
 import { isEqual } from "lodash-es";
 import { type OverlayScrollbarsComponentRef } from "overlayscrollbars-react";
@@ -290,6 +292,9 @@ export const DeckEditor: React.FC<{
           >
             保存
           </Button>
+          <Tooltip title="双击添加卡片，单击右键删除卡片，按下滑轮在主卡组和副卡组之间切换卡片">
+            <QuestionCircleOutlined />
+          </Tooltip>
         </Space>
       </Space>
       <ScrollableArea className={styles["deck-zone"]}>
@@ -306,6 +311,11 @@ export const DeckEditor: React.FC<{
               }
             }}
             onElementMouseUp={(event) => handleMouseUp(type, event)}
+            onDoubleClick={(card) => {
+              if (editDeckStore.canAdd(card, type, "search").result) {
+                editDeckStore.add(type, card);
+              }
+            }}
           />
         ))}
       </ScrollableArea>

src/ui/Shared/DeckCard/index.tsx

@@ -21,7 +21,8 @@ export const DeckCard: React.FC<{
   source: Type | "search";
   onMouseUp?: (event: DeckCardMouseUpEvent) => void;
   onMouseEnter?: () => void;
-}> = memo(({ value, source, onMouseUp, onMouseEnter }) => {
+  onDoubleClick?: (card: CardMeta) => void;
+}> = memo(({ value, source, onMouseUp, onMouseEnter, onDoubleClick }) => {
   const ref = useRef<HTMLDivElement>(null);
   const [{ isDragging }, drag] = useDrag({
     type: "Card",
@@ -46,6 +47,7 @@ export const DeckCard: React.FC<{
         })
       }
       onMouseEnter={onMouseEnter}
+      onDoubleClick={() => onDoubleClick?.(value)}
       onContextMenu={(e) => {
         e.preventDefault();
       }}

src/ui/Shared/DeckZone/index.tsx

@@ -25,12 +25,14 @@ export const DeckZone: React.FC<{
     destination: Type,
   ) => void;
   onElementMouseUp: (event: DeckCardMouseUpEvent) => void;
+  onDoubleClick?: (card: CardMeta) => void;
 }> = ({
   type,
   cards,
   canAdd,
   onChange,
   onElementMouseUp: onElementMouseUp,
+  onDoubleClick,
 }) => {
   const { message } = App.useApp();
   const [allowToDrop, setAllowToDrop] = useState(false);
@@ -71,6 +73,7 @@ export const DeckZone: React.FC<{
             key={card.id + i + type}
             source={type}
             onMouseUp={onElementMouseUp}
+            onDoubleClick={onDoubleClick}
           />
         ))}
         <div className={styles["editing-zone-name"]}>