@keyblade/tinymce-editor-vue2 0.0.12-alpha.10 → 0.0.12-alpha.12

package/README.md

@@ -107,6 +107,38 @@ import { oneTravelImageCheck, oneTravelImageCompressor } from '@keyblade/tinymce
 // oneTravelImageCompressor: 一码游图片压缩工具
 ```
 
+```typescript
+export async function oneTravelImageCheck(data: File | Blob, options?: {
+  imageMaxSize?: number;
+  imageAllowedMineType?: string[]
+  imageMinWidth?: number;
+  imageMinHeight?: number;
+  imageMaxWidth?: number;
+  imageMaxHeight?: number;
+}): Promise<{
+  /** 是否成功 */
+  success: boolean;
+  /** 处理完成的文件（有可能不需要处理） */
+  file?: File | Blob;
+  /** 失败 */
+  error?: {
+    size?: boolean;
+    format?: boolean;
+    pixel?: boolean;
+    message?: string
+  }
+}> {}
+
+export async function oneTravelImageCompressor(data: File | Blob): Promise<{
+  // 文件
+  file: File | Blob,
+  // 是否经过处理（没有处理的话，会返回原 file 对象）
+  hasConversion: boolean;
+  success: boolean;
+  errorMessage?: string
+}>{}
+```
+
 ## 三、Api
 ### 1.全局属性
 ```typescript

package/es/util.d.ts

@@ -20,6 +20,8 @@ export declare function oneTravelImageCheck(data: File | Blob, options?: {
         pixel?: boolean;
         message?: string;
     };
+    /** 错误消息 */
+    errorMessage?: string;
 }>;
 /**
  * 一码游图片压缩

package/es/util.js

@@ -1,77 +1,77 @@
-import f from "compressorjs";
-async function d(n, e) {
+import h from "compressorjs";
+async function y(a, e) {
   const {
-    imageMaxSize: i = 30,
-    imageAllowedMineType: s = ["image/jpg", "image/jpeg", "image/png", "image/bmp", "image/heif", "image/heic", "image/gif", "image/webp"],
-    imageMinWidth: t = 60,
-    imageMinHeight: r = 60,
+    imageMaxSize: s = 30,
+    imageAllowedMineType: r = ["image/jpg", "image/jpeg", "image/png", "image/bmp", "image/heif", "image/heic", "image/gif", "image/webp"],
+    imageMinWidth: i = 60,
+    imageMinHeight: t = 60,
     imageMaxWidth: o = 6e3,
     imageMaxHeight: c = 6e3
-  } = e || {}, a = n, l = await u(a);
-  if (a.size > i * 1024 * 1024)
-    return { success: !1, error: { size: !0 } };
-  if (!s.includes(a.type))
-    return { success: !1, error: { format: !0 } };
-  const m = await g(l);
-  return m.width < t && m.height < r || m.width > o && m.height > c ? { success: !1, error: { pixel: !0 } } : { success: !0, file: a };
+  } = e || {}, n = a, l = await u(n);
+  if (n.size > s * 1024 * 1024)
+    return { success: !1, error: { size: !0 }, errorMessage: `请上传大小不超过${s}M的图片` };
+  if (!r.includes(n.type))
+    return { success: !1, error: { format: !0 }, errorMessage: `请上传格式为${r.map((f) => f.toUpperCase()).join("、")}的图片` };
+  const g = await m(l);
+  return g.width < i && g.height < t || g.width > o && g.height > c ? { success: !1, error: { pixel: !0 }, errorMessage: `请上传像素不低于${i}*${t}且像素不高于${o}*${c}的图片` } : { success: !0, file: n };
 }
-async function y(n) {
+async function b(a) {
   var c;
-  let e = n;
-  const i = await u(e), s = await g(i);
-  let t = !1;
-  const r = {};
-  ["image/heif", "image/heic", "image/webp"].includes(e.type) && (r.convertTypes = [e.type], r.convertSize = 0, t = !0);
+  let e = a;
+  const s = await u(e), r = await m(s);
+  let i = !1;
+  const t = {};
+  ["image/heif", "image/heic", "image/webp"].includes(e.type) && (t.convertTypes = [e.type], t.convertSize = 0, i = !0);
   const o = 5 * 1024 * 1024;
-  if (e.size > o && (r.convertTypes = [e.type], r.convertSize = o, r.maxWidth = s.width * (o / e.size), t = !0), Object.keys(r).length > 0) {
-    const a = await h(p(i), r);
-    if (a.success)
-      e = a.file;
+  if (e.size > o && (t.convertTypes = [e.type], t.convertSize = o, t.maxWidth = r.width * (o / e.size), i = !0), Object.keys(t).length > 0) {
+    const n = await p(w(s), t);
+    if (n.success)
+      e = n.file;
     else
-      return { file: e, success: !1, hasConversion: t, errorMessage: (c = a.error) == null ? void 0 : c.message };
+      return { file: e, success: !1, hasConversion: i, errorMessage: (c = n.error) == null ? void 0 : c.message };
   }
-  return { file: e, hasConversion: t, success: !0 };
+  return { file: e, hasConversion: i, success: !0 };
 }
-function h(n, e) {
-  return new Promise((i) => {
-    new f(n, {
+function p(a, e) {
+  return new Promise((s) => {
+    new h(a, {
       ...e,
-      success: async (s) => {
-        i({ success: !0, file: s });
+      success: async (r) => {
+        s({ success: !0, file: r });
       },
-      error(s) {
-        i({ success: !1, error: s });
+      error(r) {
+        s({ success: !1, error: r });
       }
     });
   });
 }
-function g(n) {
+function m(a) {
   return new Promise((e) => {
-    const i = new Image();
-    i.onload = function() {
-      e({ width: i.width, height: i.height, image: i });
-    }, i.src = n;
+    const s = new Image();
+    s.onload = function() {
+      e({ width: s.width, height: s.height, image: s });
+    }, s.src = a;
   });
 }
-function p(n) {
-  const e = n.split(","), i = e[0].match(/:(.*?);/)[1], s = atob(e[1]);
-  let t = s.length;
-  const r = new Uint8Array(t);
-  for (; t--; )
-    r[t] = s.charCodeAt(t);
-  return new Blob([r], { type: i });
+function w(a) {
+  const e = a.split(","), s = e[0].match(/:(.*?);/)[1], r = atob(e[1]);
+  let i = r.length;
+  const t = new Uint8Array(i);
+  for (; i--; )
+    t[i] = r.charCodeAt(i);
+  return new Blob([t], { type: s });
 }
-function u(n) {
-  return new Promise((e, i) => {
-    const s = new FileReader();
-    s.onloadend = () => {
-      const t = s.result;
-      e(t);
-    }, s.onerror = i, s.readAsDataURL(n);
+function u(a) {
+  return new Promise((e, s) => {
+    const r = new FileReader();
+    r.onloadend = () => {
+      const i = r.result;
+      e(i);
+    }, r.onerror = s, r.readAsDataURL(a);
   });
 }
 export {
-  g as getImagePixel,
-  d as oneTravelImageCheck,
-  y as oneTravelImageCompressor
+  m as getImagePixel,
+  y as oneTravelImageCheck,
+  b as oneTravelImageCompressor
 };

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.10",
+  "version": "0.0.12-alpha.12",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -21,6 +21,7 @@
   ],
   "dependencies": {
     "compressorjs": "^1.2.1",
+    "image-conversion": "^2.1.1",
     "vue-global-config": "^0.2.6",
     "tinymce": "^7.1.0",
     "element-ui": "^2.15.14"