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

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 ve, ref as g, computed as w, watch as S, onMounted as fe, onUnmounted as ge } from "vue";
+import { oneTravelImgPondBeforeAddFile as L, oneTravelImageCheckAndTransform as he, oneTravelImageCompressor as J } from "@keyblade/one-travel";
+import { getImagePixel as xe, getFileExtension as be } from "./util.js";
+import ye from "imgpond";
+import { conclude as A } from "vue-global-config";
+import K 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 +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 na = /* @__PURE__ */ ve({
   __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(Q, { emit: z }) {
+    const u = Q;
+    K.addI18n("zh_CN", _e);
+    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 = g(), h = g(), P = g(!1), T = g(!1), m = w(() => A([u.imageUploadOptions, C.imageUploadOptions, V]) || {}), c = w(() => A([u.videoUploadOptions, C.videoUploadOptions, B]) || {}), v = w(() => A([u.audioUploadOptions, C.audioUploadOptions, H]) || {}), U = w(() => A([u.imgPondOptions, C.imgPondOptions]) || {}), X = w(() => {
+      var t, o;
+      return ((o = (t = m == null ? void 0 : m.value) == null ? void 0 : t.allowedType) == null ? void 0 : o.map((a) => `.${a}`).join(",")) || "";
+    }), D = g();
+    S(() => D.value, () => {
+      if (D.value) {
+        let t;
+        L(D.value, {
+          onStart: () => {
+            t = k.service({ text: "加载中...", fullscreen: !0, customClass: "tinymce-loading" });
+          },
+          onSuccess: () => {
+            t == null || t.close();
+          },
+          onError: (o) => {
+            t == null || t.close(), b.error(o);
+          }
+        });
+      }
+    }, { immediate: !0 });
+    const M = g();
+    S(() => M.value, () => {
+      if (M.value) {
+        let t;
+        L(M.value, {
+          onStart: () => {
+            t = k.service({ text: "加载中", fullscreen: !0, customClass: "tinymce-loading" });
+          },
+          onSuccess: () => {
+            t == null || t.close();
+          },
+          onError: (o) => {
+            t == null || t.close(), b.error(o);
+          }
+        });
+      }
+    }, { immediate: !0 });
+    const _ = g({
       dialogVisible: !1,
       formData: {
         images: []
       }
-    }), P = u(), N = () => {
-      v.value.dialogVisible = !1, v.value.formData = {
+    }), I = g(), W = () => {
+      _.value.dialogVisible = !1, _.value.formData = {
         images: []
       };
-    }, q = () => {
+    }, Y = () => {
       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 = []);
+      (t = I.value) == null || t.validate((o) => {
+        o && (_.value.formData.images.forEach((a) => {
+          var l;
+          let e = a;
+          U.value.srcAt && (e = (a == null ? void 0 : a[U.value.srcAt]) || ""), (l = h.value) == null || l.insertContent(`<img src=${e} alt="" />`);
+        }), W());
       });
-    }, r = u({
+    }, p = g({
       dialogVisible: !1,
       formData: {
         // 名称
@@ -93,112 +134,82 @@ 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: {}
+    }), $ = g(), E = () => {
+      p.value.dialogVisible = !1, p.value.formData = {
         name: "",
         cover: [],
         file: []
-      };
-    }, d = u({
+      }, p.value.additionalData = {};
+    }, Z = () => {
+      var t;
+      (t = $.value) == null || t.validate((o) => {
+        var a, e;
+        o && ((e = h.value) == null || e.insertContent(`<audio controls data-name="${p.value.formData.name}" data-poster="${p.value.formData.cover[0]}" src="${(a = p.value.formData.file[0]) == null ? void 0 : a.url}"></audio>`), E());
+      });
+    }, f = g({
       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: {}
+    }), q = g(), F = () => {
+      f.value.dialogVisible = !1, f.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
+      }, f.value.additionalData = {};
+    }, ee = () => {
+      var t;
+      (t = q.value) == null || t.validate((o) => {
+        var a, e;
+        o && ((e = h.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(a = f.value.formData.file[0]) == null ? void 0 : a.url}"></video>`), F());
       });
-      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);
+    }, ae = (t, o) => new Promise(async (a, e) => {
+      var n, r;
+      const l = await J(t);
       if (!l.success) {
         e(), setTimeout(() => {
-          n.onError(l.errorMessage);
+          o.onError(l.errorMessage);
         });
         return;
       }
-      const s = await ((h = c.value) == null ? void 0 : h.call(c, l.file, t.name, { extParameters: a.extParameters }));
-      if (!s.success) {
+      const i = await ((r = (n = m.value).handleRequest) == null ? void 0 : r.call(n, l.file, t.name, { extParameters: u.extParameters }));
+      if (!i || !(i != null && i.success)) {
         e(), setTimeout(() => {
-          n.onError(s.errorMessage);
+          o.onError(i == null ? void 0 : i.errorMessage);
         });
         return;
       }
-      i(s.url);
+      a(i.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 N(t) {
+      var a, e, l, i;
+      const o = t.getElementsByTagName("img");
+      for (let n of o) {
+        const r = n.src;
+        if (r.startsWith("http://") || r.startsWith("https://")) {
+          const s = await xe(r);
+          if (s && (s.width < (m.value.minWidth || 0) && s.height < (m.value.minHeight || 0) || s.width > (m.value.maxWidth || 0) && s.height > (m.value.maxHeight || 0))) {
+            (a = n == null ? void 0 : n.remove) == null || a.call(n);
             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 = be(r);
+          if (!((l = (e = m.value) == null ? void 0 : e.allowedType) != null && l.includes(d.toLowerCase()))) {
+            (i = n == null ? void 0 : n.remove) == null || i.call(n);
             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(() => {
+    fe(() => {
       const t = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: z.value,
+        target: R.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -253,12 +264,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" 音频点击会出现另外一个
@@ -273,160 +285,193 @@ const Qe = /* @__PURE__ */ ne({
         paste_webkit_styles: "all",
         paste_data_images: !0,
         // 粘贴前处理
-        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, e) {
+          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>");
         },
         // 粘贴后处理(处理异步操作)
-        paste_postprocess(i, e) {
-          var l;
-          const o = e.node;
-          $(o), (l = T.value) == null || l.call(T, i, e);
+        paste_postprocess(a, e) {
+          N(e.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 (e, l) => {
+            var y, j, O;
+            if (!((y = m.value) != null && y.handleRequest))
+              return l({ message: "缺少图片上传配置", remove: !0 });
+            const i = k.service({ text: "上传中" });
+            let n = a.blob(), r = a.filename();
+            const s = await he(n, r, {
+              imageMaxSize: m.value.maxSize,
+              imageAllowedType: m.value.allowedType,
+              // imageAllowedMineType: mergeImageUploadOptions.value.allowedMineType,
+              imageMinWidth: m.value.minWidth,
+              imageMinHeight: m.value.minHeight,
+              imageMaxWidth: m.value.maxWidth,
+              imageMaxHeight: m.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 (s.success || (i == null || i.close(), l({ message: (s == null ? void 0 : s.errorMessage) || "", remove: !0 })), s.hasTransform) {
+              const G = r == null ? void 0 : r.split(".");
+              G.pop(), r = `${G.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 d = await J(n);
+            if (!d.success)
+              return i == null || i.close(), l({ message: d == null ? void 0 : d.errorMessage, remove: !0 });
+            const x = await ((O = (j = m.value).handleRequest) == null ? void 0 : O.call(j, d.file, r, { extParameters: u.extParameters }));
+            if (!x || !x.success)
+              return i == null || i.close(), l({ message: x.errorMessage, remove: !0 });
+            i == null || i.close(), e(x.url);
           });
         },
-        setup(i) {
-          i.ui.registry.addMenuItem("localImage", {
+        setup(a) {
+          var l, i;
+          const e = () => {
+            _.value.dialogVisible = !0, setTimeout(() => {
+              var r, s;
+              const n = (r = document == null ? void 0 : document.querySelector) == null ? void 0 : r.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
+              n && (n.innerHTML = ((s = m.value) == null ? void 0 : s.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: () => e()
+          }), a.ui.registry.addButton("localImage", {
+            icon: "image",
+            tooltip: "图片",
+            onAction: () => e()
+          }), (l = v == null ? void 0 : v.value) != null && l.enable) {
+            const n = () => {
+              p.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-audio-dialog .el-upload__text > div");
+                r && (r.innerHTML = ((d = m.value) == null ? void 0 : d.tipText) || "上传");
               });
-            }
-          }), i.ui.registry.addMenuItem("localVideo", {
-            text: "视频",
-            icon: "embed",
-            onAction: () => {
-              d.value.dialogVisible = !0;
-            }
-          });
+            };
+            a.ui.registry.addMenuItem("localAudio", {
+              text: "音频",
+              icon: "arrow-right",
+              onAction: () => n()
+            }), a.ui.registry.addButton("localAudio", {
+              icon: "arrow-right",
+              tooltip: "音频",
+              onAction: () => n()
+            });
+          }
+          if ((i = c == null ? void 0 : c.value) != null && i.enable) {
+            const n = () => {
+              f.value.dialogVisible = !0;
+            };
+            a.ui.registry.addMenuItem("localVideo", {
+              text: "视频",
+              icon: "embed",
+              onAction: () => n()
+            }), a.ui.registry.addButton("localVideo", {
+              icon: "embed",
+              tooltip: "视频",
+              onAction: () => n()
+            });
+          }
         }
-      }, n = M(
+      }, o = A(
         [
-          a.options,
-          x.tinymceOptions,
+          u.options,
+          C.options,
           t
         ],
         {
-          mergeFunction: (i, e) => (...o) => {
-            i(...o), e(...o);
+          mergeFunction: (a, e) => (...l) => {
+            a(...l), e(...l);
           },
           type: Object
         }
       );
-      B.init(n).then(([i]) => {
+      K.init(o).then(([a]) => {
         var e;
-        i && (i.customProps = { ...a }, i.on("change input Redo Undo SetContent", () => {
-          if (w.value) {
-            w.value = !1;
+        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());
+        }), (e = u.initComplete) == null || e.call(u, { editorIns: a }), h.value = a);
       });
+    }), ge(() => {
+      var t;
+      (t = h.value) == null || t.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 te = () => {
+      var o, a;
+      const t = { ...p.value.additionalData || {} };
+      return ((a = (o = v.value) == null ? void 0 : o.data) == null ? void 0 : a.call(o, { file: t, extParameters: u.extParameters })) || {};
+    }, oe = () => {
+      var o, a;
+      const t = { ...p.value.additionalData || {} };
+      return ((a = (o = v.value) == null ? void 0 : o.headers) == null ? void 0 : a.call(o, { file: t, extParameters: u.extParameters })) || {};
+    }, ie = (t, o, a) => {
+      var l, i;
+      const e = (i = (l = v == null ? void 0 : v.value) == null ? void 0 : l.handlerResponse) == null ? void 0 : i.call(l, t);
+      e != null && e.url ? a[a.length - 1].url = e.url : e != null && e.errorMessage && (b.error(e.errorMessage), a.splice(a.length - 1, 1)), p.value.formData.file = a;
+    }, le = (t, o) => new Promise((a, e) => {
+      var i, n, r, s, d, x;
+      const l = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
+      if (!((n = (i = v.value) == null ? void 0 : i.allowedType) != null && n.includes(l.toLowerCase()))) {
+        b.error(`请上传格式为${(s = (r = v.value) == null ? void 0 : r.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的音频`), e();
         return;
       }
-      if (t.size > a.audioMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.audioMaxSize}M内的音频`), e();
+      if (t.size > (((d = v.value) == null ? void 0 : d.maxSize) || 0) * 1024 * 1024) {
+        b.error(`请上传${((x = v.value) == null ? void 0 : x.maxSize) || 0}M内的音频`), e();
         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: t }, a(!0);
+    }), ne = (t, o) => {
+      p.value.formData.file = o;
+    }, re = (t, o, a) => {
+      b.error("上传发生错误，请重试!"), p.value.formData.file = a;
+    }, se = () => {
+      var o, a;
+      const t = { ...f.value.additionalData || {} };
+      return ((a = (o = c.value) == null ? void 0 : o.data) == null ? void 0 : a.call(o, { file: t, extParameters: u.extParameters })) || {};
+    }, ue = () => {
+      var o, a;
+      const t = { ...f.value.additionalData || {} };
+      return ((a = (o = c.value) == null ? void 0 : o.headers) == null ? void 0 : a.call(o, { file: t, extParameters: u.extParameters })) || {};
+    }, ce = (t, o, a) => {
+      var l, i;
+      const e = (i = (l = c == null ? void 0 : c.value) == null ? void 0 : l.handlerResponse) == null ? void 0 : i.call(l, t);
+      e != null && e.url ? a[a.length - 1].url = e.url : e != null && e.errorMessage && (b.error(e.errorMessage), a.splice(a.length - 1, 1)), f.value.formData.file = a;
+    }, me = (t, o) => new Promise((a, e) => {
+      var i, n, r, s, d, x;
+      const l = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
+      if (!((n = (i = c == null ? void 0 : c.value) == null ? void 0 : i.allowedType) != null && n.includes(l.toLowerCase()))) {
+        b.error(`请上传格式为${(s = (r = c == null ? void 0 : c.value) == null ? void 0 : r.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的视频`), e();
         return;
       }
-      if (t.size > a.videoMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.videoMaxSize}M内的视频`), e();
+      if (t.size > (((d = c == null ? void 0 : c.value) == null ? void 0 : d.maxSize) || 0) * 1024 * 1024) {
+        b.error(`请上传${((x = c == null ? void 0 : c.value) == null ? void 0 : x.maxSize) || 0}M内的视频`), e();
         return;
       }
-      i(!0);
-    }), oe = (t, n) => {
-      d.value.formData.file = n;
-    }, te = (t, n, i) => {
-      f.error("上传发生错误，请重试!"), d.value.formData.file = i;
+      f.value.additionalData = { file: t }, a(!0);
+    }), de = (t, o) => {
+      f.value.formData.file = o;
+    }, pe = (t, o, a) => {
+      b.error("上传发生错误，请重试!"), f.value.formData.file = a;
     };
-    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, h.value], () => {
+      var t, o;
+      (o = (t = h.value) == null ? void 0 : t.mode) == null || o.set(u.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), S(
+      () => [u.value, h.value],
       () => {
         var t;
-        if (_.value) {
-          _.value = !1;
+        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, (t = h.value) == null || t.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: h, preventSettingContent: P, preventUpdatingModelValue: T, mergeImageUploadOptions: m, mergeVideoUploadOptions: c, mergeAudioUploadOptions: v, mergeImgPondOptions: U, imgPondAccept: X, uploadImageImgPondRef: D, audioImageImgPondRef: M, uploadImage: _, uploadImageFormRef: I, onUploadImageClose: W, onUploadImageConfirm: Y, uploadAudio: p, uploadAudioFormRef: $, onUploadAudioClose: E, onUploadAudioConfirm: Z, uploadVideo: f, uploadVideoFormRef: q, onUploadVideoClose: F, onUploadVideoConfirm: ee, onImageUploadUpload: ae, processPastedImage: N, getUploadAudioData: te, getUploadAudioHeaders: oe, onUploadAudioSuccess: ie, onUploadAudioBeforeUpload: le, onUploadAudioRemove: ne, onUploadAudioError: re, getUploadVideoData: se, getUploadVideoHeaders: ue, onUploadVideoSuccess: ce, onUploadVideoBeforeUpload: me, onUploadVideoRemove: de, onUploadVideoError: pe, ImgPond: ye };
   }
 });
 export {
-  Qe as default
+  na as default
 };