@keyblade/tinymce-editor-vue2 0.0.12-alpha.3 → 0.0.12-alpha.30

package/es/editor.vue2.js

@@ -1,9 +1,11 @@
-import { defineComponent as ne, ref as u, computed as y, onMounted as re, onUnmounted as se, watch as O } from "vue";
-import { oneTravelImageCheck as B, oneTravelImageCompressor as E, getImagePixel as me } from "./util.js";
-import de from "imgpond";
-import { conclude as M } from "vue-global-config";
-import I from "tinymce";
-import ue from "./langs/zh_CN.js";
+import { defineComponent as ge, ref as g, computed as C, watch as U, onMounted as he, onUnmounted as xe } 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 we } from "./util.js";
+import "./style.less.js";
+import ye from "imgpond";
+import { conclude as T } from "vue-global-config";
+import X from "tinymce";
+import _e from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -32,59 +34,102 @@ import "tinymce/plugins/table";
 import "tinymce/plugins/visualblocks";
 import "tinymce/plugins/visualchars";
 import "tinymce/plugins/wordcount";
-import { globalProps as x } from "./index.js";
-import { Loading as pe, Message as f } from "element-ui";
-const Qe = /* @__PURE__ */ ne({
+import { globalProps as A } from "./index.js";
+import { Message as w, Loading as Ce } from "element-ui";
+const ua = /* @__PURE__ */ ge({
   __name: "editor",
   props: {
     value: { default: "" },
-    modelValue: { default: "" },
-    disabled: { type: Boolean },
-    extParameters: null,
-    imageUploadMaxCount: { default: 2 },
-    imageUploadTip: { default: "上传" },
-    imageMaxSize: { default: 30 },
-    imageAllowedType: { default: () => ["jpg", "jpeg", "png", "bmp", "heif", "gif", "webp"] },
-    imageAllowedMineType: { default: () => ["image/jpg", "image/jpeg", "image/png", "image/bmp", "image/heif", "image/heic", "image/gif", "image/webp"] },
-    imageMinWidth: { default: 60 },
-    imageMinHeight: { default: 60 },
-    imageMaxWidth: { default: 6e3 },
-    imageMaxHeight: { default: 6e3 },
-    audioMaxSize: { default: 200 },
-    audioAllowedType: { default: () => ["MP3", "M4A", "WAV", "AAC"] },
+    disabled: { type: Boolean, default: !1 },
+    extParameters: { default: () => ({}) },
+    options: { default: () => ({}) },
+    imageUploadOptions: null,
+    imgPondOptions: null,
     audioUploadOptions: null,
-    videoMaxSize: { default: 300 },
-    videoAllowedType: { default: () => ["MP4", "3GP"] },
     videoUploadOptions: null,
-    imageUploadHandle: null,
-    paste_preprocess: null,
-    paste_postprocess: null,
-    initComplete: null,
-    options: { default: () => ({}) },
-    imgPondOptions: null
+    initComplete: null
   },
-  emits: ["input", "update:modelValue"],
-  setup(F, { emit: S }) {
-    const a = F;
-    I.addI18n("zh_CN", ue);
-    const z = u(), m = u(), _ = u(!1), w = u(!1), v = u({
+  emits: ["input"],
+  setup(Y, { emit: I }) {
+    const c = Y;
+    X.addI18n("zh_CN", _e);
+    const z = {
+      maxCount: 10,
+      tipText: "上传",
+      maxSize: 30,
+      allowedType: ["jpg", "jpeg", "png", "bmp", "heif", "heic", "gif", "webp"],
+      // allowedMineType: ['image/jpg', 'image/jpeg', 'image/png', 'image/bmp', 'image/heif', 'image/heic', 'image/gif', 'image/webp']
+      minWidth: 50,
+      minHeight: 50,
+      maxWidth: 6e3,
+      maxHeight: 6e3
+    }, V = {
+      enable: !0,
+      maxSize: 300,
+      allowedType: ["mp4", "3gp"]
+    }, B = {
+      enable: !0,
+      maxSize: 200,
+      allowedType: ["mp3", "m4a", "wav", "aac"]
+    }, H = g(), x = g(), P = g(!1), D = g(!1), b = g({
+      show: !1,
+      text: "图片上传中，请稍等"
+    }), d = C(() => T([c.imageUploadOptions, A.imageUploadOptions, z]) || {}), m = C(() => T([c.videoUploadOptions, A.videoUploadOptions, V]) || {}), f = C(() => T([c.audioUploadOptions, A.audioUploadOptions, B]) || {}), k = C(() => T([c.imgPondOptions, A.imgPondOptions]) || {}), Z = C(() => {
+      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(",")) || "";
+    }), M = g();
+    U(() => M.value, () => {
+      M.value && G(M.value, {
+        onStart: () => {
+          b.value = {
+            show: !0,
+            text: "图片加载中，请稍等"
+          };
+        },
+        onSuccess: () => {
+          b.value.show = !1;
+        },
+        onError: (e) => {
+          b.value.show = !1, w.error(e);
+        }
+      });
+    }, { immediate: !0 });
+    const S = g();
+    U(() => S.value, () => {
+      if (S.value) {
+        let e;
+        G(S.value, {
+          onStart: () => {
+            e = Ce.service({ text: "图片加载中，请稍等", fullscreen: !0, customClass: "tinymce-loading", background: "rgba(0, 0, 0, 0.8)" });
+          },
+          onSuccess: () => {
+            e == null || e.close();
+          },
+          onError: (i) => {
+            e == null || e.close(), w.error(i);
+          }
+        });
+      }
+    }, { immediate: !0 });
+    const _ = g({
       dialogVisible: !1,
       formData: {
         images: []
       }
-    }), P = u(), N = () => {
-      v.value.dialogVisible = !1, v.value.formData = {
+    }), R = g(), W = () => {
+      _.value.dialogVisible = !1, _.value.formData = {
         images: []
       };
-    }, q = () => {
-      var t;
-      (t = P.value) == null || t.validate((n) => {
-        n && (v.value.formData.images.forEach((o) => {
-          var e;
-          (e = m.value) == null || e.insertContent(`<img src=${o} alt="" />`);
-        }), v.value.dialogVisible = !1, v.value.formData.images = []);
+    }, ee = () => {
+      var e;
+      (e = R.value) == null || e.validate((i) => {
+        i && (_.value.formData.images.forEach((o) => {
+          var t;
+          let a = o;
+          k.value.srcAt && (a = (o == null ? void 0 : o[k.value.srcAt]) || ""), (t = x.value) == null || t.insertContent(`<img src=${a} alt="" />`);
+        }), W());
       });
-    }, r = u({
+    }, v = g({
       dialogVisible: !1,
       formData: {
         // 名称
@@ -93,112 +138,85 @@ const Qe = /* @__PURE__ */ ne({
         cover: [],
         // 文件
         file: []
-      }
-    }), k = u(), j = () => {
-      var t;
-      (t = k.value) == null || t.validate((n) => {
-        var o, e;
-        n && ((e = m.value) == null || e.insertContent(`<audio controls data-name="${r.value.formData.name}" data-poster="${r.value.formData.cover[0]}" src="${(o = r.value.formData.file[0]) == null ? void 0 : o.url}"></audio>`), r.value.dialogVisible = !1, r.value.formData = {
-          name: "",
-          cover: [],
-          file: []
-        });
-      });
-    }, G = () => {
-      r.value.dialogVisible = !1, r.value.formData = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), j = g(), $ = () => {
+      v.value.dialogVisible = !1, v.value.formData = {
         name: "",
         cover: [],
         file: []
-      };
-    }, d = u({
+      }, v.value.additionalData = {};
+    }, ae = () => {
+      var e;
+      (e = j.value) == null || e.validate((i) => {
+        var o, a;
+        i && ((a = x.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>`), $());
+      });
+    }, h = g({
       dialogVisible: !1,
       formData: {
         // 文件
         file: []
-      }
-    }), W = u(), J = () => {
-      var t;
-      (t = W.value) == null || t.validate((n) => {
-        var o, e;
-        n && ((e = m.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(o = d.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), d.value.dialogVisible = !1, d.value.formData = {
-          file: []
-        });
-      });
-    }, K = () => {
-      d.value.dialogVisible = !1, d.value.formData = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), E = g(), q = () => {
+      h.value.dialogVisible = !1, h.value.formData = {
         file: []
-      };
-    }, Q = (t, n) => new Promise(async (o, e) => {
-      var h;
-      const i = await B(t, {
-        imageMaxSize: a.imageMaxSize,
-        imageAllowedMineType: a.imageAllowedMineType,
-        imageMinWidth: a.imageMinWidth,
-        imageMinHeight: a.imageMinHeight,
-        imageMaxWidth: a.imageMaxWidth,
-        imageMaxHeight: a.imageMaxHeight
+      }, h.value.additionalData = {};
+    }, te = () => {
+      var e;
+      (e = E.value) == null || e.validate((i) => {
+        var o, a;
+        i && ((a = x.value) == null || a.insertContent(`<video controls controlslist="nodownload" src="${(o = h.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), q());
       });
-      if (!i.success) {
-        e(), setTimeout(() => {
-          var p, g, b;
-          (p = i.error) != null && p.size ? n.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (g = i.error) != null && g.format ? n.onError(`请上传格式为${a.imageAllowedType.map((V) => V.toUpperCase()).join("、")}的图片`) : (b = i.error) != null && b.pixel && n.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
-        });
-        return;
-      }
-      const l = await E(t);
-      if (!l.success) {
-        e(), setTimeout(() => {
-          n.onError(l.errorMessage);
+    }, oe = (e, i) => new Promise(async (o, a) => {
+      var r, l;
+      const t = await J(e);
+      if (!t.success) {
+        a(), setTimeout(() => {
+          i.onError(t.errorMessage);
         });
         return;
       }
-      const s = await ((h = c.value) == null ? void 0 : h.call(c, l.file, t.name, { extParameters: a.extParameters }));
-      if (!s.success) {
-        e(), setTimeout(() => {
-          n.onError(s.errorMessage);
+      const n = await ((l = (r = d.value).handleRequest) == null ? void 0 : l.call(r, K(t.file, e.name), e.name, { extParameters: c.extParameters }));
+      if (!n || !(n != null && n.success)) {
+        a(), setTimeout(() => {
+          i.onError(n == null ? void 0 : n.errorMessage);
         });
         return;
       }
-      o(s.url);
+      o(n.url);
     });
-    async function $(t) {
-      var o, e;
-      const n = t.getElementsByTagName("img");
-      for (let i of n) {
-        const l = i.src;
-        if (l.startsWith("http://") || l.startsWith("https://")) {
-          const s = await me(l);
-          if (s.width < a.imageMinWidth && s.height < a.imageMinHeight || s.width > a.imageMaxWidth && s.height > a.imageMaxHeight) {
-            (o = i == null ? void 0 : i.remove) == null || o.call(i);
+    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 we(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 h = l.split("."), p = h[h.length - 1].toLowerCase();
-          if (!a.imageAllowedType.includes(p)) {
-            (e = i == null ? void 0 : i.remove) == null || e.call(i);
+          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;
           }
         }
       }
     }
-    const A = y(() => M([a.videoUploadOptions, x.videoUploadOptions]) || {}), U = y(() => M([a.audioUploadOptions, x.audioUploadOptions]) || {}), X = y(() => M([a.imgPondOptions, x.imgPondOptions]) || {}), C = y(
-      () => M([a.paste_preprocess, x.paste_preprocess], {
-        type: Function
-      })
-    ), T = y(
-      () => M([a.paste_postprocess, x.paste_postprocess], {
-        type: Function
-      })
-    ), c = y(
-      () => M([a.imageUploadHandle, x.imageUploadHandle], {
-        type: Function
-      })
-    );
-    re(() => {
-      const t = {
+    he(() => {
+      var o;
+      const e = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: z.value,
+        target: H.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -253,12 +271,13 @@ const Qe = /* @__PURE__ */ ne({
         ],
         menu: {
           insert: {
-            title: "菜单",
+            title: "插入",
             items: "localImage localAudio localVideo | link mobilelink | template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime"
           }
         },
+        toolbar_mode: "sliding",
         // 工具栏
-        toolbar: "undo redo | bold italic underline strikethrough  | fontfamily fontsize styles | alignleft aligncenter alignright alignjustify | outdent indent",
+        toolbar: "undo redo | bold italic underline strikethrough  | fontfamily fontsize styles | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen preview save print | localImage localAudio localVideo link anchor | ltr rtl",
         // 改动后刷新，不再弹 alert
         autosave_ask_before_unload: !1,
         // 内容样式 data-mce-bogus="all" 音频点击会出现另外一个
@@ -272,161 +291,210 @@ const Qe = /* @__PURE__ */ ne({
         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",
         // 粘贴前处理
-        paste_preprocess(o, e) {
-          var i;
-          e.content = e.content.replace(/<video[^>]*(?:\/>|>[\s\S]*?<\/video>)/g, ""), e.content = e.content.replace(/<audio[^>]*(?:\/>|>[\s\S]*?<\/audio>)/g, ""), e.content = e.content.replace(/<nav/g, "<div").replace(/<\/nav>/g, "</div>"), e.content = e.content.replace(/<header/g, "<div").replace(/<\/header>/g, "</div>"), e.content = e.content.replace(/<footer/g, "<div").replace(/<\/footer>/g, "</div>"), e.content = e.content.replace(/<aside/g, "<div").replace(/<\/aside>/g, "</div>"), e.content = e.content.replace(/<section/g, "<div").replace(/<\/section>/g, "</div>"), e.content = e.content.replace(/<main/g, "<div").replace(/<\/main>/g, "</div>"), e.content = e.content.replace(/<article/g, "<div").replace(/<\/article>/g, "</div>"), e.content = e.content.replace(/<details/g, "<div").replace(/<\/details>/g, "</div>"), (i = C.value) == null || i.call(C, o, e);
+        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(o, e) {
-          var l;
-          const i = e.node;
-          $(i), (l = T.value) == null || l.call(T, o, e);
+        paste_postprocess(a, t) {
+          F(t.node);
         },
-        images_upload_handler(o) {
-          return new Promise(async (e, i) => {
-            var V, D, H, R;
-            const l = pe.service({ text: "上传中" });
-            let s = o.blob();
-            const h = o.filename(), p = await B(s, {
-              imageMaxSize: a.imageMaxSize,
-              imageAllowedMineType: a.imageAllowedMineType,
-              imageMinWidth: a.imageMinWidth,
-              imageMinHeight: a.imageMinHeight,
-              imageMaxWidth: a.imageMaxWidth,
-              imageMaxHeight: a.imageMaxHeight
+        images_upload_handler(a) {
+          return new Promise(async (t, n) => {
+            var y, N, O;
+            if (!((y = d.value) != null && y.handleRequest))
+              return n({ message: "缺少图片上传配置", remove: !0 });
+            b.value = {
+              show: !0,
+              text: "图片上传中，请稍等"
+            };
+            let r = a.blob(), l = r.name ? r.name : a.filename();
+            if (!(r != null && r.name) && !(r != null && r.lastModified) && r.type === "image/png")
+              return b.value.show = !1, n({ message: "不允许粘贴", remove: !0 });
+            const s = await be(r, l, {
+              imageMaxSize: d.value.maxSize,
+              imageAllowedType: d.value.allowedType,
+              // imageAllowedMineType: mergeImageUploadOptions.value.allowedMineType,
+              imageMinWidth: d.value.minWidth,
+              imageMinHeight: d.value.minHeight,
+              imageMaxWidth: d.value.maxWidth,
+              imageMaxHeight: d.value.maxHeight
             });
-            if (!p.success) {
-              if (l == null || l.close(), (V = p.error) != null && V.size)
-                return i({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
-              if ((D = p.error) != null && D.format)
-                return i({ message: `请上传格式为${a.imageAllowedType.map((le) => le.toUpperCase()).join("、")}的图片`, remove: !0 });
-              if ((H = p.error) != null && H.pixel)
-                return i({ message: `请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
+            if (!s.success)
+              return b.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 g = await E(s);
-            if (!g.success)
-              return l == null || l.close(), i({ message: g == null ? void 0 : g.errorMessage, remove: !0 });
-            if (!c.value)
-              return l == null || l.close(), i({ message: "缺少图片上传配置", remove: !0 });
-            const b = await ((R = c.value) == null ? void 0 : R.call(c, g.file, h, { extParameters: a.extParameters }));
-            if (!b.success)
-              return l == null || l.close(), i({ message: b.errorMessage, remove: !0 });
-            l == null || l.close(), e(b.url);
+            const u = await J(r);
+            if (!u.success)
+              return b.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: c.extParameters }));
+            if (!p || !p.success)
+              return b.value.show = !1, n({ message: p.errorMessage, remove: !0 });
+            b.value.show = !1, t(p.url);
           });
         },
-        setup(o) {
-          o.ui.registry.addMenuItem("localImage", {
+        setup(a) {
+          var n, r;
+          const t = () => {
+            _.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) || "上传");
+            });
+          };
+          if (a.ui.registry.addMenuItem("localImage", {
             text: "图片",
             icon: "image",
-            onAction: () => {
+            onAction: () => t()
+          }), a.ui.registry.addButton("localImage", {
+            icon: "image",
+            tooltip: "图片",
+            onAction: () => t()
+          }), (n = f == null ? void 0 : f.value) != null && n.enable) {
+            const l = () => {
               v.value.dialogVisible = !0, setTimeout(() => {
-                var i;
-                const e = (i = document == null ? void 0 : document.querySelector) == null ? void 0 : i.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
-                e && (e.innerHTML = a.imageUploadTip || "上传");
+                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) || "上传");
               });
-            }
-          }), o.ui.registry.addMenuItem("localAudio", {
-            text: "音频",
-            icon: "arrow-right",
-            onAction: () => {
-              r.value.dialogVisible = !0, setTimeout(() => {
-                var i;
-                const e = (i = document == null ? void 0 : document.querySelector) == null ? void 0 : i.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
-                e && (e.innerHTML = a.imageUploadTip || "上传");
-              });
-            }
-          }), o.ui.registry.addMenuItem("localVideo", {
-            text: "视频",
-            icon: "embed",
-            onAction: () => {
-              d.value.dialogVisible = !0;
-            }
-          });
+            };
+            a.ui.registry.addMenuItem("localAudio", {
+              text: "音频",
+              icon: "arrow-right",
+              onAction: () => l()
+            }), a.ui.registry.addButton("localAudio", {
+              icon: "arrow-right",
+              tooltip: "音频",
+              onAction: () => l()
+            });
+          }
+          if ((r = m == null ? void 0 : m.value) != null && r.enable) {
+            const l = () => {
+              h.value.dialogVisible = !0;
+            };
+            a.ui.registry.addMenuItem("localVideo", {
+              text: "视频",
+              icon: "embed",
+              onAction: () => l()
+            }), a.ui.registry.addButton("localVideo", {
+              icon: "embed",
+              tooltip: "视频",
+              onAction: () => l()
+            });
+          }
         }
-      }, n = M(
+      }, i = T(
         [
-          a.options,
-          x.tinymceOptions,
-          t
+          c.options,
+          A.options,
+          e
         ],
         {
-          mergeFunction: (o, e) => (...i) => {
-            o(...i), e(...i);
+          mergeFunction: (a, t) => (...n) => {
+            a(...n), t(...n);
           },
           type: Object
         }
       );
-      I.init(n).then(([o]) => {
-        var e;
-        o && (o.customProps = { ...a }, o.on("change input Redo Undo SetContent", () => {
-          if (w.value) {
-            w.value = !1;
+      X.init(i).then(([a]) => {
+        var t;
+        a && (a.customProps = { ...c }, a.on("change input Redo Undo SetContent", () => {
+          if (D.value) {
+            D.value = !1;
             return;
           }
-          _.value = !0, S("input", o.getContent()), S("update:modelValue", o.getContent());
-        }), (e = a.initComplete) == null || e.call(a, { editorIns: o }), m.value = o);
+          P.value = !0, I("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();
+          }
+        }), (t = c.initComplete) == null || t.call(c, { editorIns: a }), x.value = a);
       });
+    }), xe(() => {
+      var e;
+      (e = x.value) == null || e.destroy();
     });
-    const Y = (t, n, o) => {
-      var i, l;
-      const e = (l = (i = U == null ? void 0 : U.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : l.call(i, t);
-      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), o.splice(o.length - 1, 1)), r.value.formData.file = o;
-    }, Z = (t, n) => new Promise((o, e) => {
-      const i = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
-      if (!a.audioAllowedType.includes(i.toUpperCase())) {
-        f.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
+    const ie = () => {
+      var i, o;
+      const e = { ...v.value.additionalData || {} };
+      return ((o = (i = f.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: c.extParameters })) || {};
+    }, le = () => {
+      var i, o;
+      const e = { ...v.value.additionalData || {} };
+      return ((o = (i = f.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: c.extParameters })) || {};
+    }, ne = (e, i, o) => {
+      var t, n;
+      const a = (n = (t = f == null ? void 0 : f.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 && (w.error(a.errorMessage), o.splice(o.length - 1, 1)), v.value.formData.file = o;
+    }, re = (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 = f.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
+        w.error(`请上传格式为${(s = (l = f.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的音频`), a();
         return;
       }
-      if (t.size > a.audioMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.audioMaxSize}M内的音频`), e();
+      if (e.size > (((u = f.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
+        w.error(`请上传${((p = f.value) == null ? void 0 : p.maxSize) || 0}M内的音频`), a();
         return;
       }
-      o(!0);
-    }), L = (t, n) => {
-      r.value.formData.file = n;
-    }, ee = (t, n, o) => {
-      f.error("上传发生错误，请重试!"), r.value.formData.file = o;
-    }, ae = (t, n, o) => {
-      var i, l;
-      const e = (l = (i = A == null ? void 0 : A.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : l.call(i, t);
-      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), o.splice(o.length - 1, 1)), d.value.formData.file = o;
-    }, oe = (t, n) => new Promise((o, e) => {
-      const i = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
-      if (!a.videoAllowedType.includes(i.toUpperCase())) {
-        f.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
+      v.value.additionalData = { file: e }, o(!0);
+    }), se = (e, i) => {
+      v.value.formData.file = i;
+    }, ue = (e, i, o) => {
+      w.error("上传发生错误，请重试!"), v.value.formData.file = o;
+    }, de = () => {
+      var i, o;
+      const e = { ...h.value.additionalData || {} };
+      return ((o = (i = m.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: e, extParameters: c.extParameters })) || {};
+    }, ce = () => {
+      var i, o;
+      const e = { ...h.value.additionalData || {} };
+      return ((o = (i = m.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: e, extParameters: c.extParameters })) || {};
+    }, me = (e, i, o) => {
+      var t, n;
+      const a = (n = (t = m == null ? void 0 : m.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 && (w.error(a.errorMessage), o.splice(o.length - 1, 1)), h.value.formData.file = o;
+    }, pe = (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 = m == null ? void 0 : m.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
+        w.error(`请上传格式为${(s = (l = m == null ? void 0 : m.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的视频`), a();
         return;
       }
-      if (t.size > a.videoMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.videoMaxSize}M内的视频`), e();
+      if (e.size > (((u = m == null ? void 0 : m.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
+        w.error(`请上传${((p = m == null ? void 0 : m.value) == null ? void 0 : p.maxSize) || 0}M内的视频`), a();
         return;
       }
-      o(!0);
-    }), ie = (t, n) => {
-      d.value.formData.file = n;
-    }, te = (t, n, o) => {
-      f.error("上传发生错误，请重试!"), d.value.formData.file = o;
+      h.value.additionalData = { file: e }, o(!0);
+    }), ve = (e, i) => {
+      h.value.formData.file = i;
+    }, fe = (e, i, o) => {
+      w.error("上传发生错误，请重试!"), h.value.formData.file = o;
     };
-    return se(() => {
-      var t;
-      (t = m.value) == null || t.destroy();
-    }), O(() => [a.disabled, m.value], () => {
-      var t, n;
-      (n = (t = m.value) == null ? void 0 : t.mode) == null || n.set(a.disabled ? "readonly" : "design");
-    }, { immediate: !0 }), O(
-      () => [a.value, a.modelValue, m.value],
+    return U(() => [c.disabled, x.value], () => {
+      var e, i;
+      (i = (e = x.value) == null ? void 0 : e.mode) == null || i.set(c.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), U(
+      () => [c.value, x.value],
       () => {
-        var t;
-        if (_.value) {
-          _.value = !1;
+        var e;
+        if (P.value) {
+          P.value = !1;
           return;
         }
-        w.value = !0, (t = m.value) == null || t.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
+        D.value = !0, (e = x.value) == null || e.setContent(c.value ? c.value : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, insRef: z, editorRef: m, preventSettingContent: _, preventUpdatingModelValue: w, uploadImage: v, uploadImageFormRef: P, onUploadImageClose: N, onUploadImageConfirm: q, uploadAudio: r, uploadAudioFormRef: k, onUploadAudioConfirm: j, onUploadAudioClose: G, uploadVideo: d, uploadVideoFormRef: W, onUploadVideoConfirm: J, onUploadVideoClose: K, onImageUploadUpload: Q, props: a, emits: S, processPastedImage: $, mergeVideoUploadOptions: A, mergeAudioUploadOptions: U, mergeImgPondOptions: X, paste_preprocess: C, paste_postprocess: T, imageUploadHandle: c, onUploadAudioSuccess: Y, onUploadAudioBeforeUpload: Z, onUploadAudioRemove: L, onUploadAudioError: ee, onUploadVideoSuccess: ae, onUploadVideoBeforeUpload: oe, onUploadVideoRemove: ie, onUploadVideoError: te, ImgPond: de };
+    ), { __sfc: !0, defaultImageUploadOptions: z, defaultVideoUploadOptions: V, defaultAudioUploadOptions: B, props: c, emits: I, insRef: H, editorRef: x, preventSettingContent: P, preventUpdatingModelValue: D, uploadLoadingConfig: b, mergeImageUploadOptions: d, mergeVideoUploadOptions: m, mergeAudioUploadOptions: f, mergeImgPondOptions: k, imgPondAccept: Z, uploadImageImgPondRef: M, audioImageImgPondRef: S, uploadImage: _, uploadImageFormRef: R, onUploadImageClose: W, onUploadImageConfirm: ee, uploadAudio: v, uploadAudioFormRef: j, onUploadAudioClose: $, onUploadAudioConfirm: ae, uploadVideo: h, uploadVideoFormRef: E, onUploadVideoClose: q, onUploadVideoConfirm: te, onImageUploadUpload: oe, processPastedImage: F, getUploadAudioData: ie, getUploadAudioHeaders: le, onUploadAudioSuccess: ne, onUploadAudioBeforeUpload: re, onUploadAudioRemove: se, onUploadAudioError: ue, getUploadVideoData: de, getUploadVideoHeaders: ce, onUploadVideoSuccess: me, onUploadVideoBeforeUpload: pe, onUploadVideoRemove: ve, onUploadVideoError: fe, ImgPond: ye };
   }
 });
 export {
-  Qe as default
+  ua as default
 };