@keyblade/tinymce-editor-vue2 0.0.11 → 0.0.12-alpha.11

package/es/editor.vue2.js

@@ -1,8 +1,9 @@
-import { defineComponent as N, ref as w, computed as k, onMounted as j, onUnmounted as L, watch as O } from "vue";
-import q from "compressorjs";
-import { conclude as _ } from "vue-global-config";
-import R from "tinymce";
-import E from "./langs/zh_CN.js";
+import { defineComponent as ce, ref as m, computed as M, onMounted as ge, onUnmounted as fe, watch as F } from "vue";
+import { oneTravelImageCheck as N, oneTravelImageCompressor as q, getImagePixel as ve } from "./util.js";
+import he from "imgpond";
+import { conclude as x } from "vue-global-config";
+import j from "tinymce";
+import Me from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -31,14 +32,17 @@ import "tinymce/plugins/table";
 import "tinymce/plugins/visualblocks";
 import "tinymce/plugins/visualchars";
 import "tinymce/plugins/wordcount";
-import { globalProps as d } from "./index.js";
-const ze = /* @__PURE__ */ N({
+import { globalProps as b } from "./index.js";
+import { Loading as xe, Message as h } from "element-ui";
+const ia = /* @__PURE__ */ ce({
   __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"] },
@@ -46,84 +50,165 @@ const ze = /* @__PURE__ */ N({
     imageMinHeight: { default: 60 },
     imageMaxWidth: { default: 6e3 },
     imageMaxHeight: { default: 6e3 },
+    audioEnable: { type: Boolean, default: !0 },
+    audioMaxSize: { default: 200 },
+    audioAllowedType: { default: () => ["MP3", "M4A", "WAV", "AAC"] },
+    audioUploadOptions: null,
+    videoEnable: { type: Boolean, default: !0 },
+    videoMaxSize: { default: 300 },
+    videoAllowedType: { default: () => ["MP4", "3GP"] },
+    videoUploadOptions: null,
     imageUploadHandle: null,
     paste_preprocess: null,
     paste_postprocess: null,
     initComplete: null,
-    options: { default: () => ({}) }
+    options: { default: () => ({}) },
+    imgPondOptions: null
   },
   emits: ["input", "update:modelValue"],
-  setup($, { emit: b }) {
-    const t = $;
-    R.addI18n("zh_CN", E);
-    const P = w(), l = w(), g = w(!1), f = w(!1);
-    async function T(n) {
-      var a, e;
-      const s = n.getElementsByTagName("img");
-      for (let o of s) {
-        const i = o.src;
-        if (i.startsWith("http://") || i.startsWith("https://")) {
-          const r = await M(i);
-          if (r.width < t.imageMinWidth && r.height < t.imageMinHeight || r.width > t.imageMaxWidth && r.height > t.imageMaxHeight) {
-            (a = o == null ? void 0 : o.remove) == null || a.call(o);
+  setup(G, { emit: S }) {
+    const a = G;
+    j.addI18n("zh_CN", Me);
+    const k = m(), d = m(), U = m(!1), V = m(!1), g = m({
+      dialogVisible: !1,
+      formData: {
+        images: []
+      }
+    }), z = m(), L = () => {
+      g.value.dialogVisible = !1, g.value.formData = {
+        images: []
+      };
+    }, J = () => {
+      var i;
+      (i = z.value) == null || i.validate((l) => {
+        l && (g.value.formData.images.forEach((o) => {
+          var e, t;
+          if ($.value.srcAt)
+            return (e = d.value) == null ? void 0 : e.insertContent(`<img src=${o == null ? void 0 : o[$.value.srcAt]} alt="" />`);
+          (t = d.value) == null || t.insertContent(`<img src=${o} alt="" />`);
+        }), g.value.dialogVisible = !1, g.value.formData.images = []);
+      });
+    }, r = m({
+      dialogVisible: !1,
+      formData: {
+        // 名称
+        name: "",
+        // 封面
+        cover: [],
+        // 文件
+        file: []
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), H = m(), K = () => {
+      var i;
+      (i = H.value) == null || i.validate((l) => {
+        var o, e;
+        l && ((e = d.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: []
+        }, r.value.additionalData = {});
+      });
+    }, Q = () => {
+      r.value.dialogVisible = !1, r.value.formData = {
+        name: "",
+        cover: [],
+        file: []
+      }, r.value.additionalData = {};
+    }, s = m({
+      dialogVisible: !1,
+      formData: {
+        // 文件
+        file: []
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), W = m(), X = () => {
+      var i;
+      (i = W.value) == null || i.validate((l) => {
+        var o, e;
+        l && ((e = d.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(o = s.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), s.value.dialogVisible = !1, s.value.formData = {
+          file: []
+        }, s.value.additionalData = {});
+      });
+    }, Y = () => {
+      s.value.dialogVisible = !1, s.value.formData = {
+        file: []
+      }, s.value.additionalData = {};
+    }, Z = (i, l) => new Promise(async (o, e) => {
+      var p, c;
+      const t = await N(i, {
+        imageMaxSize: a.imageMaxSize,
+        imageAllowedMineType: a.imageAllowedMineType,
+        imageMinWidth: a.imageMinWidth,
+        imageMinHeight: a.imageMinHeight,
+        imageMaxWidth: a.imageMaxWidth,
+        imageMaxHeight: a.imageMaxHeight
+      });
+      if (!t.success) {
+        e(), setTimeout(() => {
+          var w, A, T;
+          (w = t.error) != null && w.size ? l.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (A = t.error) != null && A.format ? l.onError(`请上传格式为${a.imageAllowedType.map((P) => P.toUpperCase()).join("、")}的图片`) : (T = t.error) != null && T.pixel && l.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
+        });
+        return;
+      }
+      const n = await q(i);
+      if (!n.success) {
+        e(), setTimeout(() => {
+          l.onError(n.errorMessage);
+        });
+        return;
+      }
+      let u = i.name;
+      n.hasConversion && (u = `${(p = u.split(".")) == null ? void 0 : p[0]}.jpeg`);
+      const v = await ((c = f.value) == null ? void 0 : c.call(f, n.file, u, { extParameters: a.extParameters }));
+      if (!v.success) {
+        e(), setTimeout(() => {
+          l.onError(v.errorMessage);
+        });
+        return;
+      }
+      o(v.url);
+    }), ee = M(() => a.imageAllowedMineType.map((i) => `.${i.split("/")[1]}`).join(",") || "");
+    async function B(i) {
+      var o, e;
+      const l = i.getElementsByTagName("img");
+      for (let t of l) {
+        const n = t.src;
+        if (n.startsWith("http://") || n.startsWith("https://")) {
+          const u = await ve(n);
+          if (u.width < a.imageMinWidth && u.height < a.imageMinHeight || u.width > a.imageMaxWidth && u.height > a.imageMaxHeight) {
+            (o = t == null ? void 0 : t.remove) == null || o.call(t);
             return;
           }
-          const y = i.split("."), C = y[y.length - 1].toLowerCase();
-          if (!t.imageAllowedType.includes(C)) {
-            (e = o == null ? void 0 : o.remove) == null || e.call(o);
+          const v = n.split("."), p = v[v.length - 1].toLowerCase();
+          if (!a.imageAllowedType.includes(p)) {
+            (e = t == null ? void 0 : t.remove) == null || e.call(t);
             return;
           }
         }
       }
     }
-    const W = (n) => {
-      const s = n.split(","), a = s[0].match(/:(.*?);/)[1], e = atob(s[1]);
-      let o = e.length;
-      const i = new Uint8Array(o);
-      for (; o--; )
-        i[o] = e.charCodeAt(o);
-      return new Blob([i], { type: a });
-    };
-    function M(n) {
-      return new Promise((s) => {
-        const a = new Image();
-        a.onload = function() {
-          s({ width: a.width, height: a.height, image: a });
-        }, a.src = n;
-      });
-    }
-    function A(n, s) {
-      return new Promise((a) => {
-        new q(n, {
-          ...s,
-          success: async (e) => {
-            a({ success: !0, file: e });
-          },
-          error(e) {
-            a({ success: !1, error: e });
-          }
-        });
-      });
-    }
-    const h = k(
-      () => _([t.paste_preprocess, d.paste_preprocess], {
+    const y = M(() => x([a.videoUploadOptions, b.videoUploadOptions]) || {}), _ = M(() => x([a.audioUploadOptions, b.audioUploadOptions]) || {}), $ = M(() => x([a.imgPondOptions, b.imgPondOptions]) || {}), C = M(
+      () => x([a.paste_preprocess, b.paste_preprocess], {
         type: Function
       })
-    ), v = k(
-      () => _([t.paste_postprocess, d.paste_postprocess], {
+    ), D = M(
+      () => x([a.paste_postprocess, b.paste_postprocess], {
         type: Function
       })
-    ), p = k(
-      () => _([t.imageUploadHandle, d.imageUploadHandle], {
+    ), f = M(
+      () => x([a.imageUploadHandle, b.imageUploadHandle], {
         type: Function
       })
     );
-    return j(() => {
-      const n = {
+    ge(() => {
+      const i = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: P.value,
+        target: k.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -140,6 +225,10 @@ const ze = /* @__PURE__ */ N({
         // - 小程序侧 web-view 中使用 iframe 需要配置业务域名
         // - 给微信公众号 H5 侧带来授权问题
         invalid_elements: "iframe,frame",
+        quickbars_insert_toolbar: !1,
+        autosave_restore_when_empty: !1,
+        image_advtab: !0,
+        image_caption: !0,
         // 插件
         plugins: [
           "accordion",
@@ -172,12 +261,19 @@ const ze = /* @__PURE__ */ N({
           "visualchars",
           "wordcount"
         ],
+        menu: {
+          insert: {
+            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,
-        // 内容样式
-        content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:16px }",
+        // 内容样式 data-mce-bogus="all" 音频点击会出现另外一个
+        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }div[data-mce-bogus="all"] .mce-object-audio { display: none }div[data-mce-bogus="all"] .mce-object-video { display: none }',
         // 字体大小
         font_size_formats: "8px 10px 12px 14px 16px 18px 20px 22px 24px 26px 28px 30px 32px 34px 36px 38px",
         font_size_input_default_unit: "px",
@@ -188,90 +284,200 @@ const ze = /* @__PURE__ */ N({
         paste_webkit_styles: "all",
         paste_data_images: !0,
         // 粘贴前处理
-        paste_preprocess(a, 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 = h.value) == null || o.call(h, a, e);
+        paste_preprocess(o, e) {
+          var t;
+          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>"), (t = C.value) == null || t.call(C, o, e);
         },
         // 粘贴后处理(处理异步操作)
-        paste_postprocess(a, e) {
-          var i;
-          const o = e.node;
-          T(o), (i = v.value) == null || i.call(v, a, e);
+        paste_postprocess(o, e) {
+          var n;
+          const t = e.node;
+          B(t), (n = D.value) == null || n.call(D, o, e);
         },
-        images_upload_handler(a) {
-          return new Promise(async (e, o) => {
-            var x, U, V, B;
-            const i = (U = (x = d.message) == null ? void 0 : x.loading) == null ? void 0 : U.call(x);
-            let r = a.blob();
-            const y = a.base64(), C = a.filename(), F = r.type;
-            if (r.size > t.imageMaxSize * 1024 * 1024)
-              return i == null || i.close(), o({ message: `请上传大小不超过${t.imageMaxSize}M的图片`, remove: !0 });
-            if (!t.imageAllowedMineType.includes(r.type))
-              return i == null || i.close(), o({ message: `请上传格式为${t.imageAllowedType.map((c) => c.toUpperCase()).join("、")}的图片`, remove: !0 });
-            const H = "data:" + r.type + ";base64," + y, u = await M(H);
-            if (u.width < t.imageMinWidth && u.height < t.imageMinHeight || u.width > t.imageMaxWidth && u.height > t.imageMaxHeight)
-              return i == null || i.close(), o({ message: `请上传像素不低于${t.imageMinWidth}*${t.imageMinHeight}且像素不高于${t.imageMaxWidth}*${t.imageMaxHeight}的图片`, remove: !0 });
-            const m = {};
-            ["image/heif", "image/heic", "image/webp"].includes(F) && (m.convertTypes = [r.type], m.convertSize = 0);
-            const z = 5 * 1024 * 1024;
-            if (r.size > z && (m.convertTypes = [r.type], m.convertSize = z, m.maxWidth = u.width * (z / r.size)), Object.keys(m).length > 0) {
-              const c = await A(W(H), m);
-              if (c.success)
-                r = c.file;
-              else
-                return i == null || i.close(), o({ message: (V = c == null ? void 0 : c.error) == null ? void 0 : V.message, remove: !0 });
+        images_upload_handler(o) {
+          return new Promise(async (e, t) => {
+            var T, P, R, E, O;
+            const n = xe.service({ text: "上传中" });
+            let u = o.blob();
+            const v = o.filename(), p = await N(u, {
+              imageMaxSize: a.imageMaxSize,
+              imageAllowedMineType: a.imageAllowedMineType,
+              imageMinWidth: a.imageMinWidth,
+              imageMinHeight: a.imageMinHeight,
+              imageMaxWidth: a.imageMaxWidth,
+              imageMaxHeight: a.imageMaxHeight
+            });
+            if (!p.success) {
+              if (n == null || n.close(), (T = p.error) != null && T.size)
+                return t({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
+              if ((P = p.error) != null && P.format)
+                return t({ message: `请上传格式为${a.imageAllowedType.map((I) => I.toUpperCase()).join("、")}的图片`, remove: !0 });
+              if ((R = p.error) != null && R.pixel)
+                return t({ message: `请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
             }
-            if (!p.value)
-              return i == null || i.close(), o({ message: "缺少图片上传配置", remove: !0 });
-            const S = await ((B = p.value) == null ? void 0 : B.call(p, r, C, { extParameters: t.extParameters }));
-            if (!S.success)
-              return i == null || i.close(), o({ message: S.errorMessage, remove: !0 });
-            i == null || i.close(), e(S.url);
+            const c = await q(u);
+            if (!c.success)
+              return n == null || n.close(), t({ message: c == null ? void 0 : c.errorMessage, remove: !0 });
+            if (!f.value)
+              return n == null || n.close(), t({ message: "缺少图片上传配置", remove: !0 });
+            let w = o.filename();
+            c.hasConversion && (w = `${(E = v.split(".")) == null ? void 0 : E[0]}.jpeg`);
+            const A = await ((O = f.value) == null ? void 0 : O.call(f, c.file, w, { extParameters: a.extParameters }));
+            if (!A.success)
+              return n == null || n.close(), t({ message: A.errorMessage, remove: !0 });
+            n == null || n.close(), e(A.url);
           });
+        },
+        setup(o) {
+          o.ui.registry.addMenuItem("localImage", {
+            text: "图片",
+            icon: "image",
+            onAction: () => {
+              g.value.dialogVisible = !0, setTimeout(() => {
+                var t;
+                const e = (t = document == null ? void 0 : document.querySelector) == null ? void 0 : t.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          }), o.ui.registry.addButton("localImage", {
+            icon: "image",
+            tooltip: "图片",
+            onAction: () => {
+              g.value.dialogVisible = !0, setTimeout(() => {
+                var t;
+                const e = (t = document == null ? void 0 : document.querySelector) == null ? void 0 : t.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          }), a.audioEnable && (o.ui.registry.addMenuItem("localAudio", {
+            text: "音频",
+            icon: "arrow-right",
+            onAction: () => {
+              r.value.dialogVisible = !0, setTimeout(() => {
+                var t;
+                const e = (t = document == null ? void 0 : document.querySelector) == null ? void 0 : t.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          }), o.ui.registry.addButton("localAudio", {
+            icon: "arrow-right",
+            tooltip: "音频",
+            onAction: () => {
+              r.value.dialogVisible = !0, setTimeout(() => {
+                var t;
+                const e = (t = document == null ? void 0 : document.querySelector) == null ? void 0 : t.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          })), a.videoEnable && (o.ui.registry.addMenuItem("localVideo", {
+            text: "视频",
+            icon: "embed",
+            onAction: () => {
+              s.value.dialogVisible = !0;
+            }
+          }), o.ui.registry.addButton("localVideo", {
+            icon: "embed",
+            tooltip: "视频",
+            onAction: () => {
+              s.value.dialogVisible = !0;
+            }
+          }));
         }
-      }, s = _(
+      }, l = x(
         [
-          t.options,
-          d.tinymceOptions,
-          n
+          a.options,
+          b.tinymceOptions,
+          i
         ],
         {
-          mergeFunction: (a, e) => (...o) => {
-            a(...o), e(...o);
+          mergeFunction: (o, e) => (...t) => {
+            o(...t), e(...t);
           },
           type: Object
         }
       );
-      R.init(s).then(([a]) => {
+      j.init(l).then(([o]) => {
         var e;
-        a && (a.customProps = { ...t }, a.on("change input Redo Undo SetContent", () => {
-          if (f.value) {
-            f.value = !1;
+        o && (o.customProps = { ...a }, o.on("change input Redo Undo SetContent", () => {
+          if (V.value) {
+            V.value = !1;
             return;
           }
-          g.value = !0, b("input", a.getContent()), b("update:modelValue", a.getContent());
-        }), (e = t.initComplete) == null || e.call(t, { editorIns: a }), l.value = a);
+          U.value = !0, S("input", o.getContent()), S("update:modelValue", o.getContent());
+        }), (e = a.initComplete) == null || e.call(a, { editorIns: o }), d.value = o);
       });
-    }), L(() => {
-      var n;
-      (n = l.value) == null || n.destroy();
-    }), O(() => [t.disabled, l.value], () => {
-      var n, s;
-      (s = (n = l.value) == null ? void 0 : n.mode) == null || s.set(t.disabled ? "readonly" : "design");
-    }, { immediate: !0 }), O(
-      () => [t.value, t.modelValue, l.value],
+    });
+    const ae = () => {
+      var i, l;
+      return ((l = (i = _.value) == null ? void 0 : i.data) == null ? void 0 : l.call(i, { ...r.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, ie = () => {
+      var i, l;
+      return ((l = (i = _.value) == null ? void 0 : i.headers) == null ? void 0 : l.call(i, { ...r.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, oe = (i, l, o) => {
+      var t, n;
+      const e = (n = (t = _ == null ? void 0 : _.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, i);
+      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (h.error(e.errorMessage), o.splice(o.length - 1, 1)), r.value.formData.file = o;
+    }, te = (i, l) => new Promise((o, e) => {
+      const t = i.name.split(".").filter(Boolean).pop() ? i.name.split(".").filter(Boolean).pop() : "";
+      if (!a.audioAllowedType.includes(t.toUpperCase())) {
+        h.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
+        return;
+      }
+      if (i.size > a.audioMaxSize * 1024 * 1024) {
+        h.info(`请上传${a.audioMaxSize}M内的音频`), e();
+        return;
+      }
+      r.value.additionalData = { file: i }, o(!0);
+    }), le = (i, l) => {
+      r.value.formData.file = l;
+    }, ne = (i, l, o) => {
+      h.error("上传发生错误，请重试!"), r.value.formData.file = o;
+    }, re = () => {
+      var i, l;
+      return ((l = (i = y.value) == null ? void 0 : i.data) == null ? void 0 : l.call(i, { ...s.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, se = () => {
+      var i, l;
+      return ((l = (i = y.value) == null ? void 0 : i.headers) == null ? void 0 : l.call(i, { ...s.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, de = (i, l, o) => {
+      var t, n;
+      const e = (n = (t = y == null ? void 0 : y.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, i);
+      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (h.error(e.errorMessage), o.splice(o.length - 1, 1)), s.value.formData.file = o;
+    }, ue = (i, l) => new Promise((o, e) => {
+      const t = i.name.split(".").filter(Boolean).pop() ? i.name.split(".").filter(Boolean).pop() : "";
+      if (!a.videoAllowedType.includes(t.toUpperCase())) {
+        h.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
+        return;
+      }
+      if (i.size > a.videoMaxSize * 1024 * 1024) {
+        h.info(`请上传${a.videoMaxSize}M内的视频`), e();
+        return;
+      }
+      s.value.additionalData = { file: i }, o(!0);
+    }), me = (i, l) => {
+      s.value.formData.file = l;
+    }, pe = (i, l, o) => {
+      h.error("上传发生错误，请重试!"), s.value.formData.file = o;
+    };
+    return fe(() => {
+      var i;
+      (i = d.value) == null || i.destroy();
+    }), F(() => [a.disabled, d.value], () => {
+      var i, l;
+      (l = (i = d.value) == null ? void 0 : i.mode) == null || l.set(a.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), F(
+      () => [a.value, a.modelValue, d.value],
       () => {
-        var n;
-        if (g.value) {
-          g.value = !1;
+        var i;
+        if (U.value) {
+          U.value = !1;
           return;
         }
-        f.value = !0, (n = l.value) == null || n.setContent(t.value ? t.value : t.modelValue ? t.modelValue : "");
+        V.value = !0, (i = d.value) == null || i.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, insRef: P, editorRef: l, preventSettingContent: g, preventUpdatingModelValue: f, props: t, emits: b, processPastedImage: T, dataURLtoBlob: W, getImagePixel: M, compressorImage: A, paste_preprocess: h, paste_postprocess: v, imageUploadHandle: p };
+    ), { __sfc: !0, insRef: k, editorRef: d, preventSettingContent: U, preventUpdatingModelValue: V, uploadImage: g, uploadImageFormRef: z, onUploadImageClose: L, onUploadImageConfirm: J, uploadAudio: r, uploadAudioFormRef: H, onUploadAudioConfirm: K, onUploadAudioClose: Q, uploadVideo: s, uploadVideoFormRef: W, onUploadVideoConfirm: X, onUploadVideoClose: Y, onImageUploadUpload: Z, props: a, emits: S, imgPondAccept: ee, processPastedImage: B, mergeVideoUploadOptions: y, mergeAudioUploadOptions: _, mergeImgPondOptions: $, paste_preprocess: C, paste_postprocess: D, imageUploadHandle: f, getUploadAudioData: ae, getUploadAudioHeaders: ie, onUploadAudioSuccess: oe, onUploadAudioBeforeUpload: te, onUploadAudioRemove: le, onUploadAudioError: ne, getUploadVideoData: re, getUploadVideoHeaders: se, onUploadVideoSuccess: de, onUploadVideoBeforeUpload: ue, onUploadVideoRemove: me, onUploadVideoError: pe, ImgPond: he };
   }
 });
 export {
-  ze as default
+  ia as default
 };