npm - @keyblade/tinymce-editor-vue2 - Versions diffs - 0.0.12-alpha.4 → 0.0.12-alpha.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md CHANGED Viewed

@@ -1,9 +1,17 @@
 # tinymce 富文本编辑器
-封装 tinymce 编辑器，该库不包含任何组件库, 对于图片上传、视频上传等功能，可使用自定义插件实现。
+tinymce编辑器
+## 零、前提
+必须将vue 版本升级至2.7+
+- 升级指南：https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html
+一般来说只需要升级 vue、及 @vue/cli-xxx 版本即可
 ## 一、安装
 ```shell
 yarn add @keyblade/tinymce-editor-vue2
+# 下面两个第三方依赖注意版本，必须匹配，否则css样式有问题
 yarn add pic-viewer@0.5.1 (如项目中有，怎不需要再次安装)
 yarn add imgpond@0.6.2 (如项目中有，怎不需要再次安装)
 ```
@@ -25,14 +33,54 @@ Vue.use(PicViewer, {})
 Vue.use(ImgPond, {})
 Vue.use(TinymceEditor, {
-  // 配置图片上传
-  imageUploadHandle: (file, filename, { extParameters }) => {
+  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) => {
-      resolve({
-        success: true,
-        url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png'
-      })
+      setTimeout(() => {
+        resolve({
+          success: true,
+          url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png'
+        })
+      }, 1000)
     })
+  },
+  // 音频
+  audioUploadOptions: {
+    action: 'https://qt.gcongo.com.cn/msg/file/upload',
+    headers: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        Appkey: 'dsy_2AeyG8N0CqEC',
+        Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJOelF4WW1jeU5qUmtabU5tTlRWaU9UUTZaREV6WkdOa1l6TXpZemt5WmpSbE16RXhNVEkyTVRJek9VeGJSRUpSTWpBPTlZNjNYN1dVRzNPQiIsImlzcyI6ImRlMjdkNDAzNzNiZjY3NGJkYTUyN2E5Yzg4NjliZTI1Iiwic3ViIjoiQVBQIiwiYXVkIjoiZHN5X1FPTXF2R0haU1MyZCIsImlhdCI6MTcxNjE5NDc4MSwiZXhwIjoxNzE2Nzk5NTgxfQ.krM-HWCvR-PLa6dcup6RGthxpST1pFrHN9cngyK89lU'
+      }
+    },
+    data: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {}
+    },
+    handlerResponse: (response: any) => {
+      return { url: response.data, errorMessage: response.msg }
+    }
+  },
+  // 视频
+  videoUploadOptions: {
+    action: 'https://qt.gcongo.com.cn/msg/file/upload',
+    headers: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        Appkey: 'dsy_2AeyG8N0CqEC',
+        Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJOelF4WW1jeU5qUmtabU5tTlRWaU9UUTZaREV6WkdOa1l6TXpZemt5WmpSbE16RXhNVEkyTVRJek9VeGJSRUpSTWpBPTlZNjNYN1dVRzNPQiIsImlzcyI6ImRlMjdkNDAzNzNiZjY3NGJkYTUyN2E5Yzg4NjliZTI1Iiwic3ViIjoiQVBQIiwiYXVkIjoiZHN5X1FPTXF2R0haU1MyZCIsImlhdCI6MTcxNjE5NDc4MSwiZXhwIjoxNzE2Nzk5NTgxfQ.krM-HWCvR-PLa6dcup6RGthxpST1pFrHN9cngyK89lU'
+      }
+    },
+    data: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        a: '1'
+      }
+    },
+    handlerResponse: (response: any) => {
+      return { url: response.data, errorMessage: response.msg }
+    }
   }
 })
 ```
@@ -40,14 +88,14 @@ Vue.use(TinymceEditor, {
 ### 2.使用组件
 ```text
 <template>
-  <TinymceEditor
+  <KbTinymceEditor
     v-model="text"
+    :extParameters="{a: 1}"
   />
 </template>
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
-import TinymceEditor from '@keyblade/tinymce-editor-vue2'
 const text = ref<string>('')
@@ -57,21 +105,18 @@ onMounted(() => {
 </script>
 ```
+### 3.使用工具类（单独使用图片上传组件的，可使用这两个工具类自行处理）
+```typescript
+import { oneTravelImageCheck, oneTravelImageCompressor } from '@keyblade/tinymce-editor-vue2'
+// oneTravelImageCheck: 一码游图片检测工具
+// oneTravelImageCompressor: 一码游图片压缩工具
+```
 ## 三、Api
 ### 1.全局属性
 ```typescript
 interface TinymceEditorGlobalOptions {
-  // 消息方法实例
-  message?: {
-    // 加载中
-    loading?: (message?: string) => { close: () => void }
-    // 成功
-    success?: (message?: string) => void
-    // 错误提示
-    error?: (message?: string) => void
-    // 销毁
-    destroy?: () => void
-  }
   /** 图片上传请求处理，需要返回图片地址 */
   imageUploadHandle?: (file: File | Blob, filename: string, options?: {
     extParameters?: Record<string, any>
@@ -86,8 +131,23 @@ interface TinymceEditorGlobalOptions {
     node: HTMLElement;
     readonly internal: boolean;
   }) => void;
-  /** tinyMCE编辑器配置 */
-  tinymceOptions?: RawEditorOptions
+  tinymceOptions?: RawEditorOptions;
+  /** imgPond 选项 */
+  imgPondOptions?: Record<string, any>
+  /** 音频上传选项 */
+  audioUploadOptions?: {
+    action: string;
+    handlerResponse: (response: any) => { url?: string; errorMessage?: string }
+    headers?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+  },
+  /** 视频上传选项 */
+  videoUploadOptions?: {
+    action: string;
+    handlerResponse: (response: any) => { url?: string; errorMessage?: string }
+    headers?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+  }
 }
 ```
@@ -97,9 +157,15 @@ interface ComponentProps {
   /** vue2 v-model */
   value?: string
   /** vue3 v-model */
-  modelValue?: string
+  modelValue?: string;
   /** 是否禁止编辑 */
   disabled?: boolean;
+  /** 额外参数 */
+  extParameters?: Record<string, any>,
+  /** 图片上传组件最大数量 */
+  imageUploadMaxCount?: number;
+  /** 图片上传提示 */
+  imageUploadTip?: string;
   /** 图片最大值(单位M，主要用于错误提示) */
   imageMaxSize?: number;
   /** 图片允许的类型 */
@@ -114,8 +180,36 @@ interface ComponentProps {
   imageMaxWidth?: number;
   /** 图片最大高度 */
   imageMaxHeight?: number;
+  /** 是否开启音频 */
+  audioEnable?: boolean
+  /** 音频最大尺寸(M) */
+  audioMaxSize?: number;
+  /** 音频结尾格式 */
+  audioAllowedType?: string[];
+  /** 音频上传选项 */
+  audioUploadOptions?: {
+    action: string;
+    handlerResponse: (response: any) => { url?: string; errorMessage?: string }
+    headers?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+  },
+  /** 是否开启视频 */
+  videoEnable?: boolean
+  /** 视频最大尺寸(M) */
+  videoMaxSize?: number;
+  /** 视频结尾格式 */
+  videoAllowedType?: string[];
+  /** 视频上传选项 */
+  videoUploadOptions?: {
+    action: string;
+    handlerResponse: (response: any) => { url?: string; errorMessage?: string }
+    headers?: (parameters: { file: File | Blob, extParameters: {} }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: {} }) => Record<string, any>;
+  }
   /** 图片上传请求处理，需要返回图片地址 */
-  imageUploadHandle?: (file: File | Blob, filename: string) => Promise<{success: boolean; url?: string; errorMessage?: string}>;
+  imageUploadHandle?: (file: File | Blob, filename: string, options?: {
+    extParameters?: Record<string, any>
+  }) => Promise<{success: boolean; url?: string; errorMessage?: string}>;
   /** 接着默认配置进行处理 */
   paste_preprocess?: (editor: Editor, args: {
     content: string;
@@ -128,7 +222,10 @@ interface ComponentProps {
   }) => void;
   /** 初始化完成 */
   initComplete?: (params: { editorIns: Editor }) => void,
-  /** tinyMCE选项 */
+  /** 富文本编辑器选项 */
   options?: Partial<RawEditorOptions>
+  /** imgPond 选项 */
+  imgPondOptions?: Record<string, any>
 }
-```
+```

package/es/editor.vue.d.ts CHANGED Viewed

@@ -27,6 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMaxWidth?: number | undefined;
     /** 图片最大高度 */
     imageMaxHeight?: number | undefined;
+    /** 是否开启音频 */
+    audioEnable?: boolean | undefined;
     /** 音频最大尺寸(M) */
     audioMaxSize?: number | undefined;
     /** 音频结尾格式 */
@@ -38,9 +40,17 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
+        headers?: ((parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>) | undefined;
+        data?: ((parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>) | undefined;
     } | undefined;
+    /** 是否开启视频 */
+    videoEnable?: boolean | undefined;
     /** 视频最大尺寸(M) */
     videoMaxSize?: number | undefined;
     /** 视频结尾格式 */
@@ -52,8 +62,14 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
+        headers?: ((parameters: {
+            file: File | Blob;
+            extParameters: {};
+        }) => Record<string, any>) | undefined;
+        data?: ((parameters: {
+            file: File | Blob;
+            extParameters: {};
+        }) => Record<string, any>) | undefined;
     } | undefined;
     /** 图片上传请求处理，需要返回图片地址 */
     imageUploadHandle?: ((file: File | Blob, filename: string, options?: {
@@ -93,6 +109,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMinHeight: number;
     imageMaxWidth: number;
     imageMaxHeight: number;
+    audioEnable: boolean;
+    videoEnable: boolean;
     audioMaxSize: number;
     videoMaxSize: number;
     audioAllowedType: () => string[];
@@ -128,6 +146,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMaxWidth?: number | undefined;
     /** 图片最大高度 */
     imageMaxHeight?: number | undefined;
+    /** 是否开启音频 */
+    audioEnable?: boolean | undefined;
     /** 音频最大尺寸(M) */
     audioMaxSize?: number | undefined;
     /** 音频结尾格式 */
@@ -139,9 +159,17 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
+        headers?: ((parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>) | undefined;
+        data?: ((parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>) | undefined;
     } | undefined;
+    /** 是否开启视频 */
+    videoEnable?: boolean | undefined;
     /** 视频最大尺寸(M) */
     videoMaxSize?: number | undefined;
     /** 视频结尾格式 */
@@ -153,8 +181,14 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
+        headers?: ((parameters: {
+            file: File | Blob;
+            extParameters: {};
+        }) => Record<string, any>) | undefined;
+        data?: ((parameters: {
+            file: File | Blob;
+            extParameters: {};
+        }) => Record<string, any>) | undefined;
     } | undefined;
     /** 图片上传请求处理，需要返回图片地址 */
     imageUploadHandle?: ((file: File | Blob, filename: string, options?: {
@@ -194,6 +228,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMinHeight: number;
     imageMaxWidth: number;
     imageMaxHeight: number;
+    audioEnable: boolean;
+    videoEnable: boolean;
     audioMaxSize: number;
     videoMaxSize: number;
     audioAllowedType: () => string[];
@@ -211,8 +247,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageUploadMaxCount: number;
     imageUploadTip: string;
     imageAllowedType: string[];
+    audioEnable: boolean;
     audioMaxSize: number;
     audioAllowedType: string[];
+    videoEnable: boolean;
     videoMaxSize: number;
     videoAllowedType: string[];
     options: Partial<RawEditorOptions>;

package/es/editor.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import d from "./editor.vue2.js";
+import u from "./editor.vue2.js";
 import "./editor.vue3.js";
-import s from "./_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var l, i, u;
+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) {
     e.$set(o.uploadImage.formData, "images", t);
@@ -10,13 +10,13 @@ var r = function() {
     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) {
     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: (i = o.mergeAudioUploadOptions) == null ? void 0 : i.data, accept: "audio/*", "list-type": "headTextContent", "before-upload": o.onUploadAudioBeforeUpload, headers: (u = o.mergeAudioUploadOptions) == null ? void 0 : u.headers, "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.mergeVideoUploadOptions.data, accept: "video/*", "list-type": "headTextContent", "before-upload": o.onUploadVideoBeforeUpload, headers: o.mergeVideoUploadOptions.headers, "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);
-}, p = [], n = /* @__PURE__ */ s(
+  }, 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(
+  u,
   d,
-  r,
-  p
+  s
 );
-const F = n.exports;
+const f = r.exports;
 export {
-  F as default
+  f as default
 };

package/es/editor.vue2.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { defineComponent as ne, ref as u, computed as y, onMounted as re, onUnmounted as se, watch as O } from "vue";
-import { oneTravelImageCheck as B, oneTravelImageCompressor as E, getImagePixel as me } from "./util.js";
-import de from "imgpond";
+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 ue from "./langs/zh_CN.js";
+import fe from "./langs/zh_CN.js";
 import "tinymce/skins/ui/oxide/skin";
 import "tinymce/models/dom";
 import "tinymce/themes/silver";
@@ -33,8 +33,8 @@ import "tinymce/plugins/visualblocks";
 import "tinymce/plugins/visualchars";
 import "tinymce/plugins/wordcount";
 import { globalProps as x } from "./index.js";
-import { Loading as pe, Message as f } from "element-ui";
-const Qe = /* @__PURE__ */ ne({
+import { Loading as ve, Message as v } from "element-ui";
+const Ze = /* @__PURE__ */ ue({
   __name: "editor",
   props: {
     value: { default: "" },
@@ -50,9 +50,11 @@ const Qe = /* @__PURE__ */ ne({
     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,
@@ -64,27 +66,27 @@ const Qe = /* @__PURE__ */ ne({
     imgPondOptions: null
   },
   emits: ["input", "update:modelValue"],
-  setup(F, { emit: S }) {
+  setup(F, { emit: C }) {
     const a = F;
-    I.addI18n("zh_CN", ue);
-    const z = u(), m = u(), _ = u(!1), w = u(!1), v = u({
+    I.addI18n("zh_CN", fe);
+    const P = m(), u = m(), A = m(!1), U = m(!1), c = m({
       dialogVisible: !1,
       formData: {
         images: []
       }
-    }), P = u(), N = () => {
-      v.value.dialogVisible = !1, v.value.formData = {
+    }), S = m(), q = () => {
+      c.value.dialogVisible = !1, c.value.formData = {
         images: []
       };
-    }, q = () => {
-      var t;
-      (t = P.value) == null || t.validate((n) => {
-        n && (v.value.formData.images.forEach((o) => {
+    }, N = () => {
+      var o;
+      (o = S.value) == null || o.validate((l) => {
+        l && (c.value.formData.images.forEach((t) => {
           var e;
-          (e = m.value) == null || e.insertContent(`<img src=${o} alt="" />`);
-        }), v.value.dialogVisible = !1, v.value.formData.images = []);
+          (e = u.value) == null || e.insertContent(`<img src=${t} alt="" />`);
+        }), c.value.dialogVisible = !1, c.value.formData.images = []);
       });
-    }, r = u({
+    }, r = m({
       dialogVisible: !1,
       formData: {
         // 名称
@@ -93,44 +95,48 @@ const Qe = /* @__PURE__ */ ne({
         cover: [],
         // 文件
         file: []
-      }
-    }), k = u(), j = () => {
-      var t;
-      (t = k.value) == null || t.validate((n) => {
-        var o, e;
-        n && ((e = m.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 = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), k = m(), j = () => {
+      var o;
+      (o = k.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 = {
           name: "",
           cover: [],
           file: []
-        });
+        }, r.value.additionalData = {});
       });
     }, G = () => {
       r.value.dialogVisible = !1, r.value.formData = {
         name: "",
         cover: [],
         file: []
-      };
-    }, d = u({
+      }, r.value.additionalData = {};
+    }, s = m({
       dialogVisible: !1,
       formData: {
         // 文件
         file: []
-      }
-    }), W = u(), J = () => {
-      var t;
-      (t = W.value) == null || t.validate((n) => {
-        var o, e;
-        n && ((e = m.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(o = d.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), d.value.dialogVisible = !1, d.value.formData = {
+      },
+      // 用于临时保存上传前的参数 { file: File }
+      additionalData: {}
+    }), z = m(), L = () => {
+      var o;
+      (o = z.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 = {
           file: []
-        });
+        }, s.value.additionalData = {});
       });
-    }, K = () => {
-      d.value.dialogVisible = !1, d.value.formData = {
+    }, J = () => {
+      s.value.dialogVisible = !1, s.value.formData = {
         file: []
-      };
-    }, Q = (t, n) => new Promise(async (o, e) => {
+      }, s.value.additionalData = {};
+    }, K = (o, l) => new Promise(async (t, e) => {
       var h;
-      const i = await B(t, {
+      const i = await E(o, {
         imageMaxSize: a.imageMaxSize,
         imageAllowedMineType: a.imageAllowedMineType,
         imageMinWidth: a.imageMinWidth,
@@ -140,39 +146,39 @@ const Qe = /* @__PURE__ */ ne({
       });
       if (!i.success) {
         e(), setTimeout(() => {
-          var p, g, b;
-          (p = i.error) != null && p.size ? n.onError(`请上传大小不超过${a.imageMaxSize}M的图片`) : (g = i.error) != null && g.format ? n.onError(`请上传格式为${a.imageAllowedType.map((V) => V.toUpperCase()).join("、")}的图片`) : (b = i.error) != null && b.pixel && n.onError(`请上传像素不低于${a.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`);
+          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}的图片`);
         });
         return;
       }
-      const l = await E(t);
-      if (!l.success) {
+      const n = await O(o);
+      if (!n.success) {
         e(), setTimeout(() => {
-          n.onError(l.errorMessage);
+          l.onError(n.errorMessage);
         });
         return;
       }
-      const s = await ((h = c.value) == null ? void 0 : h.call(c, l.file, t.name, { extParameters: a.extParameters }));
-      if (!s.success) {
+      const d = await ((h = g.value) == null ? void 0 : h.call(g, n.file, o.name, { extParameters: a.extParameters }));
+      if (!d.success) {
         e(), setTimeout(() => {
-          n.onError(s.errorMessage);
+          l.onError(d.errorMessage);
         });
         return;
       }
-      o(s.url);
+      t(d.url);
     });
-    async function $(t) {
-      var o, e;
-      const n = t.getElementsByTagName("img");
-      for (let i of n) {
-        const l = i.src;
-        if (l.startsWith("http://") || l.startsWith("https://")) {
-          const s = await me(l);
-          if (s.width < a.imageMinWidth && s.height < a.imageMinHeight || s.width > a.imageMaxWidth && s.height > a.imageMaxHeight) {
-            (o = i == null ? void 0 : i.remove) == null || o.call(i);
+    async function H(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) {
+            (t = i == null ? void 0 : i.remove) == null || t.call(i);
             return;
           }
-          const h = l.split("."), p = h[h.length - 1].toLowerCase();
+          const h = n.split("."), p = h[h.length - 1].toLowerCase();
           if (!a.imageAllowedType.includes(p)) {
             (e = i == null ? void 0 : i.remove) == null || e.call(i);
             return;
@@ -180,25 +186,25 @@ const Qe = /* @__PURE__ */ ne({
         }
       }
     }
-    const A = y(() => M([a.videoUploadOptions, x.videoUploadOptions]) || {}), U = y(() => M([a.audioUploadOptions, x.audioUploadOptions]) || {}), X = y(() => M([a.imgPondOptions, x.imgPondOptions]) || {}), C = y(
+    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], {
         type: Function
       })
-    ), T = y(
+    ), V = w(
       () => M([a.paste_postprocess, x.paste_postprocess], {
         type: Function
       })
-    ), c = y(
+    ), g = w(
       () => M([a.imageUploadHandle, x.imageUploadHandle], {
         type: Function
       })
     );
-    re(() => {
-      const t = {
+    me(() => {
+      const o = {
         // 设置语言
         language: "zh_CN",
         // 实例
-        target: z.value,
+        target: P.value,
         // 隐藏品牌
         branding: !1,
         // 隐藏右上角升级按钮
@@ -253,12 +259,13 @@ const Qe = /* @__PURE__ */ ne({
         ],
         menu: {
           insert: {
-            title: "菜单",
+            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,
         // 内容样式 data-mce-bogus="all" 音频点击会出现另外一个
@@ -273,22 +280,22 @@ const Qe = /* @__PURE__ */ ne({
         paste_webkit_styles: "all",
         paste_data_images: !0,
         // 粘贴前处理
-        paste_preprocess(o, e) {
+        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 = C.value) == null || i.call(C, o, 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 = T.value) == null || i.call(T, t, e);
         },
         // 粘贴后处理(处理异步操作)
-        paste_postprocess(o, e) {
-          var l;
+        paste_postprocess(t, e) {
+          var n;
           const i = e.node;
-          $(i), (l = T.value) == null || l.call(T, o, e);
+          H(i), (n = V.value) == null || n.call(V, t, e);
         },
-        images_upload_handler(o) {
+        images_upload_handler(t) {
           return new Promise(async (e, i) => {
-            var V, D, H, R;
-            const l = pe.service({ text: "上传中" });
-            let s = o.blob();
-            const h = o.filename(), p = await B(s, {
+            var D, W, $, B;
+            const n = ve.service({ text: "上传中" });
+            let d = t.blob();
+            const h = t.filename(), p = await E(d, {
               imageMaxSize: a.imageMaxSize,
               imageAllowedMineType: a.imageAllowedMineType,
               imageMinWidth: a.imageMinWidth,
@@ -297,36 +304,46 @@ const Qe = /* @__PURE__ */ ne({
               imageMaxHeight: a.imageMaxHeight
             });
             if (!p.success) {
-              if (l == null || l.close(), (V = p.error) != null && V.size)
+              if (n == null || n.close(), (D = p.error) != null && D.size)
                 return i({ message: `请上传大小不超过${a.imageMaxSize}M的图片`, remove: !0 });
-              if ((D = p.error) != null && D.format)
-                return i({ message: `请上传格式为${a.imageAllowedType.map((le) => le.toUpperCase()).join("、")}的图片`, remove: !0 });
-              if ((H = p.error) != null && H.pixel)
+              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.imageMinWidth}*${a.imageMinHeight}且像素不高于${a.imageMaxWidth}*${a.imageMaxHeight}的图片`, remove: !0 });
             }
-            const g = await E(s);
-            if (!g.success)
-              return l == null || l.close(), i({ message: g == null ? void 0 : g.errorMessage, remove: !0 });
-            if (!c.value)
-              return l == null || l.close(), i({ message: "缺少图片上传配置", remove: !0 });
-            const b = await ((R = c.value) == null ? void 0 : R.call(c, g.file, h, { extParameters: a.extParameters }));
-            if (!b.success)
-              return l == null || l.close(), i({ message: b.errorMessage, remove: !0 });
-            l == null || l.close(), e(b.url);
+            const f = await O(d);
+            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);
           });
         },
-        setup(o) {
-          o.ui.registry.addMenuItem("localImage", {
+        setup(t) {
+          t.ui.registry.addMenuItem("localImage", {
             text: "图片",
             icon: "image",
             onAction: () => {
-              v.value.dialogVisible = !0, setTimeout(() => {
+              c.value.dialogVisible = !0, setTimeout(() => {
                 var i;
                 const e = (i = document == null ? void 0 : document.querySelector) == null ? void 0 : i.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
                 e && (e.innerHTML = a.imageUploadTip || "上传");
               });
             }
-          }), o.ui.registry.addMenuItem("localAudio", {
+          }), t.ui.registry.addButton("localImage", {
+            icon: "image",
+            tooltip: "图片",
+            onAction: () => {
+              c.value.dialogVisible = !0, setTimeout(() => {
+                var i;
+                const e = (i = document == null ? void 0 : document.querySelector) == null ? void 0 : i.call(document, ".tinymce-editor-upload-image-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          }), a.audioEnable && (t.ui.registry.addMenuItem("localAudio", {
             text: "音频",
             icon: "arrow-right",
             onAction: () => {
@@ -336,97 +353,125 @@ const Qe = /* @__PURE__ */ ne({
                 e && (e.innerHTML = a.imageUploadTip || "上传");
               });
             }
-          }), o.ui.registry.addMenuItem("localVideo", {
+          }), t.ui.registry.addButton("localAudio", {
+            icon: "arrow-right",
+            tooltip: "音频",
+            onAction: () => {
+              r.value.dialogVisible = !0, setTimeout(() => {
+                var i;
+                const e = (i = document == null ? void 0 : document.querySelector) == null ? void 0 : i.call(document, ".tinymce-editor-upload-audio-dialog .el-upload__text > div");
+                e && (e.innerHTML = a.imageUploadTip || "上传");
+              });
+            }
+          })), a.videoEnable && (t.ui.registry.addMenuItem("localVideo", {
             text: "视频",
             icon: "embed",
             onAction: () => {
-              d.value.dialogVisible = !0;
+              s.value.dialogVisible = !0;
             }
-          });
+          }), t.ui.registry.addButton("localVideo", {
+            icon: "embed",
+            tooltip: "视频",
+            onAction: () => {
+              s.value.dialogVisible = !0;
+            }
+          }));
         }
-      }, n = M(
+      }, l = M(
         [
           a.options,
           x.tinymceOptions,
-          t
+          o
         ],
         {
-          mergeFunction: (o, e) => (...i) => {
-            o(...i), e(...i);
+          mergeFunction: (t, e) => (...i) => {
+            t(...i), e(...i);
           },
           type: Object
         }
       );
-      I.init(n).then(([o]) => {
+      I.init(l).then(([t]) => {
         var e;
-        o && (o.customProps = { ...a }, o.on("change input Redo Undo SetContent", () => {
-          if (w.value) {
-            w.value = !1;
+        t && (t.customProps = { ...a }, t.on("change input Redo Undo SetContent", () => {
+          if (U.value) {
+            U.value = !1;
             return;
           }
-          _.value = !0, S("input", o.getContent()), S("update:modelValue", o.getContent());
-        }), (e = a.initComplete) == null || e.call(a, { editorIns: o }), m.value = o);
+          A.value = !0, C("input", t.getContent()), C("update:modelValue", t.getContent());
+        }), (e = a.initComplete) == null || e.call(a, { editorIns: t }), u.value = t);
       });
     });
-    const Y = (t, n, o) => {
-      var i, l;
-      const e = (l = (i = U == null ? void 0 : U.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : l.call(i, t);
-      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), o.splice(o.length - 1, 1)), r.value.formData.file = o;
-    }, Z = (t, n) => new Promise((o, e) => {
-      const i = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
+    const X = () => {
+      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 = () => {
+      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) => {
+      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);
+      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) => {
+      const i = o.name.split(".").filter(Boolean).pop() ? o.name.split(".").filter(Boolean).pop() : "";
       if (!a.audioAllowedType.includes(i.toUpperCase())) {
-        f.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
+        v.info(`请上传格式为${a.audioAllowedType.join("、")}的音频`), e();
         return;
       }
-      if (t.size > a.audioMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.audioMaxSize}M内的音频`), e();
+      if (o.size > a.audioMaxSize * 1024 * 1024) {
+        v.info(`请上传${a.audioMaxSize}M内的音频`), e();
         return;
       }
-      o(!0);
-    }), L = (t, n) => {
-      r.value.formData.file = n;
-    }, ee = (t, n, o) => {
-      f.error("上传发生错误，请重试!"), r.value.formData.file = o;
-    }, ae = (t, n, o) => {
-      var i, l;
-      const e = (l = (i = A == null ? void 0 : A.value) == null ? void 0 : i.handlerResponse) == null ? void 0 : l.call(i, t);
-      e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (f.error(e.errorMessage), o.splice(o.length - 1, 1)), d.value.formData.file = o;
-    }, oe = (t, n) => new Promise((o, e) => {
-      const i = t.name.split(".").filter(Boolean).pop() ? t.name.split(".").filter(Boolean).pop() : "";
+      r.value.additionalData = { file: o }, t(!0);
+    }), ae = (o, l) => {
+      r.value.formData.file = l;
+    }, oe = (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) => {
+      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);
+      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) => {
+      const i = o.name.split(".").filter(Boolean).pop() ? o.name.split(".").filter(Boolean).pop() : "";
       if (!a.videoAllowedType.includes(i.toUpperCase())) {
-        f.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
+        v.info(`请上传格式为${a.videoAllowedType.join("、")}的视频`), e();
         return;
       }
-      if (t.size > a.videoMaxSize * 1024 * 1024) {
-        f.info(`请上传${a.videoMaxSize}M内的视频`), e();
+      if (o.size > a.videoMaxSize * 1024 * 1024) {
+        v.info(`请上传${a.videoMaxSize}M内的视频`), e();
         return;
       }
-      o(!0);
-    }), ie = (t, n) => {
-      d.value.formData.file = n;
-    }, te = (t, n, o) => {
-      f.error("上传发生错误，请重试!"), d.value.formData.file = o;
+      s.value.additionalData = { file: o }, t(!0);
+    }), re = (o, l) => {
+      s.value.formData.file = l;
+    }, se = (o, l, t) => {
+      v.error("上传发生错误，请重试!"), s.value.formData.file = t;
     };
-    return se(() => {
-      var t;
-      (t = m.value) == null || t.destroy();
-    }), O(() => [a.disabled, m.value], () => {
-      var t, n;
-      (n = (t = m.value) == null ? void 0 : t.mode) == null || n.set(a.disabled ? "readonly" : "design");
-    }, { immediate: !0 }), O(
-      () => [a.value, a.modelValue, m.value],
+    return pe(() => {
+      var o;
+      (o = u.value) == null || o.destroy();
+    }), R(() => [a.disabled, u.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],
       () => {
-        var t;
-        if (_.value) {
-          _.value = !1;
+        var o;
+        if (A.value) {
+          A.value = !1;
           return;
         }
-        w.value = !0, (t = m.value) == null || t.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
+        U.value = !0, (o = u.value) == null || o.setContent(a.value ? a.value : a.modelValue ? a.modelValue : "");
       },
       { immediate: !0 }
-    ), { __sfc: !0, insRef: z, editorRef: m, preventSettingContent: _, preventUpdatingModelValue: w, uploadImage: v, uploadImageFormRef: P, onUploadImageClose: N, onUploadImageConfirm: q, uploadAudio: r, uploadAudioFormRef: k, onUploadAudioConfirm: j, onUploadAudioClose: G, uploadVideo: d, uploadVideoFormRef: W, onUploadVideoConfirm: J, onUploadVideoClose: K, onImageUploadUpload: Q, props: a, emits: S, processPastedImage: $, mergeVideoUploadOptions: A, mergeAudioUploadOptions: U, mergeImgPondOptions: X, paste_preprocess: C, paste_postprocess: T, imageUploadHandle: c, onUploadAudioSuccess: Y, onUploadAudioBeforeUpload: Z, onUploadAudioRemove: L, onUploadAudioError: ee, onUploadVideoSuccess: ae, onUploadVideoBeforeUpload: oe, onUploadVideoRemove: ie, onUploadVideoError: te, ImgPond: de };
+    ), { __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 };
   }
 });
 export {
-  Qe as default
+  Ze as default
 };

package/es/index.d.ts CHANGED Viewed

@@ -29,8 +29,14 @@ interface TinymceEditorGlobalOptions {
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any>;
-        data?: Record<string, any>;
+        headers?: (parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>;
+        data?: (parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>;
     };
     /** 视频上传选项 */
     videoUploadOptions?: {
@@ -39,8 +45,14 @@ interface TinymceEditorGlobalOptions {
             url?: string;
             errorMessage?: string;
         };
-        headers?: Record<string, any>;
-        data?: Record<string, any>;
+        headers?: (parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>;
+        data?: (parameters: {
+            file: File | Blob;
+            extParameters: Record<string, any>;
+        }) => Record<string, any>;
     };
 }
 declare const globalProps: TinymceEditorGlobalOptions;
@@ -95,6 +107,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<string[]>;
         default: () => string[];
     };
+    audioEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     audioMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -110,10 +126,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
         }>;
     };
+    videoEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     videoMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -129,8 +155,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
         }>;
     };
     imageUploadHandle: {
@@ -217,6 +249,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<string[]>;
         default: () => string[];
     };
+    audioEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     audioMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -232,10 +268,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
         }>;
     };
+    videoEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     videoMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -251,8 +297,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
         }>;
     };
     imageUploadHandle: {
@@ -303,8 +355,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
     imageUploadMaxCount: number;
     imageUploadTip: string;
     imageAllowedType: string[];
+    audioEnable: boolean;
     audioMaxSize: number;
     audioAllowedType: string[];
+    videoEnable: boolean;
     videoMaxSize: number;
     videoAllowedType: string[];
     options: Partial<RawEditorOptions>;
@@ -359,6 +413,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<string[]>;
         default: () => string[];
     };
+    audioEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     audioMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -374,10 +432,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
         }>;
     };
+    videoEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     videoMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -393,8 +461,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
         }>;
     };
     imageUploadHandle: {
@@ -481,6 +555,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<string[]>;
         default: () => string[];
     };
+    audioEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     audioMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -496,10 +574,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
         }>;
     };
+    videoEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     videoMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -515,8 +603,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
         }>;
     };
     imageUploadHandle: {
@@ -603,6 +697,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<string[]>;
         default: () => string[];
     };
+    audioEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     audioMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -618,10 +716,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: Record<string, any>;
+            }) => Record<string, any>) | undefined;
         }>;
     };
+    videoEnable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     videoMaxSize: {
         type: import('vue').PropType<number>;
         default: number;
@@ -637,8 +745,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                 url?: string | undefined;
                 errorMessage?: string | undefined;
             };
-            headers?: Record<string, any> | undefined;
-            data?: Record<string, any> | undefined;
+            headers?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
+            data?: ((parameters: {
+                file: File | Blob;
+                extParameters: {};
+            }) => Record<string, any>) | undefined;
         }>;
     };
     imageUploadHandle: {
@@ -689,8 +803,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
     imageUploadMaxCount: number;
     imageUploadTip: string;
     imageAllowedType: string[];
+    audioEnable: boolean;
     audioMaxSize: number;
     audioAllowedType: string[];
+    videoEnable: boolean;
     videoMaxSize: number;
     videoAllowedType: string[];
     options: Partial<RawEditorOptions>;
@@ -746,6 +862,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
             type: import('vue').PropType<string[]>;
             default: () => string[];
         };
+        audioEnable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         audioMaxSize: {
             type: import('vue').PropType<number>;
             default: number;
@@ -761,10 +881,20 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                     url?: string | undefined;
                     errorMessage?: string | undefined;
                 };
-                headers?: Record<string, any> | undefined;
-                data?: Record<string, any> | undefined;
+                headers?: ((parameters: {
+                    file: File | Blob;
+                    extParameters: Record<string, any>;
+                }) => Record<string, any>) | undefined;
+                data?: ((parameters: {
+                    file: File | Blob;
+                    extParameters: Record<string, any>;
+                }) => Record<string, any>) | undefined;
             }>;
         };
+        videoEnable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         videoMaxSize: {
             type: import('vue').PropType<number>;
             default: number;
@@ -780,8 +910,14 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
                     url?: string | undefined;
                     errorMessage?: string | undefined;
                 };
-                headers?: Record<string, any> | undefined;
-                data?: Record<string, any> | undefined;
+                headers?: ((parameters: {
+                    file: File | Blob;
+                    extParameters: {};
+                }) => Record<string, any>) | undefined;
+                data?: ((parameters: {
+                    file: File | Blob;
+                    extParameters: {};
+                }) => Record<string, any>) | undefined;
             }>;
         };
         imageUploadHandle: {

package/package.json CHANGED Viewed

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

package/src/index.ts CHANGED Viewed

@@ -26,15 +26,15 @@ interface TinymceEditorGlobalOptions {
   audioUploadOptions?: {
     action: string;
     handlerResponse: (response: any) => { url?: string; errorMessage?: string }
-    headers?: Record<string, any>;
-    data?: Record<string, any>;
+    headers?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
   },
   /** 视频上传选项 */
    videoUploadOptions?: {
     action: string;
     handlerResponse: (response: any) => { url?: string; errorMessage?: string }
-    headers?: Record<string, any>;
-    data?: Record<string, any>;
+    headers?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
+    data?: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => Record<string, any>;
   }
 }