@keyblade/tinymce-editor-vue2 0.0.12-alpha.37 → 0.0.12-alpha.38

package/es/editor.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as he, ref as h, computed as T, watch as I, onMounted as xe, onUnmounted as we } from "vue";
+import { defineComponent as he, ref as h, computed as T, watch as S, onMounted as xe, onUnmounted as we } from "vue";
 import { oneTravelImgPondBeforeAddFile as G, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as J } from "@keyblade/one-travel";
-import { blobToFile as K, getFileExtension as Q, getImagePixel as ye } from "./util.js";
+import { blobToFile as K, getFileExtension as Q, generateUUID as ye, getImagePixel as _e } from "./util.js";
 import "./style.less.js";
-import _e from "imgpond";
-import { conclude as A } from "vue-global-config";
+import Te from "imgpond";
+import { conclude as C } from "vue-global-config";
 import X from "tinymce";
-import Te from "./langs/zh_CN.js";
+import Ce from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -34,9 +34,9 @@ import "tinymce/plugins/table";
 import "tinymce/plugins/visualblocks";
 import "tinymce/plugins/visualchars";
 import "tinymce/plugins/wordcount";
-import { globalProps as C } from "./index.js";
-import { Message as b } from "element-ui";
-const ua = /* @__PURE__ */ he({
+import { globalProps as A } from "./index.js";
+import { Message as y } from "element-ui";
+const ma = /* @__PURE__ */ he({
   __name: "editor",
   props: {
     value: { default: "" },
@@ -50,10 +50,10 @@ const ua = /* @__PURE__ */ he({
     initComplete: null
   },
   emits: ["input"],
-  setup(Y, { emit: k }) {
-    const m = Y;
-    X.addI18n("zh_CN", Te);
-    const z = {
+  setup(Y, { emit: z }) {
+    const d = Y;
+    X.addI18n("zh_CN", Ce);
+    const H = {
       maxCount: 10,
       tipText: "上传",
       maxSize: 30,
@@ -63,22 +63,22 @@ const ua = /* @__PURE__ */ he({
       minHeight: 50,
       maxWidth: 6e3,
       maxHeight: 6e3
-    }, H = {
+    }, V = {
       enable: !0,
       maxSize: 300,
       allowedType: ["mp4", "3gp"]
-    }, V = {
+    }, B = {
       enable: !0,
       maxSize: 200,
       allowedType: ["mp3", "m4a", "wav", "aac"]
-    }, B = h(), w = h(), P = h(!1), D = h(!1), f = h({
+    }, R = h(), b = h(), D = h(!1), P = h(!1), f = h({
       show: !1,
       text: "图片上传中，请稍等"
-    }), d = T(() => A([m.imageUploadOptions, C.imageUploadOptions, z]) || {}), c = T(() => A([m.videoUploadOptions, C.videoUploadOptions, H]) || {}), g = T(() => A([m.audioUploadOptions, C.audioUploadOptions, V]) || {}), U = T(() => A([m.imgPondOptions, C.imgPondOptions]) || {}), Z = T(() => {
+    }), m = T(() => C([d.imageUploadOptions, A.imageUploadOptions, H]) || {}), c = T(() => C([d.videoUploadOptions, A.videoUploadOptions, V]) || {}), g = T(() => C([d.audioUploadOptions, A.audioUploadOptions, B]) || {}), k = T(() => C([d.imgPondOptions, A.imgPondOptions]) || {}), Z = T(() => {
       var e, i;
-      return ((i = (e = d == null ? void 0 : d.value) == null ? void 0 : e.allowedType) == null ? void 0 : i.map((o) => `.${o}`).join(",")) || "";
+      return ((i = (e = m == null ? void 0 : m.value) == null ? void 0 : e.allowedType) == null ? void 0 : i.map((o) => `.${o}`).join(",")) || "";
     }), M = h();
-    I(() => M.value, () => {
+    S(() => M.value, () => {
       M.value && G(M.value, {
         onStart: () => {
           f.value = {
@@ -90,13 +90,13 @@ const ua = /* @__PURE__ */ he({
           f.value.show = !1;
         },
         onError: (e) => {
-          f.value.show = !1, b.error(e);
+          f.value.show = !1, y.error(e);
         }
       });
     }, { immediate: !0 });
-    const S = h();
-    I(() => S.value, () => {
-      S.value && G(S.value, {
+    const U = h();
+    S(() => U.value, () => {
+      U.value && G(U.value, {
         onStart: () => {
           f.value = {
             show: !0,
@@ -107,7 +107,7 @@ const ua = /* @__PURE__ */ he({
           f.value.show = !1;
         },
         onError: (e) => {
-          f.value.show = !1, b.error(e);
+          f.value.show = !1, y.error(e);
         }
       });
     }, { immediate: !0 });
@@ -116,18 +116,18 @@ const ua = /* @__PURE__ */ he({
       formData: {
         images: []
       }
-    }), R = h(), W = () => {
+    }), W = h(), $ = () => {
       _.value.dialogVisible = !1, _.value.formData = {
         images: []
       };
     }, ee = () => {
       var e;
-      (e = R.value) == null || e.validate((i) => {
+      (e = W.value) == null || e.validate((i) => {
         i && (_.value.formData.images.forEach((o) => {
           var t;
           let a = o;
-          U.value.srcAt && (a = (o == null ? void 0 : o[U.value.srcAt]) || ""), (t = w.value) == null || t.insertContent(`<img src=${a} alt="" />`);
-        }), W());
+          k.value.srcAt && (a = (o == null ? void 0 : o[k.value.srcAt]) || ""), (t = b.value) == null || t.insertContent(`<img src=${a} alt="" />`);
+        }), $());
       });
     }, v = h({
       dialogVisible: !1,
@@ -141,7 +141,7 @@ const ua = /* @__PURE__ */ he({
       },
       // 用于临时保存上传前的参数 { file: File }
       additionalData: {}
-    }), E = h(), $ = () => {
+    }), E = h(), j = () => {
       v.value.dialogVisible = !1, v.value.formData = {
         name: "",
         cover: [],
@@ -151,7 +151,7 @@ const ua = /* @__PURE__ */ he({
       var e;
       (e = E.value) == null || e.validate((i) => {
         var o, a;
-        i && ((a = w.value) == null || a.insertContent(`<audio controls data-name="${v.value.formData.name}" data-poster="${v.value.formData.cover[0]}" src="${(o = v.value.formData.file[0]) == null ? void 0 : o.url}"></audio>`), $());
+        i && ((a = b.value) == null || a.insertContent(`<audio controls data-name="${v.value.formData.name}" data-poster="${v.value.formData.cover[0]}" src="${(o = v.value.formData.file[0]) == null ? void 0 : o.url}"></audio>`), j());
       });
     }, x = h({
       dialogVisible: !1,
@@ -161,19 +161,19 @@ const ua = /* @__PURE__ */ he({
       },
       // 用于临时保存上传前的参数 { file: File }
       additionalData: {}
-    }), j = h(), q = () => {
+    }), q = h(), F = () => {
       x.value.dialogVisible = !1, x.value.formData = {
         file: []
       }, x.value.additionalData = {};
     }, te = () => {
       var e;
-      (e = j.value) == null || e.validate((i) => {
+      (e = q.value) == null || e.validate((i) => {
         var o, a;
-        i && ((a = w.value) == null || a.insertContent(`<video controls controlslist="nodownload" src="${(o = x.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), q());
+        i && ((a = b.value) == null || a.insertContent(`<video controls controlslist="nodownload" src="${(o = x.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), F());
       });
     }, oe = () => {
       document.querySelectorAll(".swal2-container .swal2-title").forEach((e) => {
-        e && (e.innerHTML = `单次最多可选择${d.value.maxCount}张图片`);
+        e && (e.innerHTML = `单次最多可选择${m.value.maxCount}张图片`);
       });
     }, ie = (e, i) => new Promise(async (o, a) => {
       var r, l;
@@ -184,7 +184,7 @@ const ua = /* @__PURE__ */ he({
         });
         return;
       }
-      const n = await ((l = (r = d.value).handleRequest) == null ? void 0 : l.call(r, K(t.file, e.name), e.name, { extParameters: m.extParameters }));
+      const n = await ((l = (r = m.value).handleRequest) == null ? void 0 : l.call(r, K(t.file, e.name), e.name, { extParameters: d.extParameters }));
       if (!n || !(n != null && n.success)) {
         a(), setTimeout(() => {
           i.onError(n == null ? void 0 : n.errorMessage);
@@ -193,26 +193,36 @@ const ua = /* @__PURE__ */ he({
       }
       o(n.url);
     });
-    async function F(e) {
-      var o, a, t, n, r;
-      const i = e.getElementsByTagName("img");
-      for (let l of i) {
-        const s = l.src;
-        if (s.startsWith("data:image"))
-          (o = l == null ? void 0 : l.remove) == null || o.call(l);
-        else if (s.startsWith("http://") || s.startsWith("https://")) {
-          const u = await ye(s);
-          if (u && (u.width < (d.value.minWidth || 0) && u.height < (d.value.minHeight || 0) || u.width > (d.value.maxWidth || 0) && u.height > (d.value.maxHeight || 0))) {
-            (a = l == null ? void 0 : l.remove) == null || a.call(l);
-            return;
-          }
-          const p = Q(s);
-          if (!((n = (t = d.value) == null ? void 0 : t.allowedType) != null && n.includes(p.toLowerCase()))) {
-            (r = l == null ? void 0 : l.remove) == null || r.call(l);
-            return;
+    async function N(e, i) {
+      const a = i.node.getElementsByTagName("img"), t = [];
+      for (let n = a.length - 1; n >= 0; n--) {
+        const r = a[n], l = "img-" + ye();
+        r.classList.add(l), t.push(l);
+      }
+      setTimeout(async () => {
+        var n, r;
+        for (let l = t.length - 1; l >= 0; l--) {
+          const s = e.dom.select(`.${t[l]}`);
+          if (s.length === 0)
+            continue;
+          const u = s[0], p = u.src;
+          if (p.startsWith("data:image")) {
+            e.dom.remove(u);
+            continue;
+          } else if (p.startsWith("http://") || p.startsWith("https://")) {
+            const w = await _e(p);
+            if (w && (w.width < (m.value.minWidth || 0) && w.height < (m.value.minHeight || 0) || w.width > (m.value.maxWidth || 0) && w.height > (m.value.maxHeight || 0))) {
+              e.dom.remove(u);
+              continue;
+            }
+            const I = Q(p);
+            if (!((r = (n = m.value) == null ? void 0 : n.allowedType) != null && r.includes(I.toLowerCase()))) {
+              e.dom.remove(u);
+              continue;
+            }
           }
         }
-      }
+      });
     }
     xe(() => {
       var o;
@@ -220,7 +230,7 @@ const ua = /* @__PURE__ */ he({
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: B.value,
+        target: R.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -295,19 +305,19 @@ const ua = /* @__PURE__ */ he({
         convert_urls: !1,
         paste_webkit_styles: "all",
         paste_data_images: !0,
-        images_file_types: ((o = d.value.allowedType) == null ? void 0 : o.join(",")) || "jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp",
+        images_file_types: ((o = m.value.allowedType) == null ? void 0 : o.join(",")) || "jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp",
         // 粘贴前处理
         paste_preprocess(a, t) {
           t.content = t.content.replace(/<video[^>]*(?:\/>|>[\s\S]*?<\/video>)/g, ""), t.content = t.content.replace(/<audio[^>]*(?:\/>|>[\s\S]*?<\/audio>)/g, ""), t.content = t.content.replace(/<nav/g, "<div").replace(/<\/nav>/g, "</div>"), t.content = t.content.replace(/<header/g, "<div").replace(/<\/header>/g, "</div>"), t.content = t.content.replace(/<footer/g, "<div").replace(/<\/footer>/g, "</div>"), t.content = t.content.replace(/<aside/g, "<div").replace(/<\/aside>/g, "</div>"), t.content = t.content.replace(/<section/g, "<div").replace(/<\/section>/g, "</div>"), t.content = t.content.replace(/<main/g, "<div").replace(/<\/main>/g, "</div>"), t.content = t.content.replace(/<article/g, "<div").replace(/<\/article>/g, "</div>"), t.content = t.content.replace(/<details/g, "<div").replace(/<\/details>/g, "</div>");
         },
         // 粘贴后处理(处理异步操作)
         paste_postprocess(a, t) {
-          F(t.node);
+          N(a, t);
         },
         images_upload_handler(a) {
           return new Promise(async (t, n) => {
-            var y, N, O;
-            if (!((y = d.value) != null && y.handleRequest))
+            var w, I, L;
+            if (!((w = m.value) != null && w.handleRequest))
               return n({ message: "缺少图片上传配置", remove: !0 });
             f.value = {
               show: !0,
@@ -317,25 +327,25 @@ const ua = /* @__PURE__ */ he({
             if (!(r != null && r.name) && !(r != null && r.lastModified) && r.type === "image/png")
               return f.value.show = !1, n({ message: "不允许粘贴", remove: !0 });
             const s = await be(r, l, {
-              imageMaxSize: d.value.maxSize,
-              imageAllowedType: d.value.allowedType,
+              imageMaxSize: m.value.maxSize,
+              imageAllowedType: m.value.allowedType,
               // imageAllowedMineType: mergeImageUploadOptions.value.allowedMineType,
-              imageMinWidth: d.value.minWidth,
-              imageMinHeight: d.value.minHeight,
-              imageMaxWidth: d.value.maxWidth,
-              imageMaxHeight: d.value.maxHeight
+              imageMinWidth: m.value.minWidth,
+              imageMinHeight: m.value.minHeight,
+              imageMaxWidth: m.value.maxWidth,
+              imageMaxHeight: m.value.maxHeight
             });
             if (!s.success)
               return f.value.show = !1, n({ message: (s == null ? void 0 : s.errorMessage) || "", remove: !0 });
             if (s.hasTransform) {
               r = s.file;
-              const L = l == null ? void 0 : l.split(".");
-              L.pop(), l = `${L.join(",")}.jpg`;
+              const O = l == null ? void 0 : l.split(".");
+              O.pop(), l = `${O.join(",")}.jpg`;
             }
             const u = await J(r);
             if (!u.success)
               return f.value.show = !1, n({ message: u == null ? void 0 : u.errorMessage, remove: !0 });
-            const p = await ((O = (N = d.value).handleRequest) == null ? void 0 : O.call(N, K(u.file, l), l, { extParameters: m.extParameters }));
+            const p = await ((L = (I = m.value).handleRequest) == null ? void 0 : L.call(I, K(u.file, l), l, { extParameters: d.extParameters }));
             if (!p || !p.success)
               return f.value.show = !1, n({ message: p.errorMessage, remove: !0 });
             f.value.show = !1, t(p.url);
@@ -347,7 +357,7 @@ const ua = /* @__PURE__ */ he({
             _.value.dialogVisible = !0, setTimeout(() => {
               var s, u;
               const l = (s = document == null ? void 0 : document.querySelector) == null ? void 0 : s.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
-              l && (l.innerHTML = ((u = d.value) == null ? void 0 : u.tipText) || "上传");
+              l && (l.innerHTML = ((u = m.value) == null ? void 0 : u.tipText) || "上传");
             });
           };
           if (a.ui.registry.addMenuItem("localImage", {
@@ -363,7 +373,7 @@ const ua = /* @__PURE__ */ he({
               v.value.dialogVisible = !0, setTimeout(() => {
                 var u, p;
                 const s = (u = document == null ? void 0 : document.querySelector) == null ? void 0 : u.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
-                s && (s.innerHTML = ((p = d.value) == null ? void 0 : p.tipText) || "上传");
+                s && (s.innerHTML = ((p = m.value) == null ? void 0 : p.tipText) || "上传");
               });
             };
             a.ui.registry.addMenuItem("localAudio", {
@@ -391,10 +401,10 @@ const ua = /* @__PURE__ */ he({
             });
           }
         }
-      }, i = A(
+      }, i = C(
         [
-          m.options,
-          C.options,
+          d.options,
+          A.options,
           e
         ],
         {
@@ -406,99 +416,99 @@ const ua = /* @__PURE__ */ he({
       );
       X.init(i).then(([a]) => {
         var t;
-        a && (a.customProps = { ...m }, a.on("change input Redo Undo SetContent", () => {
-          if (D.value) {
-            D.value = !1;
+        a && (a.customProps = { ...d }, a.on("change input Redo Undo SetContent", () => {
+          if (P.value) {
+            P.value = !1;
             return;
           }
-          P.value = !0, k("input", a.getContent());
+          D.value = !0, z("input", a.getContent());
         }), a.on("paste", (n) => {
           var l, s;
           const r = ((l = n.clipboardData) == null ? void 0 : l.files) || [];
           for (let u of r) {
             const p = Q(u.name) || "";
-            (s = d.value.allowedType) != null && s.includes(p.toLowerCase()) || n.preventDefault();
+            (s = m.value.allowedType) != null && s.includes(p.toLowerCase()) || n.preventDefault();
           }
-        }), (t = m.initComplete) == null || t.call(m, { editorIns: a }), w.value = a);
+        }), (t = d.initComplete) == null || t.call(d, { editorIns: a }), b.value = a);
       });
     }), we(() => {
       var e;
-      (e = w.value) == null || e.destroy();
+      (e = b.value) == null || e.destroy();
     });
-    const le = () => {
+    const ne = () => {
       var i, o;
       const e = { ...v.value.additionalData || {} };
-      return ((o = (i = g.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: m.extParameters })) || {};
-    }, ne = () => {
+      return ((o = (i = g.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: d.extParameters })) || {};
+    }, le = () => {
       var i, o;
       const e = { ...v.value.additionalData || {} };
-      return ((o = (i = g.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: m.extParameters })) || {};
+      return ((o = (i = g.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: d.extParameters })) || {};
     }, re = (e, i, o) => {
       var t, n;
       const a = (n = (t = g == null ? void 0 : g.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, e);
-      a != null && a.url ? o[o.length - 1].url = a.url : a != null && a.errorMessage && (b.error(a.errorMessage), o.splice(o.length - 1, 1)), v.value.formData.file = o;
+      a != null && a.url ? o[o.length - 1].url = a.url : a != null && a.errorMessage && (y.error(a.errorMessage), o.splice(o.length - 1, 1)), v.value.formData.file = o;
     }, se = (e, i) => new Promise((o, a) => {
       var n, r, l, s, u, p;
       const t = e.name.split(".").filter(Boolean).pop() ? e.name.split(".").filter(Boolean).pop() : "";
       if (!((r = (n = g.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
-        b.error(`请上传格式为${(s = (l = g.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的音频`), a();
+        y.error(`请上传格式为${(s = (l = g.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((w) => w.toUpperCase()).join("、")}的音频`), a();
         return;
       }
       if (e.size > (((u = g.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
-        b.error(`请上传${((p = g.value) == null ? void 0 : p.maxSize) || 0}M内的音频`), a();
+        y.error(`请上传${((p = g.value) == null ? void 0 : p.maxSize) || 0}M内的音频`), a();
         return;
       }
       v.value.additionalData = { file: e }, o(!0);
     }), ue = (e, i) => {
       v.value.formData.file = i;
-    }, de = (e, i, o) => {
-      b.error("上传发生错误，请重试!"), v.value.formData.file = o;
-    }, me = () => {
+    }, me = (e, i, o) => {
+      y.error("上传发生错误，请重试!"), v.value.formData.file = o;
+    }, de = () => {
       var i, o;
       const e = { ...x.value.additionalData || {} };
-      return ((o = (i = c.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: m.extParameters })) || {};
+      return ((o = (i = c.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: d.extParameters })) || {};
     }, ce = () => {
       var i, o;
       const e = { ...x.value.additionalData || {} };
-      return ((o = (i = c.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: m.extParameters })) || {};
+      return ((o = (i = c.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: d.extParameters })) || {};
     }, pe = (e, i, o) => {
       var t, n;
       const a = (n = (t = c == null ? void 0 : c.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, e);
-      a != null && a.url ? o[o.length - 1].url = a.url : a != null && a.errorMessage && (b.error(a.errorMessage), o.splice(o.length - 1, 1)), x.value.formData.file = o;
+      a != null && a.url ? o[o.length - 1].url = a.url : a != null && a.errorMessage && (y.error(a.errorMessage), o.splice(o.length - 1, 1)), x.value.formData.file = o;
     }, ve = (e, i) => new Promise((o, a) => {
       var n, r, l, s, u, p;
       const t = e.name.split(".").filter(Boolean).pop() ? e.name.split(".").filter(Boolean).pop() : "";
       if (!((r = (n = c == null ? void 0 : c.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
-        b.error(`请上传格式为${(s = (l = c == null ? void 0 : c.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的视频`), a();
+        y.error(`请上传格式为${(s = (l = c == null ? void 0 : c.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((w) => w.toUpperCase()).join("、")}的视频`), a();
         return;
       }
       if (e.size > (((u = c == null ? void 0 : c.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
-        b.error(`请上传${((p = c == null ? void 0 : c.value) == null ? void 0 : p.maxSize) || 0}M内的视频`), a();
+        y.error(`请上传${((p = c == null ? void 0 : c.value) == null ? void 0 : p.maxSize) || 0}M内的视频`), a();
         return;
       }
       x.value.additionalData = { file: e }, o(!0);
     }), fe = (e, i) => {
       x.value.formData.file = i;
     }, ge = (e, i, o) => {
-      b.error("上传发生错误，请重试!"), x.value.formData.file = o;
+      y.error("上传发生错误，请重试!"), x.value.formData.file = o;
     };
-    return I(() => [m.disabled, w.value], () => {
+    return S(() => [d.disabled, b.value], () => {
       var e, i;
-      (i = (e = w.value) == null ? void 0 : e.mode) == null || i.set(m.disabled ? "readonly" : "design");
-    }, { immediate: !0 }), I(
-      () => [m.value, w.value],
+      (i = (e = b.value) == null ? void 0 : e.mode) == null || i.set(d.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), S(
+      () => [d.value, b.value],
       () => {
         var e;
-        if (P.value) {
-          P.value = !1;
+        if (D.value) {
+          D.value = !1;
           return;
         }
-        D.value = !0, (e = w.value) == null || e.setContent(m.value ? m.value : "");
+        P.value = !0, (e = b.value) == null || e.setContent(d.value ? d.value : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, defaultImageUploadOptions: z, defaultVideoUploadOptions: H, defaultAudioUploadOptions: V, props: m, emits: k, insRef: B, editorRef: w, preventSettingContent: P, preventUpdatingModelValue: D, uploadLoadingConfig: f, mergeImageUploadOptions: d, mergeVideoUploadOptions: c, mergeAudioUploadOptions: g, mergeImgPondOptions: U, imgPondAccept: Z, uploadImageImgPondRef: M, audioImageImgPondRef: S, uploadImage: _, uploadImageFormRef: R, onUploadImageClose: W, onUploadImageConfirm: ee, uploadAudio: v, uploadAudioFormRef: E, onUploadAudioClose: $, onUploadAudioConfirm: ae, uploadVideo: x, uploadVideoFormRef: j, onUploadVideoClose: q, onUploadVideoConfirm: te, onImageUploadUploadExceed: oe, onImageUploadUpload: ie, processPastedImage: F, getUploadAudioData: le, getUploadAudioHeaders: ne, onUploadAudioSuccess: re, onUploadAudioBeforeUpload: se, onUploadAudioRemove: ue, onUploadAudioError: de, getUploadVideoData: me, getUploadVideoHeaders: ce, onUploadVideoSuccess: pe, onUploadVideoBeforeUpload: ve, onUploadVideoRemove: fe, onUploadVideoError: ge, ImgPond: _e };
+    ), { __sfc: !0, defaultImageUploadOptions: H, defaultVideoUploadOptions: V, defaultAudioUploadOptions: B, props: d, emits: z, insRef: R, editorRef: b, preventSettingContent: D, preventUpdatingModelValue: P, uploadLoadingConfig: f, mergeImageUploadOptions: m, mergeVideoUploadOptions: c, mergeAudioUploadOptions: g, mergeImgPondOptions: k, imgPondAccept: Z, uploadImageImgPondRef: M, audioImageImgPondRef: U, uploadImage: _, uploadImageFormRef: W, onUploadImageClose: $, onUploadImageConfirm: ee, uploadAudio: v, uploadAudioFormRef: E, onUploadAudioClose: j, onUploadAudioConfirm: ae, uploadVideo: x, uploadVideoFormRef: q, onUploadVideoClose: F, onUploadVideoConfirm: te, onImageUploadUploadExceed: oe, onImageUploadUpload: ie, processPastedImage: N, getUploadAudioData: ne, getUploadAudioHeaders: le, onUploadAudioSuccess: re, onUploadAudioBeforeUpload: se, onUploadAudioRemove: ue, onUploadAudioError: me, getUploadVideoData: de, getUploadVideoHeaders: ce, onUploadVideoSuccess: pe, onUploadVideoBeforeUpload: ve, onUploadVideoRemove: fe, onUploadVideoError: ge, ImgPond: Te };
   }
 });
 export {
-  ua as default
+  ma as default
 };

package/es/index.js

@@ -1,7 +1,7 @@
 import './style.css';
 import o from "./editor.vue.js";
 import { Button as s, Slider as i, Dialog as n, Upload as r, Tag as u, Form as m, FormItem as l, ButtonGroup as g, InputNumber as c, Loading as b } from "element-ui";
-import { blobToFile as y, getFileExtension as I, getImagePixel as j } from "./util.js";
+import { blobToFile as I, generateUUID as y, getFileExtension as U, getImagePixel as a } from "./util.js";
 const d = {}, x = Object.assign(o, {
   install: (e, t) => {
     Object.assign(d, t || {}), e.use(s), e.use(i), e.use(n), e.use(r), e.use(u), e.use(m), e.use(l), e.use(g), e.use(c), e.use(b), e.component("KbTinymceEditor", o);
@@ -9,9 +9,10 @@ const d = {}, x = Object.assign(o, {
 });
 export {
   x as TinymceEditor,
-  y as blobToFile,
+  I as blobToFile,
   x as default,
-  I as getFileExtension,
-  j as getImagePixel,
+  y as generateUUID,
+  U as getFileExtension,
+  a as getImagePixel,
   d as globalProps
 };

package/es/util.d.ts

@@ -18,3 +18,4 @@ export declare function getFileExtension(filename: string): string;
  * @param filename
  */
 export declare function blobToFile(data: File | Blob, filename: string): File;
+export declare function generateUUID(): string;

package/es/util.js

@@ -1,22 +1,27 @@
-function r(e) {
+function o(e) {
   return new Promise((n) => {
-    const i = new Image();
-    i.onload = function() {
-      n({ width: i.width, height: i.height, image: i });
-    }, i.onerror = function(t) {
-      n(void 0);
-    }, i.src = e;
+    const t = new Image();
+    t.onload = function() {
+      n({ width: t.width, height: t.height, image: t }), t.remove();
+    }, t.onerror = function(i) {
+      n(void 0), t.remove();
+    }, t.src = e;
   });
 }
-function o(e) {
+function r(e) {
   const n = e.split(".");
   return n ? n[n.length - 1] : "";
 }
-function u(e, n) {
+function c(e, n) {
   return e.name ? e : new File([e], n, { type: e.type });
 }
+function g() {
+  const e = Date.now().toString(16), n = Math.random().toString(16).slice(2);
+  return `${e}-${n}`;
+}
 export {
-  u as blobToFile,
-  o as getFileExtension,
-  r as getImagePixel
+  c as blobToFile,
+  g as generateUUID,
+  r as getFileExtension,
+  o as getImagePixel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/tinymce-editor-vue2",
   "description": "KeyBlade Tinymce Editor Vue2",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.0.12-alpha.37",
+  "version": "0.0.12-alpha.38",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -23,7 +23,7 @@
     "vue-global-config": "^0.2.6",
     "tinymce": "^7.1.0",
     "element-ui": "^2.15.14",
-    "@keyblade/one-travel": "^2.0.7"
+    "@keyblade/one-travel": "^2.0.8"
   },
   "peerDependencies": {
     "vue": "^2.7.0",