@keyblade/tinymce-editor-vue2 0.0.9-alpha.1 → 0.0.11

package/es/editor.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as y, computed as k, onMounted as L, onUnmounted as j, watch as O } from "vue";
+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";
@@ -56,8 +56,8 @@ const ze = /* @__PURE__ */ N({
   setup($, { emit: b }) {
     const t = $;
     R.addI18n("zh_CN", E);
-    const P = y(), l = y(), g = y(!1), f = y(!1);
-    async function W(n) {
+    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) {
@@ -68,7 +68,7 @@ const ze = /* @__PURE__ */ N({
             (a = o == null ? void 0 : o.remove) == null || a.call(o);
             return;
           }
-          const x = i.split("."), C = x[x.length - 1].toLowerCase();
+          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);
             return;
@@ -76,7 +76,7 @@ const ze = /* @__PURE__ */ N({
         }
       }
     }
-    const A = (n) => {
+    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);
@@ -92,7 +92,7 @@ const ze = /* @__PURE__ */ N({
         }, a.src = n;
       });
     }
-    function H(n, s) {
+    function A(n, s) {
       return new Promise((a) => {
         new q(n, {
           ...s,
@@ -113,12 +113,12 @@ const ze = /* @__PURE__ */ N({
       () => _([t.paste_postprocess, d.paste_postprocess], {
         type: Function
       })
-    ), c = k(
+    ), p = k(
       () => _([t.imageUploadHandle, d.imageUploadHandle], {
         type: Function
       })
     );
-    return L(() => {
+    return j(() => {
       const n = {
         // 设置语言
         language: "zh_CN",
@@ -196,34 +196,34 @@ const ze = /* @__PURE__ */ N({
         paste_postprocess(a, e) {
           var i;
           const o = e.node;
-          W(o), (i = v.value) == null || i.call(v, a, e);
+          T(o), (i = v.value) == null || i.call(v, a, e);
         },
         images_upload_handler(a) {
           return new Promise(async (e, o) => {
-            var w, V, B;
-            const i = (V = (w = d.message) == null ? void 0 : w.loading) == null ? void 0 : V.call(w);
+            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 x = a.base64(), C = a.filename(), T = r.name.split("."), F = T[T.length - 1].toLowerCase();
+            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((u) => u.toUpperCase()).join("、")}的图片`, remove: !0 });
-            const U = "data:" + r.type + ";base64," + x, p = await M(U);
-            if (p.width < t.imageMinWidth && p.height < t.imageMinHeight || p.width > t.imageMaxWidth && p.height > t.imageMaxHeight)
+              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 = p.width * (z / r.size)), Object.keys(m).length > 0) {
-              const u = await H(A(U), m);
-              if (u.success)
-                r = u.file;
+            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: u.error, remove: !0 });
+                return i == null || i.close(), o({ message: (V = c == null ? void 0 : c.error) == null ? void 0 : V.message, remove: !0 });
             }
-            if (!c.value)
+            if (!p.value)
               return i == null || i.close(), o({ message: "缺少图片上传配置", remove: !0 });
-            const S = await ((B = c.value) == null ? void 0 : B.call(c, r, C, { extParameters: t.extParameters }));
+            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);
@@ -252,7 +252,7 @@ const ze = /* @__PURE__ */ N({
           g.value = !0, b("input", a.getContent()), b("update:modelValue", a.getContent());
         }), (e = t.initComplete) == null || e.call(t, { editorIns: a }), l.value = a);
       });
-    }), j(() => {
+    }), L(() => {
       var n;
       (n = l.value) == null || n.destroy();
     }), O(() => [t.disabled, l.value], () => {
@@ -269,7 +269,7 @@ const ze = /* @__PURE__ */ N({
         f.value = !0, (n = l.value) == null || n.setContent(t.value ? t.value : t.modelValue ? t.modelValue : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, insRef: P, editorRef: l, preventSettingContent: g, preventUpdatingModelValue: f, props: t, emits: b, processPastedImage: W, dataURLtoBlob: A, getImagePixel: M, compressorImage: H, paste_preprocess: h, paste_postprocess: v, imageUploadHandle: c };
+    ), { __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 };
   }
 });
 export {

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.9-alpha.01",
+  "version": "0.0.11",
   "private": false,
   "type": "module",
   "main": "es/index.js",