feat: focus & copy command

WindRunnerMax · Jun 24, 2024 · ef6a339 · ef6a339
1 parent 497675d
commit ef6a339
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/core/src/canvas/paint/mask.ts b/packages/core/src/canvas/paint/mask.ts
@@ -99,6 +99,10 @@ export class Mask {
     return this;
   }
 
+  public focus() {
+    this.canvas.focus();
+  }
+
   public isActive() {
     return this.canvas === document.activeElement;
   }

diff --git a/packages/react/src/components/context-menu/index.tsx b/packages/react/src/components/context-menu/index.tsx
@@ -41,12 +41,19 @@ export const ContextMenu: FC = () => {
     e.preventDefault();
   };
 
+  const onCopy = (e: React.MouseEvent) => {
+    editor.canvas.mask.focus();
+    document.execCommand("copy");
+    e.preventDefault();
+  };
+
   const onClipBoard = (e: React.MouseEvent) => {
     Message.info("请使用快捷键的方式操作");
     e.preventDefault();
   };
 
   const onSelectAll = (e: React.MouseEvent) => {
+    editor.canvas.mask.focus();
     editor.selection.selectAll();
     e.preventDefault();
   };
@@ -66,7 +73,7 @@ export const ContextMenu: FC = () => {
     <Portal>
       <div className={styles.container} onClick={onClickProxy} style={{ top, left }}>
         {active.length !== 0 && (
-          <div className={styles.item} onClick={onClipBoard}>
+          <div className={styles.item} onClick={onCopy}>
             <div>复制</div>
             <div className={styles.shortcut}>Ctrl+C</div>
           </div>