@keyblade/tinymce-editor-vue2 0.0.3 → 0.0.5-alpha.1

package/es/editor.vue.d.ts

@@ -1,6 +1,6 @@
 import { Editor, RawEditorOptions } from 'tinymce';
 
-declare const _default: import('vue-demi').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /** vue2 v-model */
     value?: string | undefined;
     /** vue3 v-model */
@@ -51,12 +51,12 @@ declare const _default: import('vue-demi').DefineComponent<__VLS_WithDefaults<__
     imageMaxHeight: number;
     options: () => {};
 }>, {
-    insRef: import('vue-demi').Ref<HTMLElement | undefined>;
-    editorRef: import('vue-demi').Ref<Editor | undefined>;
+    insRef: import('vue').Ref<HTMLElement | undefined>;
+    editorRef: import('vue').Ref<Editor | undefined>;
 }, {}, {}, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {
     input: (value: string) => void;
     "update:modelValue": (value: string) => void;
-}, string, Readonly<import('vue-demi').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /** vue2 v-model */
     value?: string | undefined;
     /** vue3 v-model */

package/es/editor.vue2.js

@@ -1,5 +1,4 @@
-import { defineComponent as F } from "vue";
-import { ref as y, computed as W, onMounted as N, onUnmounted as j, watch as L } from "vue-demi";
+import { defineComponent as F, ref as y, computed as W, onMounted as N, onUnmounted as j, watch as L } from "vue";
 import q from "compressorjs";
 import { conclude as _ } from "vue-global-config";
 import E from "tinymce";
@@ -33,7 +32,7 @@ import "tinymce/plugins/visualblocks";
 import "tinymce/plugins/visualchars";
 import "tinymce/plugins/wordcount";
 import { globalProps as d } from "./index.js";
-const ze = /* @__PURE__ */ F({
+const ke = /* @__PURE__ */ F({
   __name: "editor",
   props: {
     value: { default: "" },
@@ -53,23 +52,23 @@ const ze = /* @__PURE__ */ F({
   },
   emits: ["input", "update:modelValue"],
   setup(O, { expose: R, emit: b }) {
-    const a = O;
+    const i = O;
     G();
     const M = y(), m = y(), g = y(!1), f = y(!1);
     async function A(n) {
       var o, e;
       const s = n.getElementsByTagName("img");
-      for (let i of s) {
-        const t = i.src;
+      for (let a of s) {
+        const t = a.src;
         if (t.startsWith("http://") || t.startsWith("https://")) {
           const r = await C(t);
-          if (r.width < a.imageMinWidth && r.height < a.imageMinHeight || r.width > a.imageMaxWidth && r.height > a.imageMaxHeight) {
-            (o = i == null ? void 0 : i.remove) == null || o.call(i);
+          if (r.width < i.imageMinWidth && r.height < i.imageMinHeight || r.width > i.imageMaxWidth && r.height > i.imageMaxHeight) {
+            (o = a == null ? void 0 : a.remove) == null || o.call(a);
             return;
           }
           const w = t.split("."), S = w[w.length - 1].toLowerCase();
-          if (!a.imageAllowedType.includes(S)) {
-            (e = i == null ? void 0 : i.remove) == null || e.call(i);
+          if (!i.imageAllowedType.includes(S)) {
+            (e = a == null ? void 0 : a.remove) == null || e.call(a);
             return;
           }
         }
@@ -77,10 +76,10 @@ const ze = /* @__PURE__ */ F({
     }
     const H = (n) => {
       const s = n.split(","), o = s[0].match(/:(.*?);/)[1], e = atob(s[1]);
-      let i = e.length;
-      const t = new Uint8Array(i);
-      for (; i--; )
-        t[i] = e.charCodeAt(i);
+      let a = e.length;
+      const t = new Uint8Array(a);
+      for (; a--; )
+        t[a] = e.charCodeAt(a);
       return new Blob([t], { type: o });
     };
     function C(n) {
@@ -105,15 +104,15 @@ const ze = /* @__PURE__ */ F({
       });
     }
     const h = W(
-      () => _([a.paste_preprocess, d.paste_preprocess], {
+      () => _([i.paste_preprocess, d.paste_preprocess], {
         type: Function
       })
     ), v = W(
-      () => _([a.paste_postprocess, d.paste_postprocess], {
+      () => _([i.paste_postprocess, d.paste_postprocess], {
         type: Function
       })
     ), c = W(
-      () => _([a.imageUploadHandle, d.imageUploadHandle], {
+      () => _([i.imageUploadHandle, d.imageUploadHandle], {
         type: Function
       })
     );
@@ -189,28 +188,28 @@ const ze = /* @__PURE__ */ F({
         paste_data_images: !0,
         // 粘贴前处理
         paste_preprocess(o, 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 = h.value) == null || i.call(h, o, e);
+          var a;
+          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>"), (a = h.value) == null || a.call(h, o, e);
         },
         // 粘贴后处理(处理异步操作)
         paste_postprocess(o, e) {
           var t;
-          const i = e.node;
-          A(i), (t = v.value) == null || t.call(v, o, e);
+          const a = e.node;
+          A(a), (t = v.value) == null || t.call(v, o, e);
         },
         images_upload_handler(o) {
-          return new Promise(async (e, i) => {
+          return new Promise(async (e, a) => {
             var x, V, B;
             const t = (V = (x = d.message) == null ? void 0 : x.loading) == null ? void 0 : V.call(x);
             let r = o.blob();
             const w = o.base64(), S = o.filename(), P = r.name.split("."), $ = P[P.length - 1].toLowerCase();
-            if (r.size > a.imageMaxSize * 1024 * 1024)
-              return t == null || t.close(), i({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
-            if (!a.imageAllowedMineType.includes(r.type))
-              return t == null || t.close(), i({ message: `请上传格式为${a.imageAllowedType.map((u) => u.toUpperCase()).join("、")}的图片`, remove: !0 });
+            if (r.size > i.imageMaxSize * 1024 * 1024)
+              return t == null || t.close(), a({ message: `请上传大小不超过${i.imageMaxSize}M的图片`, remove: !0 });
+            if (!i.imageAllowedMineType.includes(r.type))
+              return t == null || t.close(), a({ message: `请上传格式为${i.imageAllowedType.map((u) => u.toUpperCase()).join("、")}的图片`, remove: !0 });
             const U = "data:" + r.type + ";base64," + w, p = await C(U);
-            if (p.width < a.imageMinWidth && p.height < a.imageMinHeight || p.width > a.imageMaxWidth && p.height > a.imageMaxHeight)
-              return t == null || t.close(), i({ message: `请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
+            if (p.width < i.imageMinWidth && p.height < i.imageMinHeight || p.width > i.imageMaxWidth && p.height > i.imageMaxHeight)
+              return t == null || t.close(), a({ message: `请上传像素不低于${i.imageMinWidth}*${i.imageMinHeight}且像素不高于${i.imageMaxWidth}*${i.imageMaxHeight}的图片`, remove: !0 });
             const l = {};
             ["image/heif", "image/heic", "image/webp"].includes($) && (l.convertTypes = [r.type], l.convertSize = 0);
             const k = 5 * 1024 * 1024;
@@ -219,25 +218,25 @@ const ze = /* @__PURE__ */ F({
               if (u.success)
                 r = u.file;
               else
-                return t == null || t.close(), i({ message: u.error, remove: !0 });
+                return t == null || t.close(), a({ message: u.error, remove: !0 });
             }
             if (!c.value)
-              return t == null || t.close(), i({ message: "缺少图片上传配置", remove: !0 });
+              return t == null || t.close(), a({ message: "缺少图片上传配置", remove: !0 });
             const z = await ((B = c.value) == null ? void 0 : B.call(c, r, S));
             if (!z.success)
-              return t == null || t.close(), i({ message: z.errorMessage, remove: !0 });
+              return t == null || t.close(), a({ message: z.errorMessage, remove: !0 });
             t == null || t.close(), e(z.url);
           });
         }
       }, s = _(
         [
-          a.options,
+          i.options,
           d.tinymceOptions,
           n
         ],
         {
-          mergeFunction: (o, e) => (...i) => {
-            o(...i), e(...i);
+          mergeFunction: (o, e) => (...a) => {
+            o(...a), e(...a);
           },
           type: Object
         }
@@ -250,28 +249,28 @@ const ze = /* @__PURE__ */ F({
             return;
           }
           g.value = !0, b("input", o.getContent()), b("update:modelValue", o.getContent());
-        }), m.value = o, (e = a.initComplete) == null || e.call(a);
+        }), m.value = o, (e = i.initComplete) == null || e.call(i);
       });
     }), j(() => {
       var n;
       (n = m.value) == null || n.destroy();
     }), L(
-      () => [a.value, a.modelValue, m.value],
+      () => [i.value, i.modelValue, m.value],
       () => {
         var n;
         if (g.value) {
           g.value = !1;
           return;
         }
-        f.value = !0, (n = m.value) == null || n.setContent(a.value ?? a.modelValue ?? "");
+        f.value = !0, (n = m.value) == null || n.setContent(i.value ? i.value : i.modelValue ? i.modelValue : "");
       },
       { immediate: !0 }
     ), R({
       insRef: M,
       editorRef: m
-    }), { __sfc: !0, insRef: M, editorRef: m, preventSettingContent: g, preventUpdatingModelValue: f, props: a, emits: b, processPastedImage: A, dataURLtoBlob: H, getImagePixel: C, compressorImage: T, paste_preprocess: h, paste_postprocess: v, imageUploadHandle: c };
+    }), { __sfc: !0, insRef: M, editorRef: m, preventSettingContent: g, preventUpdatingModelValue: f, props: i, emits: b, processPastedImage: A, dataURLtoBlob: H, getImagePixel: C, compressorImage: T, paste_preprocess: h, paste_postprocess: v, imageUploadHandle: c };
   }
 });
 export {
-  ze as default
+  ke 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.3",
+  "version": "0.0.5-alpha.01",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -22,18 +22,11 @@
   "dependencies": {
     "compressorjs": "^1.2.1",
     "vue-global-config": "^0.6.1",
-    "tinymce": "^7.1.0",
-    "vue-demi": "^0.14.7"
+    "tinymce": "^7.1.0"
   },
   "devDependencies": {},
   "peerDependencies": {
-    "@vue/composition-api": "^1.7.2",
-    "vue": "^2.0.0 || >=3.3.4"
-  },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    }
+    "vue": "^2.7.0"
   },
   "scripts": {
     "build": "vite build",