vue-editify 0.1.17 → 0.1.19

package/lib/editify.es.js

@@ -2978,11 +2978,11 @@ const doPaste = async function(html, text, files) {
     } else {
       let length = files.length;
       for (let i = 0; i < length; i++) {
-        const url = await file$1.dataFileToBase64(files[i]);
         if (files[i].type.startsWith("image/")) {
           if (typeof this.customImagePaste == "function") {
-            await this.customImagePaste.apply(this, [url]);
+            await this.customImagePaste.apply(this, [files[i]]);
           } else {
+            const url = await file$1.dataFileToBase64(files[i]);
             const image = new AlexElement(
               "closed",
               "img",
@@ -2997,8 +2997,9 @@ const doPaste = async function(html, text, files) {
           }
         } else if (files[i].type.startsWith("video/")) {
           if (typeof this.customVideoPaste == "function") {
-            await this.customVideoPaste.apply(this, [url]);
+            await this.customVideoPaste.apply(this, [files[i]]);
           } else {
+            const url = await file$1.dataFileToBase64(files[i]);
             const video = new AlexElement(
               "closed",
               "video",
@@ -3013,7 +3014,7 @@ const doPaste = async function(html, text, files) {
           }
         } else {
           if (typeof this.customFilePaste == "function") {
-            await this.customFilePaste.apply(this, [url]);
+            await this.customFilePaste.apply(this, [files[i]]);
           }
         }
       }
@@ -20002,7 +20003,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e1abc967"]]);
+const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-c92dc653"]]);
 const LayerProps = {
   //是否显示
   modelValue: {
@@ -20618,7 +20619,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ac221d1e"]]);
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a390950f"]]);
 const TooltipProps = {
   //提示内容
   content: {
@@ -20694,7 +20695,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8372de0b"]]);
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-92a30ff2"]]);
 const IconProps = {
   //图标值
   value: {
@@ -20716,7 +20717,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6e00035b"]]);
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a639e8dc"]]);
 const ButtonProps = {
   //按钮类型
   type: {
@@ -21028,7 +21029,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-b31edeb8"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-73d00a90"]]);
 const CheckboxProps = {
   //是否禁用
   disabled: {
@@ -21157,7 +21158,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-09512b2d"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-dae0c4a0"]]);
 const ColorsProps = {
   //颜色数组
   data: {
@@ -21234,7 +21235,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e09149c7"]]);
+const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-8be143e5"]]);
 const ToolbarProps = {
   //是否显示
   modelValue: {
@@ -22764,7 +22765,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-44b03ca9"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-485ac49d"]]);
 const InsertLinkProps = {
   //主题色
   color: {
@@ -22867,7 +22868,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5a2ce93"]]);
+const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5a1fedb"]]);
 const InsertImageProps = {
   //主题色
   color: {
@@ -23065,7 +23066,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-20eec429"]]);
+const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-876ab662"]]);
 const InsertVideoProps = {
   //主题色
   color: {
@@ -23263,7 +23264,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d90909eb"]]);
+const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4131f4db"]]);
 const InsertTableProps = {
   //主题色
   color: {
@@ -23281,7 +23282,7 @@ const InsertTableProps = {
     default: 10
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-961451b7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-49473a7c"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = { class: "editify-table" };
 const _hoisted_2$1 = ["onMouseenter", "onClick"];
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
@@ -23372,7 +23373,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-961451b7"]]);
+const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-49473a7c"]]);
 const MenuProps = {
   //菜单栏配置
   config: {
@@ -24714,7 +24715,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-226bbacd"]]);
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-98216646"]]);
 const EditifyProps = {
   //国际化语言类型
   locale: {
@@ -24789,6 +24790,16 @@ const EditifyProps = {
     type: Boolean,
     default: false
   },
+  //自定义粘贴纯文字
+  customTextPaste: {
+    type: Function,
+    default: null
+  },
+  //自定义粘贴html
+  customHtmlPaste: {
+    type: Function,
+    default: null
+  },
   //自定义粘贴图片
   customImagePaste: {
     type: Function,
@@ -25227,9 +25238,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         allowPaste: props.allowPaste,
         allowCut: props.allowCut,
         allowPasteHtml: props.allowPasteHtml,
+        customTextPaste: props.customTextPaste,
         customImagePaste: props.customImagePaste,
         customVideoPaste: props.customVideoPaste,
         customFilePaste: props.customFilePaste,
+        customHtmlPaste: handleCustomHtmlPaste,
         customMerge: handleCustomMerge,
         customParseNode: handleCustomParseNode
       });
@@ -25239,7 +25252,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       editor.value.on("blur", handleEditorBlur);
       editor.value.on("insertParagraph", handleInsertParagraph);
       editor.value.on("rangeUpdate", handleRangeUpdate);
-      editor.value.on("pasteHtml", handlePasteHtml);
       editor.value.on("deleteInStart", handleDeleteInStart);
       editor.value.on("deleteComplete", handleDeleteComplete);
       editor.value.on("afterRender", handleAfterRender);
@@ -25340,7 +25352,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const element$12 = editor.value.getElementByKey(key);
           if (isTask(element$12)) {
             const rect = element.getElementBounding(elm);
-            if (e.pageX >= Math.abs(rect.left) && e.pageX <= Math.abs(rect.left + 16) && e.pageY >= Math.abs(rect.top + 2) && e.pageY <= Math.abs(rect.top + 18)) {
+            if (e.pageX >= Math.abs(rect.left) && e.pageX <= Math.abs(rect.left + 16) && e.pageY >= Math.abs(rect.top + elm.offsetHeight / 2 - 8) && e.pageY <= Math.abs(rect.top + elm.offsetHeight / 2 + 8)) {
               if (element$12.marks["data-editify-task"] == "checked") {
                 element$12.marks["data-editify-task"] = "uncheck";
               } else {
@@ -25359,6 +25371,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const handleCustomHtmlPaste = async (elements) => {
+      const keepStyles = Object.assign(pasteKeepData.styles, props.pasteKeepStyles || {});
+      const keepMarks = Object.assign(pasteKeepData.marks, props.pasteKeepMarks || {});
+      AlexElement.flatElements(elements).forEach((el) => {
+        let marks = {};
+        let styles = {};
+        if (el.hasMarks()) {
+          for (let key in keepMarks) {
+            if (el.marks.hasOwnProperty(key) && (Array.isArray(keepMarks[key]) && keepMarks[key].includes(el.parsedom) || keepMarks[key] == "*")) {
+              marks[key] = el.marks[key];
+            }
+          }
+          el.marks = marks;
+        }
+        if (el.hasStyles() && !el.isText()) {
+          for (let key in keepStyles) {
+            if (el.styles.hasOwnProperty(key) && (Array.isArray(keepStyles[key]) && keepStyles[key].includes(el.parsedom) || keepStyles[key] == "*")) {
+              styles[key] = el.styles[key];
+            }
+          }
+          el.styles = styles;
+        }
+      });
+      if (typeof props.customHtmlPaste == "function") {
+        await props.customHtmlPaste.apply(this, [elements]);
+      } else {
+        for (let i = 0; i < elements.length; i++) {
+          editor.value.insertElement(elements[i], false);
+        }
+      }
+    };
     const handleCustomMerge = (ele, preEle) => {
       const uneditable = preEle.getUneditableElement();
       if (uneditable) {
@@ -25498,30 +25541,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 200);
       emits("rangeupdate");
     };
-    const handlePasteHtml = (elements) => {
-      const keepStyles = Object.assign(pasteKeepData.styles, props.pasteKeepStyles || {});
-      const keepMarks = Object.assign(pasteKeepData.marks, props.pasteKeepMarks || {});
-      AlexElement.flatElements(elements).forEach((el) => {
-        let marks = {};
-        let styles = {};
-        if (el.hasMarks()) {
-          for (let key in keepMarks) {
-            if (el.marks.hasOwnProperty(key) && (Array.isArray(keepMarks[key]) && keepMarks[key].includes(el.parsedom) || keepMarks[key] == "*")) {
-              marks[key] = el.marks[key];
-            }
-          }
-          el.marks = marks;
-        }
-        if (el.hasStyles() && !el.isText()) {
-          for (let key in keepStyles) {
-            if (el.styles.hasOwnProperty(key) && (Array.isArray(keepStyles[key]) && keepStyles[key].includes(el.parsedom) || keepStyles[key] == "*")) {
-              styles[key] = el.styles[key];
-            }
-          }
-          el.styles = styles;
-        }
-      });
-    };
     const handleDeleteInStart = (element2) => {
       if (element2.isBlock()) {
         elementToParagraph(element2);
@@ -25719,8 +25738,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fed58116"]]);
-const version = "0.1.17";
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c5f5909"]]);
+const version = "0.1.19";
 const install = (app) => {
   app.component(Editify.name, Editify);
 };