vue-editify 0.1.25 → 0.1.26

package/lib/editify/editify.vue.d.ts

@@ -128,7 +128,6 @@ declare const _default: import('vue').DefineComponent<{
         customFilePaste: ((file: File) => void | Promise<void>) | null;
         customMerge: ((mergeElement: AlexElement, targetElement: AlexElement) => void | Promise<void>) | null;
         customParseNode: ((el: AlexElement) => AlexElement) | null;
-        useClipboard: boolean;
         history: {
             records: {
                 stack: {
@@ -419,14 +418,6 @@ declare const _default: import('vue').DefineComponent<{
         __innerSelectionChange: boolean;
         __chineseInputTimer: any;
         initRange: () => void;
-        copy: (isCut?: boolean | undefined) => Promise<{
-            text: string;
-            html: string;
-        } | undefined>;
-        cut: () => Promise<{
-            text: string;
-            html: string;
-        } | undefined>;
         delete: () => void;
         insertText: (data: string) => void;
         insertParagraph: () => void;

package/lib/editify.es.js

@@ -1494,17 +1494,6 @@ const isContains = function(parentNode, childNode) {
   }
   return element$1.isContains(parentNode, childNode);
 };
-const canUseClipboard = function() {
-  if (!window.ClipboardItem) {
-    console.warn("window.ClipboardItem must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the editor's copy, paste, and cut functions cannot be used");
-    return false;
-  }
-  if (!navigator.clipboard) {
-    console.warn("navigator.clipboard must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the editor's copy, paste, and cut functions cannot be used");
-    return false;
-  }
-  return true;
-};
 const initEditorNode = function(node) {
   if (typeof node == "string" && node) {
     node = document.body.querySelector(node);
@@ -2649,6 +2638,98 @@ const isRedo = function(e) {
   }
   return e.key == "z" && e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey;
 };
+const setClipboardData = function(data2, result) {
+  let html = "";
+  let text = "";
+  result.forEach((item) => {
+    const newEl = item.element.clone();
+    if (item.offset) {
+      newEl.textContent = newEl.textContent.substring(item.offset[0], item.offset[1]);
+    }
+    newEl.__render();
+    html += newEl.elm.outerHTML;
+    text += newEl.elm.innerText;
+  });
+  data2.setData("text/plain", text);
+  data2.setData("text/html", html);
+  return { html, text };
+};
+const doPaste = async function(html, text, files) {
+  if (html) {
+    if (this.allowPasteHtml) {
+      const elements = this.parseHtml(html).filter((el) => {
+        return !el.isEmpty();
+      });
+      if (typeof this.customHtmlPaste == "function") {
+        await this.customHtmlPaste.apply(this, [elements, html]);
+      } else {
+        for (let i = 0; i < elements.length; i++) {
+          this.insertElement(elements[i], false);
+        }
+        this.emit("pasteHtml", elements, html);
+      }
+    } else if (text) {
+      if (typeof this.customTextPaste == "function") {
+        await this.customTextPaste.apply(this, [text]);
+      } else {
+        this.insertText(text);
+        this.emit("pasteText", text);
+      }
+    }
+  } else {
+    if (text) {
+      if (typeof this.customTextPaste == "function") {
+        await this.customTextPaste.apply(this, [text]);
+      } else {
+        this.insertText(text);
+        this.emit("pasteText", text);
+      }
+    } else {
+      let length = files.length;
+      for (let i = 0; i < length; i++) {
+        if (files[i].type.startsWith("image/")) {
+          if (typeof this.customImagePaste == "function") {
+            await this.customImagePaste.apply(this, [files[i]]);
+          } else {
+            const url = await file$1.dataFileToBase64(files[i]);
+            const image = new AlexElement(
+              "closed",
+              "img",
+              {
+                src: url
+              },
+              null,
+              null
+            );
+            this.insertElement(image);
+            this.emit("pasteImage", url);
+          }
+        } else if (files[i].type.startsWith("video/")) {
+          if (typeof this.customVideoPaste == "function") {
+            await this.customVideoPaste.apply(this, [files[i]]);
+          } else {
+            const url = await file$1.dataFileToBase64(files[i]);
+            const video = new AlexElement(
+              "closed",
+              "video",
+              {
+                src: url
+              },
+              null,
+              null
+            );
+            this.insertElement(video);
+            this.emit("pasteVideo", url);
+          }
+        } else {
+          if (typeof this.customFilePaste == "function") {
+            await this.customFilePaste.apply(this, [files[i]]);
+          }
+        }
+      }
+    }
+  }
+};
 const checkStack = function() {
   const elements = AlexElement.flatElements(this.stack).filter((el) => {
     return !el.isEmpty() && !AlexElement.VOID_NODES.includes(el.parsedom);
@@ -2939,91 +3020,38 @@ const handleKeydown = function(e) {
 };
 const handleCopy = async function(e) {
   e.preventDefault();
-  await this.copy();
+  if (!this.range) {
+    return;
+  }
+  if (!this.allowCopy) {
+    return;
+  }
+  const event2 = e;
+  const result = this.getElementsByRange().list;
+  if (event2.clipboardData && result.length) {
+    const { text, html } = setClipboardData.apply(this, [event2.clipboardData, result]);
+    this.emit("copy", text, html);
+  }
 };
 const handleCut = async function(e) {
   e.preventDefault();
-  const result = await this.cut();
-  if (result && !this.disabled) {
-    this.formatElementStack();
-    this.domRender();
-    this.rangeRender();
+  if (!this.range) {
+    return;
   }
-};
-const doPaste = async function(html, text, files) {
-  if (html) {
-    if (this.allowPasteHtml) {
-      const elements = this.parseHtml(html).filter((el) => {
-        return !el.isEmpty();
-      });
-      if (typeof this.customHtmlPaste == "function") {
-        await this.customHtmlPaste.apply(this, [elements, html]);
-      } else {
-        for (let i = 0; i < elements.length; i++) {
-          this.insertElement(elements[i], false);
-        }
-        this.emit("pasteHtml", elements, html);
-      }
-    } else if (text) {
-      if (typeof this.customTextPaste == "function") {
-        await this.customTextPaste.apply(this, [text]);
-      } else {
-        this.insertText(text);
-        this.emit("pasteText", text);
-      }
-    }
-  } else {
-    if (text) {
-      if (typeof this.customTextPaste == "function") {
-        await this.customTextPaste.apply(this, [text]);
-      } else {
-        this.insertText(text);
-        this.emit("pasteText", text);
-      }
-    } else {
-      let length = files.length;
-      for (let i = 0; i < length; i++) {
-        if (files[i].type.startsWith("image/")) {
-          if (typeof this.customImagePaste == "function") {
-            await this.customImagePaste.apply(this, [files[i]]);
-          } else {
-            const url = await file$1.dataFileToBase64(files[i]);
-            const image = new AlexElement(
-              "closed",
-              "img",
-              {
-                src: url
-              },
-              null,
-              null
-            );
-            this.insertElement(image);
-            this.emit("pasteImage", url);
-          }
-        } else if (files[i].type.startsWith("video/")) {
-          if (typeof this.customVideoPaste == "function") {
-            await this.customVideoPaste.apply(this, [files[i]]);
-          } else {
-            const url = await file$1.dataFileToBase64(files[i]);
-            const video = new AlexElement(
-              "closed",
-              "video",
-              {
-                src: url
-              },
-              null,
-              null
-            );
-            this.insertElement(video);
-            this.emit("pasteVideo", url);
-          }
-        } else {
-          if (typeof this.customFilePaste == "function") {
-            await this.customFilePaste.apply(this, [files[i]]);
-          }
-        }
-      }
+  if (!this.allowCut) {
+    return;
+  }
+  const event2 = e;
+  const result = this.getElementsByRange().list;
+  if (event2.clipboardData && result.length) {
+    const { text, html } = setClipboardData.apply(this, [event2.clipboardData, result]);
+    if (!this.disabled) {
+      this.delete();
+      this.formatElementStack();
+      this.domRender();
+      this.rangeRender();
     }
+    this.emit("cut", text, html);
   }
 };
 const handlePaste = async function(e) {
@@ -3101,7 +3129,6 @@ class AlexEditor {
     __publicField(this, "customFilePaste");
     __publicField(this, "customMerge");
     __publicField(this, "customParseNode");
-    __publicField(this, "useClipboard", canUseClipboard());
     __publicField(this, "history", new AlexHistory());
     __publicField(this, "stack");
     __publicField(this, "range", null);
@@ -3153,67 +3180,6 @@ class AlexEditor {
     const focus = new AlexPoint(firstElement, 0);
     this.range = new AlexRange(anchor, focus);
   }
-  /**
-   * 根据光标执行复制操作
-   * isCut表示是否在执行剪切操作，默认为false，这个参数仅在内部使用
-   */
-  async copy(isCut = false) {
-    if (!this.useClipboard) {
-      return;
-    }
-    if (!this.range) {
-      return;
-    }
-    if (!this.allowCopy) {
-      return;
-    }
-    let result = this.getElementsByRange().list;
-    if (result.length == 0) {
-      return;
-    }
-    let html = "";
-    let text = "";
-    result.forEach((item) => {
-      const newEl = item.element.clone();
-      if (item.offset) {
-        newEl.textContent = newEl.textContent.substring(item.offset[0], item.offset[1]);
-      }
-      newEl.__render();
-      html += newEl.elm.outerHTML;
-      text += newEl.elm.innerText;
-    });
-    const clipboardItem = new window.ClipboardItem({
-      "text/html": new Blob([html], { type: "text/html" }),
-      "text/plain": new Blob([text], { type: "text/plain" })
-    });
-    await navigator.clipboard.write([clipboardItem]);
-    if (!isCut) {
-      this.emit("copy", text, html);
-    }
-    return { text, html };
-  }
-  /**
-   * 根据光标进行剪切操作
-   */
-  async cut() {
-    if (!this.useClipboard) {
-      return;
-    }
-    if (!this.range) {
-      return;
-    }
-    if (!this.allowCut) {
-      return;
-    }
-    const result = await this.copy(true);
-    if (result) {
-      if (!this.disabled) {
-        this.delete();
-      }
-      this.emit("cut", result.text, result.html);
-    }
-    return result;
-  }
   /**
    * 根据光标进行删除操作
    */
@@ -26177,7 +26143,7 @@ const attachment = (options) => {
 const install = (app) => {
   app.component(Editify.name, Editify);
 };
-const version = "0.1.25";
+const version = "0.1.26";
 export {
   AlexElement,
   Editify,