@keyblade/tinymce-editor-vue2 0.0.12-alpha.2 → 0.0.12-alpha.21

package/es/editor.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as ne, ref as u, computed as y, onMounted as re, onUnmounted as se, watch as O } from "vue";
-import { oneTravelImageCheck as E, oneTravelImageCompressor as I, getImagePixel as me } from "./util.js";
-import de from "imgpond";
-import { conclude as M } from "vue-global-config";
-import B from "tinymce";
-import ue from "./langs/zh_CN.js";
+import { defineComponent as fe, ref as h, computed as w, watch as S, onMounted as ge, onUnmounted as he } from "vue";
+import { oneTravelImgPondBeforeAddFile as J, oneTravelImageCheckAndTransform as xe, oneTravelImageCompressor as K } from "@keyblade/one-travel";
+import { getImagePixel as be, getFileExtension as ye } from "./util.js";
+import _e from "imgpond";
+import { conclude as A } from "vue-global-config";
+import Q from "tinymce";
+import we from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -32,59 +33,99 @@ 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 C } from "./index.js";
+import { Loading as k, Message as b } from "element-ui";
+const ra = /* @__PURE__ */ fe({
   __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;
-    B.addI18n("zh_CN", ue);
-    const z = u(), m = u(), _ = u(!1), w = u(!1), v = u({
+  emits: ["input"],
+  setup(X, { emit: z }) {
+    const u = X;
+    Q.addI18n("zh_CN", we);
+    const V = {
+      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
+    }, B = {
+      enable: !0,
+      maxSize: 300,
+      allowedType: ["mp4", "3gp"]
+    }, H = {
+      enable: !0,
+      maxSize: 200,
+      allowedType: ["mp3", "m4a", "wav", "aac"]
+    }, R = h(), x = h(), P = h(!1), T = h(!1), c = w(() => A([u.imageUploadOptions, C.imageUploadOptions, V]) || {}), m = w(() => A([u.videoUploadOptions, C.videoUploadOptions, B]) || {}), f = w(() => A([u.audioUploadOptions, C.audioUploadOptions, H]) || {}), U = w(() => A([u.imgPondOptions, C.imgPondOptions]) || {}), Y = w(() => {
+      var e, o;
+      return ((o = (e = c == null ? void 0 : c.value) == null ? void 0 : e.allowedType) == null ? void 0 : o.map((i) => `.${i}`).join(",")) || "";
+    }), D = h();
+    S(() => D.value, () => {
+      if (D.value) {
+        let e;
+        J(D.value, {
+          onStart: () => {
+            e = k.service({ text: "加载中...", fullscreen: !0, customClass: "tinymce-loading" });
+          },
+          onSuccess: () => {
+            e == null || e.close();
+          },
+          onError: (o) => {
+            e == null || e.close(), b.error(o);
+          }
+        });
+      }
+    }, { immediate: !0 });
+    const M = h();
+    S(() => M.value, () => {
+      if (M.value) {
+        let e;
+        J(M.value, {
+          onStart: () => {
+            e = k.service({ text: "加载中", fullscreen: !0, customClass: "tinymce-loading" });
+          },
+          onSuccess: () => {
+            e == null || e.close();
+          },
+          onError: (o) => {
+            e == null || e.close(), b.error(o);
+          }
+        });
+      }
+    }, { immediate: !0 });
+    const _ = h({
       dialogVisible: !1,
       formData: {
         images: []
       }
-    }), P = u(), N = () => {
-      v.value.dialogVisible = !1, v.value.formData = {
+    }), W = h(), j = () => {
+      _.value.dialogVisible = !1, _.value.formData = {
         images: []
       };
-    }, q = () => {
-      var t;
-      (t = P.value) == null || t.validate((n) => {
-        n && (v.value.formData.images.forEach((i) => {
-          var e;
-          (e = m.value) == null || e.insertContent(`<img src=${i} alt="" />`);
-        }), v.value.dialogVisible = !1, v.value.formData.images = []);
+    }, Z = () => {
+      var e;
+      (e = W.value) == null || e.validate((o) => {
+        o && (_.value.formData.images.forEach((i) => {
+          var t;
+          let a = i;
+          U.value.srcAt && (a = (i == null ? void 0 : i[U.value.srcAt]) || ""), (t = x.value) == null || t.insertContent(`<img src=${a} alt="" />`);
+        }), j());
       });
-    }, r = u({
+    }, p = h({
       dialogVisible: !1,
       formData: {
         // 名称
@@ -93,112 +134,83 @@ const Qe = /* @__PURE__ */ ne({
         cover: [],
         // 文件
         file: []
-      }
-    }), k = u(), j = () => {
-      var t;
-      (t = k.value) == null || t.validate((n) => {
-        var i, e;
-        n && ((e = m.value) == null || e.insertContent(`<audio controls data-name="${r.value.formData.name}" data-poster="${r.value.formData.cover[0]}" src="${(i = r.value.formData.file[0]) == null ? void 0 : i.url}"></audio>`), r.value.dialogVisible = !1, r.value.formData = {
-          name: "",
-          cover: [],
-          file: []
-        });
-      });
-    }, G = () => {
-      r.value.dialogVisible = !1, r.value.formData = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), $ = h(), I = () => {
+      p.value.dialogVisible = !1, p.value.formData = {
         name: "",
         cover: [],
         file: []
-      };
-    }, d = u({
+      }, p.value.additionalData = {};
+    }, ee = () => {
+      var e;
+      (e = $.value) == null || e.validate((o) => {
+        var i, a;
+        o && ((a = x.value) == null || a.insertContent(`<audio controls data-name="${p.value.formData.name}" data-poster="${p.value.formData.cover[0]}" src="${(i = p.value.formData.file[0]) == null ? void 0 : i.url}"></audio>`), I());
+      });
+    }, g = h({
       dialogVisible: !1,
       formData: {
         // 文件
         file: []
-      }
-    }), W = u(), J = () => {
-      var t;
-      (t = W.value) == null || t.validate((n) => {
-        var i, e;
-        n && ((e = m.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(i = d.value.formData.file[0]) == null ? void 0 : i.url}"></video>`), d.value.dialogVisible = !1, d.value.formData = {
-          file: []
-        });
-      });
-    }, K = () => {
-      d.value.dialogVisible = !1, d.value.formData = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), E = h(), q = () => {
+      g.value.dialogVisible = !1, g.value.formData = {
         file: []
-      };
-    }, Q = (t, n) => new Promise(async (i, e) => {
-      var h;
-      const o = await E(t, {
-        imageMaxSize: a.imageMaxSize,
-        imageAllowedMineType: a.imageAllowedMineType,
-        imageMinWidth: a.imageMinWidth,
-        imageMinHeight: a.imageMinHeight,
-        imageMaxWidth: a.imageMaxWidth,
-        imageMaxHeight: a.imageMaxHeight
+      }, g.value.additionalData = {};
+    }, ae = () => {
+      var e;
+      (e = E.value) == null || e.validate((o) => {
+        var i, a;
+        o && ((a = x.value) == null || a.insertContent(`<video controls controlslist="nodownload" src="${(i = g.value.formData.file[0]) == null ? void 0 : i.url}"></video>`), q());
       });
-      if (!o.success) {
-        e(), setTimeout(() => {
-          var p, g, b;
-          (p = o.error) != null && p.size ? n.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (g = o.error) != null && g.format ? n.onError(`请上传格式为${a.imageAllowedType.map((V) => V.toUpperCase()).join("、")}的图片`) : (b = o.error) != null && b.pixel && n.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
-        });
-        return;
-      }
-      const l = await I(t);
-      if (!l.success) {
-        e(), setTimeout(() => {
-          n.onError(l.errorMessage);
+    }, te = (e, o) => new Promise(async (i, a) => {
+      var l, r;
+      const t = await K(e);
+      if (!t.success) {
+        a(), setTimeout(() => {
+          o.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 ((r = (l = c.value).handleRequest) == null ? void 0 : r.call(l, t.file, e.name, { extParameters: u.extParameters }));
+      if (!n || !(n != null && n.success)) {
+        a(), setTimeout(() => {
+          o.onError(n == null ? void 0 : n.errorMessage);
         });
         return;
       }
-      i(s.url);
+      i(n.url);
     });
-    async function $(t) {
-      var i, e;
-      const n = t.getElementsByTagName("img");
-      for (let o of n) {
-        const l = o.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) {
-            (i = o == null ? void 0 : o.remove) == null || i.call(o);
+    async function F(e) {
+      var i, a, t, n;
+      const o = e.getElementsByTagName("img");
+      for (let l of o) {
+        const r = l.src;
+        if (r.startsWith("http://") || r.startsWith("https://")) {
+          const s = await be(r);
+          if (s && (s.width < (c.value.minWidth || 0) && s.height < (c.value.minHeight || 0) || s.width > (c.value.maxWidth || 0) && s.height > (c.value.maxHeight || 0))) {
+            (i = l == null ? void 0 : l.remove) == null || i.call(l);
             return;
           }
-          const h = l.split("."), p = h[h.length - 1].toLowerCase();
-          if (!a.imageAllowedType.includes(p)) {
-            (e = o == null ? void 0 : o.remove) == null || e.call(o);
+          const d = ye(r);
+          if (!((t = (a = c.value) == null ? void 0 : a.allowedType) != null && t.includes(d.toLowerCase()))) {
+            (n = l == null ? void 0 : l.remove) == null || n.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 = {
+    ge(() => {
+      var i;
+      const e = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: z.value,
+        target: R.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -253,12 +265,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 +285,200 @@ const Qe = /* @__PURE__ */ ne({
         convert_urls: !1,
         paste_webkit_styles: "all",
         paste_data_images: !0,
+        images_file_types: ((i = c.value.allowedType) == null ? void 0 : i.join(",")) || "jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp",
         // 粘贴前处理
-        paste_preprocess(i, e) {
-          var o;
-          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>"), (o = C.value) == null || o.call(C, i, 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(i, e) {
-          var l;
-          const o = e.node;
-          $(o), (l = T.value) == null || l.call(T, i, e);
+        paste_postprocess(a, t) {
+          F(t.node);
         },
-        images_upload_handler(i) {
-          return new Promise(async (e, o) => {
-            var V, D, H, R;
-            const l = pe.service({ text: "上传中" });
-            let s = i.blob();
-            const h = i.filename(), p = await E(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 N, O, G;
+            if (!((N = c.value) != null && N.handleRequest))
+              return n({ message: "缺少图片上传配置", remove: !0 });
+            const l = k.service({ text: "上传中" });
+            let r = a.blob(), s = r.name ? r.name : a.filename();
+            if (!(r != null && r.name) && !(r != null && r.lastModified) && r.type === "image/png")
+              return l == null || l.close(), n({ message: "不允许粘贴", remove: !0 });
+            const d = await xe(r, s, {
+              imageMaxSize: c.value.maxSize,
+              imageAllowedType: c.value.allowedType,
+              // imageAllowedMineType: mergeImageUploadOptions.value.allowedMineType,
+              imageMinWidth: c.value.minWidth,
+              imageMinHeight: c.value.minHeight,
+              imageMaxWidth: c.value.maxWidth,
+              imageMaxHeight: c.value.maxHeight
             });
-            if (!p.success) {
-              if (l == null || l.close(), (V = p.error) != null && V.size)
-                return o({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
-              if ((D = p.error) != null && D.format)
-                return o({ message: `请上传格式为${a.imageAllowedType.map((le) => le.toUpperCase()).join("、")}的图片`, remove: !0 });
-              if ((H = p.error) != null && H.pixel)
-                return o({ message: `请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
+            if (!d.success)
+              return l == null || l.close(), n({ message: (d == null ? void 0 : d.errorMessage) || "", remove: !0 });
+            if (d.hasTransform) {
+              r = d.file;
+              const L = s == null ? void 0 : s.split(".");
+              L.pop(), s = `${L.join(",")}.jpeg`;
             }
-            const g = await I(s);
-            if (!g.success)
-              return l == null || l.close(), o({ message: g == null ? void 0 : g.errorMessage, remove: !0 });
-            if (!c.value)
-              return l == null || l.close(), o({ 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(), o({ message: b.errorMessage, remove: !0 });
-            l == null || l.close(), e(b.url);
+            const v = await K(r);
+            if (!v.success)
+              return l == null || l.close(), n({ message: v == null ? void 0 : v.errorMessage, remove: !0 });
+            const y = await ((G = (O = c.value).handleRequest) == null ? void 0 : G.call(O, v.file, s, { extParameters: u.extParameters }));
+            if (!y || !y.success)
+              return l == null || l.close(), n({ message: y.errorMessage, remove: !0 });
+            l == null || l.close(), t(y.url);
           });
         },
-        setup(i) {
-          i.ui.registry.addMenuItem("localImage", {
+        setup(a) {
+          var n, l;
+          const t = () => {
+            _.value.dialogVisible = !0, setTimeout(() => {
+              var s, d;
+              const r = (s = document == null ? void 0 : document.querySelector) == null ? void 0 : s.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
+              r && (r.innerHTML = ((d = c.value) == null ? void 0 : d.tipText) || "上传");
+            });
+          };
+          if (a.ui.registry.addMenuItem("localImage", {
             text: "图片",
             icon: "image",
-            onAction: () => {
-              v.value.dialogVisible = !0, setTimeout(() => {
-                var o;
-                const e = (o = document == null ? void 0 : document.querySelector) == null ? void 0 : o.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
-                e && (e.innerHTML = a.imageUploadTip || "上传");
-              });
-            }
-          }), i.ui.registry.addMenuItem("localAudio", {
-            text: "音频",
-            icon: "arrow-right",
-            onAction: () => {
-              r.value.dialogVisible = !0, setTimeout(() => {
-                var o;
-                const e = (o = document == null ? void 0 : document.querySelector) == null ? void 0 : o.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
-                e && (e.innerHTML = a.imageUploadTip || "上传");
+            onAction: () => t()
+          }), a.ui.registry.addButton("localImage", {
+            icon: "image",
+            tooltip: "图片",
+            onAction: () => t()
+          }), (n = f == null ? void 0 : f.value) != null && n.enable) {
+            const r = () => {
+              p.value.dialogVisible = !0, setTimeout(() => {
+                var d, v;
+                const s = (d = document == null ? void 0 : document.querySelector) == null ? void 0 : d.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
+                s && (s.innerHTML = ((v = c.value) == null ? void 0 : v.tipText) || "上传");
               });
-            }
-          }), i.ui.registry.addMenuItem("localVideo", {
-            text: "视频",
-            icon: "embed",
-            onAction: () => {
-              d.value.dialogVisible = !0;
-            }
-          });
+            };
+            a.ui.registry.addMenuItem("localAudio", {
+              text: "音频",
+              icon: "arrow-right",
+              onAction: () => r()
+            }), a.ui.registry.addButton("localAudio", {
+              icon: "arrow-right",
+              tooltip: "音频",
+              onAction: () => r()
+            });
+          }
+          if ((l = m == null ? void 0 : m.value) != null && l.enable) {
+            const r = () => {
+              g.value.dialogVisible = !0;
+            };
+            a.ui.registry.addMenuItem("localVideo", {
+              text: "视频",
+              icon: "embed",
+              onAction: () => r()
+            }), a.ui.registry.addButton("localVideo", {
+              icon: "embed",
+              tooltip: "视频",
+              onAction: () => r()
+            });
+          }
         }
-      }, n = M(
+      }, o = A(
         [
-          a.options,
-          x.tinymceOptions,
-          t
+          u.options,
+          C.options,
+          e
         ],
         {
-          mergeFunction: (i, e) => (...o) => {
-            i(...o), e(...o);
+          mergeFunction: (a, t) => (...n) => {
+            a(...n), t(...n);
           },
           type: Object
         }
       );
-      B.init(n).then(([i]) => {
-        var e;
-        i && (i.customProps = { ...a }, i.on("change input Redo Undo SetContent", () => {
-          if (w.value) {
-            w.value = !1;
+      Q.init(o).then(([a]) => {
+        var t;
+        a && (a.customProps = { ...u }, a.on("change input Redo Undo SetContent", () => {
+          if (T.value) {
+            T.value = !1;
             return;
           }
-          _.value = !0, S("input", i.getContent()), S("update:modelValue", i.getContent());
-        }), (e = a.initComplete) == null || e.call(a, { editorIns: i }), m.value = i);
+          P.value = !0, z("input", a.getContent());
+        }), (t = u.initComplete) == null || t.call(u, { editorIns: a }), x.value = a);
       });
+    }), he(() => {
+      var e;
+      (e = x.value) == null || e.destroy();
     });
-    const Y = (t, n, i) => {
-      var o, l;
-      const e = (l = (o = U == null ? void 0 : U.value) == null ? void 0 : o.handlerResponse) == null ? void 0 : l.call(o, t);
-      e != null && e.url ? i[i.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), i.splice(i.length - 1, 1)), r.value.formData.file = i;
-    }, Z = (t, n) => new Promise((i, e) => {
-      const o = t.name.split(".").filter(Boolean).pop() ?? "";
-      if (!a.audioAllowedType.includes(o.toUpperCase())) {
-        f.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
+    const oe = () => {
+      var o, i;
+      const e = { ...p.value.additionalData || {} };
+      return ((i = (o = f.value) == null ? void 0 : o.data) == null ? void 0 : i.call(o, { file: e, extParameters: u.extParameters })) || {};
+    }, ie = () => {
+      var o, i;
+      const e = { ...p.value.additionalData || {} };
+      return ((i = (o = f.value) == null ? void 0 : o.headers) == null ? void 0 : i.call(o, { file: e, extParameters: u.extParameters })) || {};
+    }, le = (e, o, i) => {
+      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 ? i[i.length - 1].url = a.url : a != null && a.errorMessage && (b.error(a.errorMessage), i.splice(i.length - 1, 1)), p.value.formData.file = i;
+    }, ne = (e, o) => new Promise((i, a) => {
+      var n, l, r, s, d, v;
+      const t = e.name.split(".").filter(Boolean).pop() ? e.name.split(".").filter(Boolean).pop() : "";
+      if (!((l = (n = f.value) == null ? void 0 : n.allowedType) != null && l.includes(t.toLowerCase()))) {
+        b.error(`请上传格式为${(s = (r = f.value) == null ? void 0 : r.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 > (((d = f.value) == null ? void 0 : d.maxSize) || 0) * 1024 * 1024) {
+        b.error(`请上传${((v = f.value) == null ? void 0 : v.maxSize) || 0}M内的音频`), a();
         return;
       }
-      i(!0);
-    }), L = (t, n) => {
-      r.value.formData.file = n;
-    }, ee = (t, n, i) => {
-      f.error("上传发生错误，请重试!"), r.value.formData.file = i;
-    }, ae = (t, n, i) => {
-      var o, l;
-      const e = (l = (o = A == null ? void 0 : A.value) == null ? void 0 : o.handlerResponse) == null ? void 0 : l.call(o, t);
-      e != null && e.url ? i[i.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), i.splice(i.length - 1, 1)), d.value.formData.file = i;
-    }, ie = (t, n) => new Promise((i, e) => {
-      const o = t.name.split(".").filter(Boolean).pop() ?? "";
-      if (!a.videoAllowedType.includes(o.toUpperCase())) {
-        f.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
+      p.value.additionalData = { file: e }, i(!0);
+    }), re = (e, o) => {
+      p.value.formData.file = o;
+    }, se = (e, o, i) => {
+      b.error("上传发生错误，请重试!"), p.value.formData.file = i;
+    }, ue = () => {
+      var o, i;
+      const e = { ...g.value.additionalData || {} };
+      return ((i = (o = m.value) == null ? void 0 : o.data) == null ? void 0 : i.call(o, { file: e, extParameters: u.extParameters })) || {};
+    }, ce = () => {
+      var o, i;
+      const e = { ...g.value.additionalData || {} };
+      return ((i = (o = m.value) == null ? void 0 : o.headers) == null ? void 0 : i.call(o, { file: e, extParameters: u.extParameters })) || {};
+    }, me = (e, o, i) => {
+      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 ? i[i.length - 1].url = a.url : a != null && a.errorMessage && (b.error(a.errorMessage), i.splice(i.length - 1, 1)), g.value.formData.file = i;
+    }, de = (e, o) => new Promise((i, a) => {
+      var n, l, r, s, d, v;
+      const t = e.name.split(".").filter(Boolean).pop() ? e.name.split(".").filter(Boolean).pop() : "";
+      if (!((l = (n = m == null ? void 0 : m.value) == null ? void 0 : n.allowedType) != null && l.includes(t.toLowerCase()))) {
+        b.error(`请上传格式为${(s = (r = m == null ? void 0 : m.value) == null ? void 0 : r.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 > (((d = m == null ? void 0 : m.value) == null ? void 0 : d.maxSize) || 0) * 1024 * 1024) {
+        b.error(`请上传${((v = m == null ? void 0 : m.value) == null ? void 0 : v.maxSize) || 0}M内的视频`), a();
         return;
       }
-      i(!0);
-    }), oe = (t, n) => {
-      d.value.formData.file = n;
-    }, te = (t, n, i) => {
-      f.error("上传发生错误，请重试!"), d.value.formData.file = i;
+      g.value.additionalData = { file: e }, i(!0);
+    }), pe = (e, o) => {
+      g.value.formData.file = o;
+    }, ve = (e, o, i) => {
+      b.error("上传发生错误，请重试!"), g.value.formData.file = i;
     };
-    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 S(() => [u.disabled, x.value], () => {
+      var e, o;
+      (o = (e = x.value) == null ? void 0 : e.mode) == null || o.set(u.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), S(
+      () => [u.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 : "");
+        T.value = !0, (e = x.value) == null || e.setContent(u.value ? u.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: ie, onUploadVideoRemove: oe, onUploadVideoError: te, ImgPond: de };
+    ), { __sfc: !0, defaultImageUploadOptions: V, defaultVideoUploadOptions: B, defaultAudioUploadOptions: H, props: u, emits: z, insRef: R, editorRef: x, preventSettingContent: P, preventUpdatingModelValue: T, mergeImageUploadOptions: c, mergeVideoUploadOptions: m, mergeAudioUploadOptions: f, mergeImgPondOptions: U, imgPondAccept: Y, uploadImageImgPondRef: D, audioImageImgPondRef: M, uploadImage: _, uploadImageFormRef: W, onUploadImageClose: j, onUploadImageConfirm: Z, uploadAudio: p, uploadAudioFormRef: $, onUploadAudioClose: I, onUploadAudioConfirm: ee, uploadVideo: g, uploadVideoFormRef: E, onUploadVideoClose: q, onUploadVideoConfirm: ae, onImageUploadUpload: te, processPastedImage: F, getUploadAudioData: oe, getUploadAudioHeaders: ie, onUploadAudioSuccess: le, onUploadAudioBeforeUpload: ne, onUploadAudioRemove: re, onUploadAudioError: se, getUploadVideoData: ue, getUploadVideoHeaders: ce, onUploadVideoSuccess: me, onUploadVideoBeforeUpload: de, onUploadVideoRemove: pe, onUploadVideoError: ve, ImgPond: _e };
   }
 });
 export {
-  Qe as default
+  ra as default
 };