fix(core): add rewrite function deleteCutData #WIK-4877 (worktile#138)

ilya2204 · Oct 13, 2021 · c9a26b5 · c9a26b5
1 parent fe09836
commit c9a26b5
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/src/components/editable/editable.component.ts b/packages/src/components/editable/editable.component.ts
@@ -725,14 +725,7 @@ export class SlateEditableComponent implements OnInit, OnChanges, OnDestroy, Aft
             const { selection } = this.editor;
 
             if (selection) {
-                if (Range.isExpanded(selection)) {
-                    Editor.deleteFragment(this.editor);
-                } else {
-                    const node = Node.parent(this.editor, selection.anchor.path)
-                    if (Editor.isVoid(this.editor, node)) {
-                        Transforms.delete(this.editor);
-                    }
-                }
+                AngularEditor.deleteCutData(this.editor);
             }
         }
     }

diff --git a/packages/src/plugins/angular-editor.ts b/packages/src/plugins/angular-editor.ts
@@ -36,6 +36,7 @@ import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getCardTarge
 export interface AngularEditor extends BaseEditor {
     insertData: (data: DataTransfer) => void;
     setFragmentData: (data: DataTransfer) => void;
+    deleteCutData: ()=> void;
     onKeydown: (event: KeyboardEvent) => void;
     onClick: (event: MouseEvent) => void;
     injector: Injector;
@@ -278,6 +279,10 @@ export const AngularEditor = {
         editor.setFragmentData(data);
     },
 
+    deleteCutData(editor: AngularEditor): void{
+        editor.deleteCutData();
+    },
+
     /**
      * Find the native DOM element from a Slate node.
      */

diff --git a/packages/src/plugins/with-angular.ts b/packages/src/plugins/with-angular.ts
@@ -178,9 +178,23 @@ export const withAngular = <T extends Editor>(editor: T, clipboardFormatKey = 'x
     data.setData('text/html', div.innerHTML);
     data.setData('text/plain', getPlainText(div));
     document.body.removeChild(div);
-  },
+  };
+
+  e.deleteCutData = () => {
+    const { selection } = editor;
+    if (selection) {
+      if (Range.isExpanded(selection)) {
+        Editor.deleteFragment(editor);
+      } else {
+        const node = Node.parent(editor, selection.anchor.path);
+        if (Editor.isVoid(editor, node)) {
+          Transforms.delete(editor);
+        }
+      }
+    }
+  };
 
-    e.insertData = (data: DataTransfer) => {
+  e.insertData = (data: DataTransfer) => {
       const fragment = data.getData(`application/${clipboardFormatKey}`);
 
       if (fragment) {