@keyblade/tinymce-editor-vue2 0.0.12-alpha.7 → 0.0.12-alpha.9

package/README.md

@@ -1,19 +1,17 @@
 # tinymce 富文本编辑器
 tinymce编辑器
 
-## 零、前提
-必须将vue 版本升级至2.7+
+## 前提
+必须将vue 版本升级至2.7+，按如下文档操作，一般来说只需要升级 vue、及 @vue/cli-xxx 版本即可
 
-- 升级指南：https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html
-
-一般来说只需要升级 vue、及 @vue/cli-xxx 版本即可
+升级指南：- https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html
 
 ## 一、安装
 ```shell
 yarn add @keyblade/tinymce-editor-vue2
 # 下面两个第三方依赖注意版本，必须匹配，否则css样式有问题
-yarn add pic-viewer@0.5.1 (如项目中有，怎不需要再次安装)
-yarn add imgpond@0.6.2 (如项目中有，怎不需要再次安装)
+yarn add pic-viewer@0.5.1 (如项目中已有，则忽略)
+yarn add imgpond@0.6.2 (如项目中已有，则忽略)
 ```
 
 ## 二、使用
@@ -34,16 +32,12 @@ Vue.use(ImgPond, {})
 
 Vue.use(TinymceEditor, {
   imageUploadHandle: (file, filename, parameters: { extParameters: Record<string, any> }) => {
-    const form = new FormData()
-    form.append('file', file, filename)
-    postRequest('/api/man/uploadFile/uploadSingleFile', form).then((res) => {
-      debugger
-    })
     return new Promise((resolve) => {
       setTimeout(() => {
         resolve({
           success: true,
-          url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png'
+          url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png',
+          errorMessage: '',
         })
       }, 1000)
     })
@@ -151,7 +145,7 @@ interface TinymceEditorGlobalOptions {
 }
 ```
 
-### 2.全局属性
+### 2.组件属性
 ```typescript
 interface ComponentProps {
   /** vue2 v-model */

package/es/editor.vue.js

@@ -4,11 +4,11 @@ import i from "./_virtual/_plugin-vue2_normalizer.js";
 var d = function() {
   var l;
   var e = this, a = e._self._c, o = e._self._setupProxy;
-  return a("div", { staticClass: "tinymce-editor" }, [a("textarea", { ref: "insRef" }), e._v(" "), a("el-dialog", { staticClass: "tinymce-editor-dialog tinymce-editor-upload-image-dialog", attrs: { visible: o.uploadImage.dialogVisible, title: "插入图片", "append-to-body": !0, "close-on-click-modal": !1, "destroy-on-close": "" }, on: { close: o.onUploadImageClose } }, [a("el-form", { ref: "uploadImageFormRef", staticClass: "uploadImageForm", attrs: { model: o.uploadImage.formData } }, [a("el-form-item", { attrs: { prop: "images", rules: { required: !0, message: "必填项" } } }, [a(o.ImgPond, e._b({ attrs: { valueType: "array", size: e.imageMaxSize, count: e.imageUploadMaxCount, upload: o.onImageUploadUpload }, model: { value: o.uploadImage.formData.images, callback: function(t) {
+  return a("div", { staticClass: "tinymce-editor" }, [a("textarea", { ref: "insRef" }), e._v(" "), a("el-dialog", { staticClass: "tinymce-editor-dialog tinymce-editor-upload-image-dialog", attrs: { visible: o.uploadImage.dialogVisible, title: "插入图片", "append-to-body": !0, "close-on-click-modal": !1, "destroy-on-close": "" }, on: { close: o.onUploadImageClose } }, [a("el-form", { ref: "uploadImageFormRef", staticClass: "uploadImageForm", attrs: { model: o.uploadImage.formData } }, [a("el-form-item", { attrs: { prop: "images", rules: { required: !0, message: "必填项" } } }, [a(o.ImgPond, e._b({ attrs: { valueType: "array", accept: o.imgPondAccept, size: e.imageMaxSize, count: e.imageUploadMaxCount, upload: o.onImageUploadUpload }, model: { value: o.uploadImage.formData.images, callback: function(t) {
     e.$set(o.uploadImage.formData, "images", t);
   }, expression: "uploadImage.formData.images" } }, "ImgPond", o.mergeImgPondOptions, !1))], 1), a("div", { staticClass: "tips" }, [a("span", { staticStyle: { "font-size": "15px", "font-weight": "bold" } }, [e._v("注意：")]), a("span", [e._v("1. 单次最多可同时选择" + e._s(e.imageUploadMaxCount) + "张图片")]), a("span", [e._v("2. 仅支持" + e._s(e.imageAllowedType.map((t) => t.toUpperCase()).join("、")) + "格式")]), a("span", [e._v("3. 单张图片大小不可超过" + e._s(e.imageMaxSize) + "M")]), a("span", [e._v("4. 像素不低于" + e._s(e.imageMinWidth) + "*" + e._s(e.imageMinHeight) + "且像素不高于" + e._s(e.imageMaxWidth) + "*" + e._s(e.imageMaxHeight))])])], 1), a("div", { attrs: { slot: "footer" }, slot: "footer" }, [a("el-button", { on: { click: o.onUploadImageClose } }, [e._v("取消")]), a("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadImageConfirm } }, [e._v("确定")])], 1)], 1), a("el-dialog", { staticClass: "tinymce-editor-dialog tinymce-editor-upload-audio-dialog", attrs: { visible: o.uploadAudio.dialogVisible, title: "插入音频", "append-to-body": !0, "close-on-click-modal": !1, "destroy-on-close": "" }, on: { close: o.onUploadAudioClose } }, [a("el-form", { ref: "uploadAudioFormRef", staticClass: "uploadAudioForm", attrs: { model: o.uploadAudio.formData, "label-width": "auto" } }, [a("el-form-item", { attrs: { label: "名称", prop: "name", rules: { required: !0, message: "必填项" } } }, [a("el-input", { attrs: { maxlength: "14", "show-word-limit": "", placeholder: "请输入" }, model: { value: o.uploadAudio.formData.name, callback: function(t) {
     e.$set(o.uploadAudio.formData, "name", t);
-  }, expression: "uploadAudio.formData.name" } })], 1), a("el-form-item", { attrs: { label: "封面", prop: "cover", rules: { required: !0, message: "必填项" } } }, [a(o.ImgPond, e._b({ attrs: { valueType: "array", size: e.imageMaxSize, count: 1, upload: o.onImageUploadUpload }, model: { value: o.uploadAudio.formData.cover, callback: function(t) {
+  }, expression: "uploadAudio.formData.name" } })], 1), a("el-form-item", { attrs: { label: "封面", prop: "cover", rules: { required: !0, message: "必填项" } } }, [a(o.ImgPond, e._b({ attrs: { valueType: "array", size: e.imageMaxSize, accept: o.imgPondAccept, count: 1, upload: o.onImageUploadUpload }, model: { value: o.uploadAudio.formData.cover, callback: function(t) {
     e.$set(o.uploadAudio.formData, "cover", t);
   }, expression: "uploadAudio.formData.cover" } }, "ImgPond", o.mergeImgPondOptions, !1))], 1), a("el-form-item", { attrs: { label: "音频", prop: "file", rules: { required: !0, message: "必填项" } } }, [a("el-upload", { class: ["upload", { "upload-hide": o.uploadAudio.formData.file.length >= 1 }], attrs: { name: "file", "file-list": o.uploadAudio.formData.file, action: ((l = o.mergeAudioUploadOptions) == null ? void 0 : l.action) || "", data: o.getUploadAudioData(), accept: "audio/*", "list-type": "headTextContent", "before-upload": o.onUploadAudioBeforeUpload, headers: o.getUploadAudioHeaders(), "on-remove": o.onUploadAudioRemove, "on-success": o.onUploadAudioSuccess, "on-error": o.onUploadAudioError, limit: 1 } }, [a("el-button", { attrs: { size: "small", type: "primary" } }, [e._v("上传文件"), a("i", { staticClass: "el-icon-upload el-icon--right" })]), a("div", { staticClass: "el-upload__tip", attrs: { slot: "tip" }, slot: "tip" }, [e._v("支持音频格式：" + e._s(e.audioAllowedType.join("、")))])], 1)], 1)], 1), a("div", { attrs: { slot: "footer" }, slot: "footer" }, [a("el-button", { on: { click: o.onUploadAudioClose } }, [e._v("取消")]), a("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadAudioConfirm } }, [e._v("确定")])], 1)], 1), a("el-dialog", { staticClass: "tinymce-editor-dialog tinymce-editor-upload-video-dialog", attrs: { visible: o.uploadVideo.dialogVisible, title: "插入视频", "append-to-body": !0, "close-on-click-modal": !1, "destroy-on-close": "" }, on: { close: o.onUploadVideoClose } }, [a("el-form", { ref: "uploadVideoFormRef", staticClass: "uploadVideoForm", attrs: { model: o.uploadVideo.formData, "label-width": "auto" } }, [a("el-form-item", { attrs: { label: "视频", prop: "file", rules: { required: !0, message: "必填项" } } }, [a("el-upload", { class: ["upload", { "upload-hide": o.uploadVideo.formData.file.length >= 1 }], attrs: { name: "file", "file-list": o.uploadVideo.formData.file, action: o.mergeVideoUploadOptions.action || "", data: o.getUploadVideoData(), accept: "video/*", "list-type": "headTextContent", "before-upload": o.onUploadVideoBeforeUpload, headers: o.getUploadVideoHeaders(), "on-remove": o.onUploadVideoRemove, "on-success": o.onUploadVideoSuccess, "on-error": o.onUploadVideoError, limit: 1 } }, [a("el-button", { attrs: { size: "small", type: "primary" } }, [e._v("上传文件"), a("i", { staticClass: "el-icon-upload el-icon--right" })]), a("div", { staticClass: "el-upload__tip", attrs: { slot: "tip" }, slot: "tip" }, [e._v("支持视频格式：" + e._s(e.videoAllowedType.join("、")))])], 1)], 1)], 1), a("div", { attrs: { slot: "footer" }, slot: "footer" }, [a("el-button", { on: { click: o.onUploadVideoClose } }, [e._v("取消")]), a("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadVideoConfirm } }, [e._v("确定")])], 1)], 1)], 1);
 }, s = [], r = /* @__PURE__ */ i(

package/es/editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as ue, ref as m, computed as w, onMounted as me, onUnmounted as pe, watch as R } from "vue";
-import { oneTravelImageCheck as E, oneTravelImageCompressor as O, getImagePixel as ce } from "./util.js";
-import ge from "imgpond";
-import { conclude as M } from "vue-global-config";
-import I from "tinymce";
-import fe from "./langs/zh_CN.js";
+import { defineComponent as me, ref as m, computed as M, onMounted as pe, onUnmounted as ce, watch as E } from "vue";
+import { oneTravelImageCheck as O, oneTravelImageCompressor as I, getImagePixel as ge } from "./util.js";
+import fe from "imgpond";
+import { conclude as x } from "vue-global-config";
+import F from "tinymce";
+import ve from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -32,9 +32,9 @@ 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 ve, Message as v } from "element-ui";
-const Ze = /* @__PURE__ */ ue({
+import { globalProps as b } from "./index.js";
+import { Loading as he, Message as v } from "element-ui";
+const ea = /* @__PURE__ */ me({
   __name: "editor",
   props: {
     value: { default: "" },
@@ -66,24 +66,26 @@ const Ze = /* @__PURE__ */ ue({
     imgPondOptions: null
   },
   emits: ["input", "update:modelValue"],
-  setup(F, { emit: C }) {
-    const a = F;
-    I.addI18n("zh_CN", fe);
-    const P = m(), u = m(), A = m(!1), U = m(!1), c = m({
+  setup(q, { emit: C }) {
+    const a = q;
+    F.addI18n("zh_CN", ve);
+    const S = m(), d = m(), A = m(!1), T = m(!1), c = m({
       dialogVisible: !1,
       formData: {
         images: []
       }
-    }), S = m(), q = () => {
+    }), k = m(), N = () => {
       c.value.dialogVisible = !1, c.value.formData = {
         images: []
       };
-    }, N = () => {
+    }, j = () => {
       var o;
-      (o = S.value) == null || o.validate((l) => {
+      (o = k.value) == null || o.validate((l) => {
         l && (c.value.formData.images.forEach((t) => {
-          var e;
-          (e = u.value) == null || e.insertContent(`<img src=${t} alt="" />`);
+          var e, i;
+          if (P.value.srcAt)
+            return (e = d.value) == null ? void 0 : e.insertContent(`<img src=${t == null ? void 0 : t[P.value.srcAt]} alt="" />`);
+          (i = d.value) == null || i.insertContent(`<img src=${t} alt="" />`);
         }), c.value.dialogVisible = !1, c.value.formData.images = []);
       });
     }, r = m({
@@ -98,17 +100,17 @@ const Ze = /* @__PURE__ */ ue({
       },
       // 用于临时保存上传前的参数 { file: File }
       additionalData: {}
-    }), k = m(), j = () => {
+    }), z = m(), G = () => {
       var o;
-      (o = k.value) == null || o.validate((l) => {
+      (o = z.value) == null || o.validate((l) => {
         var t, e;
-        l && ((e = u.value) == null || e.insertContent(`<audio controls data-name="${r.value.formData.name}" data-poster="${r.value.formData.cover[0]}" src="${(t = r.value.formData.file[0]) == null ? void 0 : t.url}"></audio>`), r.value.dialogVisible = !1, r.value.formData = {
+        l && ((e = d.value) == null || e.insertContent(`<audio controls data-name="${r.value.formData.name}" data-poster="${r.value.formData.cover[0]}" src="${(t = r.value.formData.file[0]) == null ? void 0 : t.url}"></audio>`), r.value.dialogVisible = !1, r.value.formData = {
           name: "",
           cover: [],
           file: []
         }, r.value.additionalData = {});
       });
-    }, G = () => {
+    }, L = () => {
       r.value.dialogVisible = !1, r.value.formData = {
         name: "",
         cover: [],
@@ -122,21 +124,21 @@ const Ze = /* @__PURE__ */ ue({
       },
       // 用于临时保存上传前的参数 { file: File }
       additionalData: {}
-    }), z = m(), L = () => {
+    }), H = m(), J = () => {
       var o;
-      (o = z.value) == null || o.validate((l) => {
+      (o = H.value) == null || o.validate((l) => {
         var t, e;
-        l && ((e = u.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(t = s.value.formData.file[0]) == null ? void 0 : t.url}"></video>`), s.value.dialogVisible = !1, s.value.formData = {
+        l && ((e = d.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(t = s.value.formData.file[0]) == null ? void 0 : t.url}"></video>`), s.value.dialogVisible = !1, s.value.formData = {
           file: []
         }, s.value.additionalData = {});
       });
-    }, J = () => {
+    }, K = () => {
       s.value.dialogVisible = !1, s.value.formData = {
         file: []
       }, s.value.additionalData = {};
-    }, K = (o, l) => new Promise(async (t, e) => {
+    }, Q = (o, l) => new Promise(async (t, e) => {
       var h;
-      const i = await E(o, {
+      const i = await O(o, {
         imageMaxSize: a.imageMaxSize,
         imageAllowedMineType: a.imageAllowedMineType,
         imageMinWidth: a.imageMinWidth,
@@ -146,35 +148,35 @@ const Ze = /* @__PURE__ */ ue({
       });
       if (!i.success) {
         e(), setTimeout(() => {
-          var p, f, _;
-          (p = i.error) != null && p.size ? l.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (f = i.error) != null && f.format ? l.onError(`请上传格式为${a.imageAllowedType.map((D) => D.toUpperCase()).join("、")}的图片`) : (_ = i.error) != null && _.pixel && l.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
+          var p, f, w;
+          (p = i.error) != null && p.size ? l.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (f = i.error) != null && f.format ? l.onError(`请上传格式为${a.imageAllowedType.map((D) => D.toUpperCase()).join("、")}的图片`) : (w = i.error) != null && w.pixel && l.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
         });
         return;
       }
-      const n = await O(o);
+      const n = await I(o);
       if (!n.success) {
         e(), setTimeout(() => {
           l.onError(n.errorMessage);
         });
         return;
       }
-      const d = await ((h = g.value) == null ? void 0 : h.call(g, n.file, o.name, { extParameters: a.extParameters }));
-      if (!d.success) {
+      const u = await ((h = g.value) == null ? void 0 : h.call(g, n.file, o.name, { extParameters: a.extParameters }));
+      if (!u.success) {
         e(), setTimeout(() => {
-          l.onError(d.errorMessage);
+          l.onError(u.errorMessage);
         });
         return;
       }
-      t(d.url);
-    });
-    async function H(o) {
+      t(u.url);
+    }), X = M(() => a.imageAllowedMineType.map((o) => `.${o.split("/")[1]}`).join(",") || "");
+    async function $(o) {
       var t, e;
       const l = o.getElementsByTagName("img");
       for (let i of l) {
         const n = i.src;
         if (n.startsWith("http://") || n.startsWith("https://")) {
-          const d = await ce(n);
-          if (d.width < a.imageMinWidth && d.height < a.imageMinHeight || d.width > a.imageMaxWidth && d.height > a.imageMaxHeight) {
+          const u = await ge(n);
+          if (u.width < a.imageMinWidth && u.height < a.imageMinHeight || u.width > a.imageMaxWidth && u.height > a.imageMaxHeight) {
             (t = i == null ? void 0 : i.remove) == null || t.call(i);
             return;
           }
@@ -186,25 +188,25 @@ const Ze = /* @__PURE__ */ ue({
         }
       }
     }
-    const b = w(() => M([a.videoUploadOptions, x.videoUploadOptions]) || {}), y = w(() => M([a.audioUploadOptions, x.audioUploadOptions]) || {}), Q = w(() => M([a.imgPondOptions, x.imgPondOptions]) || {}), T = w(
-      () => M([a.paste_preprocess, x.paste_preprocess], {
+    const y = M(() => x([a.videoUploadOptions, b.videoUploadOptions]) || {}), _ = M(() => x([a.audioUploadOptions, b.audioUploadOptions]) || {}), P = M(() => x([a.imgPondOptions, b.imgPondOptions]) || {}), U = M(
+      () => x([a.paste_preprocess, b.paste_preprocess], {
         type: Function
       })
-    ), V = w(
-      () => M([a.paste_postprocess, x.paste_postprocess], {
+    ), V = M(
+      () => x([a.paste_postprocess, b.paste_postprocess], {
         type: Function
       })
-    ), g = w(
-      () => M([a.imageUploadHandle, x.imageUploadHandle], {
+    ), g = M(
+      () => x([a.imageUploadHandle, b.imageUploadHandle], {
         type: Function
       })
     );
-    me(() => {
+    pe(() => {
       const o = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: P.value,
+        target: S.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -282,20 +284,20 @@ const Ze = /* @__PURE__ */ ue({
         // 粘贴前处理
         paste_preprocess(t, 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 = T.value) == null || i.call(T, t, 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>"), (i = U.value) == null || i.call(U, t, e);
         },
         // 粘贴后处理(处理异步操作)
         paste_postprocess(t, e) {
           var n;
           const i = e.node;
-          H(i), (n = V.value) == null || n.call(V, t, e);
+          $(i), (n = V.value) == null || n.call(V, t, e);
         },
         images_upload_handler(t) {
           return new Promise(async (e, i) => {
-            var D, W, $, B;
-            const n = ve.service({ text: "上传中" });
-            let d = t.blob();
-            const h = t.filename(), p = await E(d, {
+            var D, W, B, R;
+            const n = he.service({ text: "上传中" });
+            let u = t.blob();
+            const h = t.filename(), p = await O(u, {
               imageMaxSize: a.imageMaxSize,
               imageAllowedMineType: a.imageAllowedMineType,
               imageMinWidth: a.imageMinWidth,
@@ -307,19 +309,19 @@ const Ze = /* @__PURE__ */ ue({
               if (n == null || n.close(), (D = p.error) != null && D.size)
                 return i({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
               if ((W = p.error) != null && W.format)
-                return i({ message: `请上传格式为${a.imageAllowedType.map((de) => de.toUpperCase()).join("、")}的图片`, remove: !0 });
-              if (($ = p.error) != null && $.pixel)
+                return i({ message: `请上传格式为${a.imageAllowedType.map((ue) => ue.toUpperCase()).join("、")}的图片`, remove: !0 });
+              if ((B = p.error) != null && B.pixel)
                 return i({ message: `请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
             }
-            const f = await O(d);
+            const f = await I(u);
             if (!f.success)
               return n == null || n.close(), i({ message: f == null ? void 0 : f.errorMessage, remove: !0 });
             if (!g.value)
               return n == null || n.close(), i({ message: "缺少图片上传配置", remove: !0 });
-            const _ = await ((B = g.value) == null ? void 0 : B.call(g, f.file, h, { extParameters: a.extParameters }));
-            if (!_.success)
-              return n == null || n.close(), i({ message: _.errorMessage, remove: !0 });
-            n == null || n.close(), e(_.url);
+            const w = await ((R = g.value) == null ? void 0 : R.call(g, f.file, h, { extParameters: a.extParameters }));
+            if (!w.success)
+              return n == null || n.close(), i({ message: w.errorMessage, remove: !0 });
+            n == null || n.close(), e(w.url);
           });
         },
         setup(t) {
@@ -377,10 +379,10 @@ const Ze = /* @__PURE__ */ ue({
             }
           }));
         }
-      }, l = M(
+      }, l = x(
         [
           a.options,
-          x.tinymceOptions,
+          b.tinymceOptions,
           o
         ],
         {
@@ -390,28 +392,28 @@ const Ze = /* @__PURE__ */ ue({
           type: Object
         }
       );
-      I.init(l).then(([t]) => {
+      F.init(l).then(([t]) => {
         var e;
         t && (t.customProps = { ...a }, t.on("change input Redo Undo SetContent", () => {
-          if (U.value) {
-            U.value = !1;
+          if (T.value) {
+            T.value = !1;
             return;
           }
           A.value = !0, C("input", t.getContent()), C("update:modelValue", t.getContent());
-        }), (e = a.initComplete) == null || e.call(a, { editorIns: t }), u.value = t);
+        }), (e = a.initComplete) == null || e.call(a, { editorIns: t }), d.value = t);
       });
     });
-    const X = () => {
+    const Y = () => {
       var o, l;
-      return ((l = (o = y.value) == null ? void 0 : o.data) == null ? void 0 : l.call(o, { file: r.value.additionalData, extParameters: a.extParameters })) || {};
-    }, Y = () => {
+      return ((l = (o = _.value) == null ? void 0 : o.data) == null ? void 0 : l.call(o, { ...r.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, Z = () => {
       var o, l;
-      return ((l = (o = y.value) == null ? void 0 : o.headers) == null ? void 0 : l.call(o, { file: r.value.additionalData, extParameters: a.extParameters })) || {};
-    }, Z = (o, l, t) => {
+      return ((l = (o = _.value) == null ? void 0 : o.headers) == null ? void 0 : l.call(o, { ...r.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, ee = (o, l, t) => {
       var i, n;
-      const e = (n = (i = y == null ? void 0 : y.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : n.call(i, o);
+      const e = (n = (i = _ == null ? void 0 : _.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : n.call(i, o);
       e != null && e.url ? t[t.length - 1].url = e.url : e != null && e.errorMessage && (v.error(e.errorMessage), t.splice(t.length - 1, 1)), r.value.formData.file = t;
-    }, ee = (o, l) => new Promise((t, e) => {
+    }, ae = (o, l) => new Promise((t, e) => {
       const i = o.name.split(".").filter(Boolean).pop() ? o.name.split(".").filter(Boolean).pop() : "";
       if (!a.audioAllowedType.includes(i.toUpperCase())) {
         v.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
@@ -422,21 +424,21 @@ const Ze = /* @__PURE__ */ ue({
         return;
       }
       r.value.additionalData = { file: o }, t(!0);
-    }), ae = (o, l) => {
+    }), oe = (o, l) => {
       r.value.formData.file = l;
-    }, oe = (o, l, t) => {
+    }, ie = (o, l, t) => {
       v.error("上传发生错误，请重试!"), r.value.formData.file = t;
-    }, ie = () => {
-      var o, l;
-      return ((l = (o = b.value) == null ? void 0 : o.data) == null ? void 0 : l.call(o, { file: s.value.additionalData, extParameters: a.extParameters })) || {};
     }, te = () => {
       var o, l;
-      return ((l = (o = b.value) == null ? void 0 : o.headers) == null ? void 0 : l.call(o, { file: s.value.additionalData, extParameters: a.extParameters })) || {};
-    }, le = (o, l, t) => {
+      return ((l = (o = y.value) == null ? void 0 : o.data) == null ? void 0 : l.call(o, { ...s.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, le = () => {
+      var o, l;
+      return ((l = (o = y.value) == null ? void 0 : o.headers) == null ? void 0 : l.call(o, { ...s.value.additionalData || {}, extParameters: a.extParameters })) || {};
+    }, ne = (o, l, t) => {
       var i, n;
-      const e = (n = (i = b == null ? void 0 : b.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : n.call(i, o);
+      const e = (n = (i = y == null ? void 0 : y.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : n.call(i, o);
       e != null && e.url ? t[t.length - 1].url = e.url : e != null && e.errorMessage && (v.error(e.errorMessage), t.splice(t.length - 1, 1)), s.value.formData.file = t;
-    }, ne = (o, l) => new Promise((t, e) => {
+    }, re = (o, l) => new Promise((t, e) => {
       const i = o.name.split(".").filter(Boolean).pop() ? o.name.split(".").filter(Boolean).pop() : "";
       if (!a.videoAllowedType.includes(i.toUpperCase())) {
         v.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
@@ -447,31 +449,31 @@ const Ze = /* @__PURE__ */ ue({
         return;
       }
       s.value.additionalData = { file: o }, t(!0);
-    }), re = (o, l) => {
+    }), se = (o, l) => {
       s.value.formData.file = l;
-    }, se = (o, l, t) => {
+    }, de = (o, l, t) => {
       v.error("上传发生错误，请重试!"), s.value.formData.file = t;
     };
-    return pe(() => {
+    return ce(() => {
       var o;
-      (o = u.value) == null || o.destroy();
-    }), R(() => [a.disabled, u.value], () => {
+      (o = d.value) == null || o.destroy();
+    }), E(() => [a.disabled, d.value], () => {
       var o, l;
-      (l = (o = u.value) == null ? void 0 : o.mode) == null || l.set(a.disabled ? "readonly" : "design");
-    }, { immediate: !0 }), R(
-      () => [a.value, a.modelValue, u.value],
+      (l = (o = d.value) == null ? void 0 : o.mode) == null || l.set(a.disabled ? "readonly" : "design");
+    }, { immediate: !0 }), E(
+      () => [a.value, a.modelValue, d.value],
       () => {
         var o;
         if (A.value) {
           A.value = !1;
           return;
         }
-        U.value = !0, (o = u.value) == null || o.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
+        T.value = !0, (o = d.value) == null || o.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, insRef: P, editorRef: u, preventSettingContent: A, preventUpdatingModelValue: U, uploadImage: c, uploadImageFormRef: S, onUploadImageClose: q, onUploadImageConfirm: N, uploadAudio: r, uploadAudioFormRef: k, onUploadAudioConfirm: j, onUploadAudioClose: G, uploadVideo: s, uploadVideoFormRef: z, onUploadVideoConfirm: L, onUploadVideoClose: J, onImageUploadUpload: K, props: a, emits: C, processPastedImage: H, mergeVideoUploadOptions: b, mergeAudioUploadOptions: y, mergeImgPondOptions: Q, paste_preprocess: T, paste_postprocess: V, imageUploadHandle: g, getUploadAudioData: X, getUploadAudioHeaders: Y, onUploadAudioSuccess: Z, onUploadAudioBeforeUpload: ee, onUploadAudioRemove: ae, onUploadAudioError: oe, getUploadVideoData: ie, getUploadVideoHeaders: te, onUploadVideoSuccess: le, onUploadVideoBeforeUpload: ne, onUploadVideoRemove: re, onUploadVideoError: se, ImgPond: ge };
+    ), { __sfc: !0, insRef: S, editorRef: d, preventSettingContent: A, preventUpdatingModelValue: T, uploadImage: c, uploadImageFormRef: k, onUploadImageClose: N, onUploadImageConfirm: j, uploadAudio: r, uploadAudioFormRef: z, onUploadAudioConfirm: G, onUploadAudioClose: L, uploadVideo: s, uploadVideoFormRef: H, onUploadVideoConfirm: J, onUploadVideoClose: K, onImageUploadUpload: Q, props: a, emits: C, imgPondAccept: X, processPastedImage: $, mergeVideoUploadOptions: y, mergeAudioUploadOptions: _, mergeImgPondOptions: P, paste_preprocess: U, paste_postprocess: V, imageUploadHandle: g, getUploadAudioData: Y, getUploadAudioHeaders: Z, onUploadAudioSuccess: ee, onUploadAudioBeforeUpload: ae, onUploadAudioRemove: oe, onUploadAudioError: ie, getUploadVideoData: te, getUploadVideoHeaders: le, onUploadVideoSuccess: ne, onUploadVideoBeforeUpload: re, onUploadVideoRemove: se, onUploadVideoError: de, ImgPond: fe };
   }
 });
 export {
-  Ze as default
+  ea as default
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/tinymce-editor-vue2",
   "description": "KeyBlade Tinymce Editor Vue2",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.0.12-alpha.07",
+  "version": "0.0.12-alpha.09",
   "private": false,
   "type": "module",
   "main": "es/index.js",