@keyblade/tinymce-editor-vue2 0.0.12-alpha.2 → 0.0.12-alpha.21

package/README.md

@@ -1,11 +1,17 @@
 # tinymce 富文本编辑器
-封装 tinymce 编辑器，该库不包含任何组件库, 对于图片上传、视频上传等功能，可使用自定义插件实现。
+一码游 tinymce 编辑器
+
+## 前提
+必须将 `vue` 版本升级至 `2.7+`，按如下文档操作，一般来说只需要升级 vue、及 @vue/cli-xxx 版本即可
+
+升级指南：https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html
 
 ## 一、安装
 ```shell
 yarn add @keyblade/tinymce-editor-vue2
-yarn add pic-viewer@0.5.1 (如项目中有，怎不需要再次安装)
-yarn add imgpond@0.6.2 (如项目中有，怎不需要再次安装)
+# 下面两个是编辑器需要的第三方依赖，如原项目中有，可以不用安装，但要注意版本，必须匹配，否则css样式有问题。
+yarn add pic-viewer@0.5.1
+yarn add imgpond@0.6.2
 ```
 
 ## 二、使用
@@ -25,14 +31,57 @@ Vue.use(PicViewer, {})
 Vue.use(ImgPond, {})
 
 Vue.use(TinymceEditor, {
-  // 配置图片上传
-  imageUploadHandle: (file, filename, { extParameters }) => {
-    return new Promise((resolve) => {
-      resolve({
-        success: true,
-        url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png'
+  imageUploadOptions: {
+    handleRequest: (file: File | Blob, filename: string, parameters: { extParameters: Record<string, any> }) => {
+      const form = new FormData()
+      form.append('file', file, filename)
+      postRequest('/api/man/uploadFile/uploadSingleFile', form).then((res) => {
+        console.log(res)
+      })
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve({
+            success: true,
+            url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png'
+          })
+        }, 1000)
       })
-    })
+    }
+  },
+  // 音频
+  audioUploadOptions: {
+    action: '/api/man/file/upload',
+    headers: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        Appkey: 'dsy_2AeyG8N0CqEC',
+        Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJNell4T1RnNE1qSmtOVGhuWnpVM05qbGlaamM2WWpFMlpUTTBNak16Tnpkbk16RXhNVEkyTVRJek9VSk1SRnRNTjFZPTQ2VkdDWk84VzFDUSIsImlzcyI6IjM2MTFlY2IyYTY3NzMzZDk1OTI4OWQzYzM4ZjY0Y2Q3Iiwic3ViIjoiQVBQIiwiYXVkIjoiZHN5XzJBZXlHOE4wQ3FFQyIsImlhdCI6MTcxNjY4NzU2MCwiZXhwIjoxNzE3MjkyMzYwfQ.PPhupuc_X0yHB3ex1dVEGVdFyCMmlGYRvZHokVIGcaU'
+      }
+    },
+    data: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {}
+    },
+    handlerResponse: (response: any) => {
+      debugger
+      return { url: response.data, errorMessage: response.msg }
+    }
+  },
+  // 视频
+  videoUploadOptions: {
+    action: '/api/man/file/upload',
+    headers: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        Appkey: 'dsy_2AeyG8N0CqEC',
+        Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJNell4T1RnNE1qSmtOVGhuWnpVM05qbGlaamM2WWpFMlpUTTBNak16Tnpkbk16RXhNVEkyTVRJek9VSk1SRnRNTjFZPTQ2VkdDWk84VzFDUSIsImlzcyI6IjM2MTFlY2IyYTY3NzMzZDk1OTI4OWQzYzM4ZjY0Y2Q3Iiwic3ViIjoiQVBQIiwiYXVkIjoiZHN5XzJBZXlHOE4wQ3FFQyIsImlhdCI6MTcxNjY4NzU2MCwiZXhwIjoxNzE3MjkyMzYwfQ.PPhupuc_X0yHB3ex1dVEGVdFyCMmlGYRvZHokVIGcaU'
+      }
+    },
+    data: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
+      return {
+        a: '1'
+      }
+    },
+    handlerResponse: (response: any) => {
+      return { url: response.data, errorMessage: response.msg }
+    }
   }
 })
 ```
@@ -40,14 +89,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>('')
 
@@ -61,74 +110,116 @@ onMounted(() => {
 ### 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>
-  }) => Promise<{success: boolean; url?: string; errorMessage?: string}>;
-  /** 接着默认配置进行处理 */
-  paste_preprocess?: (editor: Editor, args: {
-    content: string;
-    readonly internal: boolean;
-  }) => void;
-  /** 接着默认配置进行处理 */
-  paste_postprocess?: (editor: Editor, args: {
-    node: HTMLElement;
-    readonly internal: boolean;
-  }) => void;
-  /** tinyMCE编辑器配置 */
-  tinymceOptions?: RawEditorOptions
+  /** 富文本编辑器选项 */
+  options?: RawEditorOptions;
+
+  /** 图片上传选项 */
+  imageUploadOptions?: ImageUploadOptions;
+  
+  /** imgPond 选项 */
+  imgPondOptions?: Record<string, any>;
+
+  /** 音频上传选项 */
+  audioUploadOptions?: AudioUploadOptions;
+
+  /** 视频上传选项 */
+  videoUploadOptions?: VideoUploadOptions;
 }
 ```
 
-### 2.全局属性
+### 2.组件属性
 ```typescript
-interface ComponentProps {
+interface ComponentOptions {
   /** vue2 v-model */
   value?: string
-  /** vue3 v-model */
-  modelValue?: string
   /** 是否禁止编辑 */
   disabled?: boolean;
+  /** 额外参数 */
+  extParameters?: Record<string, any>;
+
+  /** 富文本编辑器选项 */
+  options?: Partial<RawEditorOptions>
+
+  /** 图片上传选项 */
+  imageUploadOptions?: ImageUploadOptions;
+  /** imgPond选项 */
+  imgPondOptions?: Record<string, any>;
+
+  /** 音频上传组件选项 */
+  audioUploadOptions?: AudioUploadOptions;
+
+  /** 视频上传选项 */
+  videoUploadOptions?: VideoUploadOptions;
+
+  /** 初始化完成 */
+  initComplete?: (params: { editorIns: Editor }) => void;
+}
+```
+
+### 3.图片上传配置
+```typescript
+export interface ImageUploadOptions {
+  /** 图片上传组件最大数量 */
+  maxCount?: number;
+  /** 图片上传组件下方文字 */
+  tipText?: string;
   /** 图片最大值(单位M，主要用于错误提示) */
-  imageMaxSize?: number;
-  /** 图片允许的类型 */
-  imageAllowedType?: string[];
-  /** 图片允许的类型 */
-  imageAllowedMineType?: string[];
+  maxSize?: number;
+  /** 图片允许的后缀类型(小写，如: png、jpg) */
+  allowedType?: string[];
+  // /** 图片允许的类型(如: image/png、image/jpg) */
+  // allowedMineType?: string[];
   /** 图片最小宽度 */
-  imageMinWidth?: number;
+  minWidth?: number;
   /** 图片最小高度 */
-  imageMinHeight?: number;
+  minHeight?: number;
   /** 图片最大宽度 */
-  imageMaxWidth?: number;
+  maxWidth?: number;
   /** 图片最大高度 */
-  imageMaxHeight?: number;
-  /** 图片上传请求处理，需要返回图片地址 */
-  imageUploadHandle?: (file: File | Blob, filename: string) => Promise<{success: boolean; url?: string; errorMessage?: string}>;
-  /** 接着默认配置进行处理 */
-  paste_preprocess?: (editor: Editor, args: {
-    content: string;
-    readonly internal: boolean;
-  }) => void;
-  /** 接着默认配置进行处理 */
-  paste_postprocess?: (editor: Editor, args: {
-    node: HTMLElement;
-    readonly internal: boolean;
-  }) => void;
-  /** 初始化完成 */
-  initComplete?: (params: { editorIns: Editor }) => void,
-  /** tinyMCE选项 */
-  options?: Partial<RawEditorOptions>
+  maxHeight?: number;
+  /** 图片上传请求处理 */
+  handleRequest?: (file: File | Blob, filename: string, options?: {
+    extParameters?: Record<string, any>
+  }) => Promise<{success: boolean; url?: string; errorMessage?: string}>;
+}
+```
+
+### 4.视频上传配置
+```typescript
+export interface VideoUploadOptions {
+  /** 是否启用 */
+  enable?: boolean;
+  /** 最大尺寸(M) */
+  maxSize?: number;
+  /** 允许的后缀类型(小写，如: mp4) */
+  allowedType?: string[];
+  /** 上传地址(启用必传) */
+  action?: 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>;
+  /** 响应处理(启用必传) */
+  handlerResponse?: (response: any) => { url?: string; errorMessage?: string }
+}
+```
+
+### 5.音频上传配置
+```typescript
+export interface AudioUploadOptions {
+  /** 是否启用 */
+  enable?: boolean;
+  /** 最大尺寸(M) */
+  maxSize?: number;
+  /** 允许的后缀类型(小写，如: mp4) */
+  allowedType?: string[];
+  /** 上传地址(启用必传) */
+  action?: 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>;
+  /** 响应处理(启用必传) */
+  handlerResponse?: (response: any) => { url?: string; errorMessage?: string }
 }
 ```

package/es/editor.vue.d.ts

@@ -1,220 +1,64 @@
 import { Editor, RawEditorOptions } from 'tinymce';
+import { AudioUploadOptions, ImageUploadOptions, VideoUploadOptions } from './types';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /** vue2 v-model */
     value?: string | undefined;
-    /** vue3 v-model */
-    modelValue?: string | undefined;
     /** 是否禁止编辑 */
     disabled?: boolean | undefined;
     /** 额外参数 */
     extParameters?: Record<string, any> | undefined;
-    /** 图片上传组件最大数量 */
-    imageUploadMaxCount?: number | undefined;
-    /** 图片上传提示 */
-    imageUploadTip?: string | undefined;
-    /** 图片最大值(单位M，主要用于错误提示) */
-    imageMaxSize?: number | undefined;
-    /** 图片允许的类型 */
-    imageAllowedType?: string[] | undefined;
-    /** 图片允许的类型 */
-    imageAllowedMineType?: string[] | undefined;
-    /** 图片最小宽度 */
-    imageMinWidth?: number | undefined;
-    /** 图片最小高度 */
-    imageMinHeight?: number | undefined;
-    /** 图片最大宽度 */
-    imageMaxWidth?: number | undefined;
-    /** 图片最大高度 */
-    imageMaxHeight?: number | undefined;
-    /** 音频最大尺寸(M) */
-    audioMaxSize?: number | undefined;
-    /** 音频结尾格式 */
-    audioAllowedType?: string[] | undefined;
-    /** 音频上传选项 */
-    audioUploadOptions?: {
-        action: string;
-        handlerResponse: (response: any) => {
-            url?: string;
-            errorMessage?: string;
-        };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
-    } | undefined;
-    /** 视频最大尺寸(M) */
-    videoMaxSize?: number | undefined;
-    /** 视频结尾格式 */
-    videoAllowedType?: string[] | undefined;
+    /** 富文本编辑器选项 */
+    options?: Partial<RawEditorOptions> | undefined;
+    /** 图片上传选项 */
+    imageUploadOptions?: ImageUploadOptions | undefined;
+    /** imgPond选项 */
+    imgPondOptions?: Record<string, any> | undefined;
+    /** 音频上传组件选项 */
+    audioUploadOptions?: AudioUploadOptions | undefined;
     /** 视频上传选项 */
-    videoUploadOptions?: {
-        action: string;
-        handlerResponse: (response: any) => {
-            url?: string;
-            errorMessage?: string;
-        };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
-    } | undefined;
-    /** 图片上传请求处理，需要返回图片地址 */
-    imageUploadHandle?: ((file: File | Blob, filename: string, options?: {
-        extParameters?: Record<string, any>;
-    }) => Promise<{
-        success: boolean;
-        url?: string;
-        errorMessage?: string;
-    }>) | undefined;
-    /** 接着默认配置进行处理 */
-    paste_preprocess?: ((editor: Editor, args: {
-        content: string;
-        readonly internal: boolean;
-    }) => void) | undefined;
-    /** 接着默认配置进行处理 */
-    paste_postprocess?: ((editor: Editor, args: {
-        node: HTMLElement;
-        readonly internal: boolean;
-    }) => void) | undefined;
+    videoUploadOptions?: VideoUploadOptions | undefined;
     /** 初始化完成 */
     initComplete?: ((params: {
         editorIns: Editor;
     }) => void) | undefined;
-    /** 富文本编辑器选项 */
-    options?: Partial<RawEditorOptions> | undefined;
-    /** imgPond 选项 */
-    imgPondOptions?: Record<string, any> | undefined;
 }>, {
     value: string;
-    modelValue: string;
-    imageUploadMaxCount: number;
-    imageUploadTip: string;
-    imageMaxSize: number;
-    imageAllowedType: () => string[];
-    imageAllowedMineType: () => string[];
-    imageMinWidth: number;
-    imageMinHeight: number;
-    imageMaxWidth: number;
-    imageMaxHeight: number;
-    audioMaxSize: number;
-    videoMaxSize: number;
-    audioAllowedType: () => string[];
-    videoAllowedType: () => string[];
+    disabled: boolean;
+    extParameters: () => {};
     options: () => {};
 }>, {}, {}, {}, {}, 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').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /** vue2 v-model */
     value?: string | undefined;
-    /** vue3 v-model */
-    modelValue?: string | undefined;
     /** 是否禁止编辑 */
     disabled?: boolean | undefined;
     /** 额外参数 */
     extParameters?: Record<string, any> | undefined;
-    /** 图片上传组件最大数量 */
-    imageUploadMaxCount?: number | undefined;
-    /** 图片上传提示 */
-    imageUploadTip?: string | undefined;
-    /** 图片最大值(单位M，主要用于错误提示) */
-    imageMaxSize?: number | undefined;
-    /** 图片允许的类型 */
-    imageAllowedType?: string[] | undefined;
-    /** 图片允许的类型 */
-    imageAllowedMineType?: string[] | undefined;
-    /** 图片最小宽度 */
-    imageMinWidth?: number | undefined;
-    /** 图片最小高度 */
-    imageMinHeight?: number | undefined;
-    /** 图片最大宽度 */
-    imageMaxWidth?: number | undefined;
-    /** 图片最大高度 */
-    imageMaxHeight?: number | undefined;
-    /** 音频最大尺寸(M) */
-    audioMaxSize?: number | undefined;
-    /** 音频结尾格式 */
-    audioAllowedType?: string[] | undefined;
-    /** 音频上传选项 */
-    audioUploadOptions?: {
-        action: string;
-        handlerResponse: (response: any) => {
-            url?: string;
-            errorMessage?: string;
-        };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
-    } | undefined;
-    /** 视频最大尺寸(M) */
-    videoMaxSize?: number | undefined;
-    /** 视频结尾格式 */
-    videoAllowedType?: string[] | undefined;
+    /** 富文本编辑器选项 */
+    options?: Partial<RawEditorOptions> | undefined;
+    /** 图片上传选项 */
+    imageUploadOptions?: ImageUploadOptions | undefined;
+    /** imgPond选项 */
+    imgPondOptions?: Record<string, any> | undefined;
+    /** 音频上传组件选项 */
+    audioUploadOptions?: AudioUploadOptions | undefined;
     /** 视频上传选项 */
-    videoUploadOptions?: {
-        action: string;
-        handlerResponse: (response: any) => {
-            url?: string;
-            errorMessage?: string;
-        };
-        headers?: Record<string, any> | undefined;
-        data?: Record<string, any> | undefined;
-    } | undefined;
-    /** 图片上传请求处理，需要返回图片地址 */
-    imageUploadHandle?: ((file: File | Blob, filename: string, options?: {
-        extParameters?: Record<string, any>;
-    }) => Promise<{
-        success: boolean;
-        url?: string;
-        errorMessage?: string;
-    }>) | undefined;
-    /** 接着默认配置进行处理 */
-    paste_preprocess?: ((editor: Editor, args: {
-        content: string;
-        readonly internal: boolean;
-    }) => void) | undefined;
-    /** 接着默认配置进行处理 */
-    paste_postprocess?: ((editor: Editor, args: {
-        node: HTMLElement;
-        readonly internal: boolean;
-    }) => void) | undefined;
+    videoUploadOptions?: VideoUploadOptions | undefined;
     /** 初始化完成 */
     initComplete?: ((params: {
         editorIns: Editor;
     }) => void) | undefined;
-    /** 富文本编辑器选项 */
-    options?: Partial<RawEditorOptions> | undefined;
-    /** imgPond 选项 */
-    imgPondOptions?: Record<string, any> | undefined;
 }>, {
     value: string;
-    modelValue: string;
-    imageUploadMaxCount: number;
-    imageUploadTip: string;
-    imageMaxSize: number;
-    imageAllowedType: () => string[];
-    imageAllowedMineType: () => string[];
-    imageMinWidth: number;
-    imageMinHeight: number;
-    imageMaxWidth: number;
-    imageMaxHeight: number;
-    audioMaxSize: number;
-    videoMaxSize: number;
-    audioAllowedType: () => string[];
-    videoAllowedType: () => string[];
+    disabled: boolean;
+    extParameters: () => {};
     options: () => {};
 }>>>, {
-    imageMaxSize: number;
-    imageAllowedMineType: string[];
-    imageMinWidth: number;
-    imageMinHeight: number;
-    imageMaxWidth: number;
-    imageMaxHeight: number;
     value: string;
-    modelValue: string;
-    imageUploadMaxCount: number;
-    imageUploadTip: string;
-    imageAllowedType: string[];
-    audioMaxSize: number;
-    audioAllowedType: string[];
-    videoMaxSize: number;
-    videoAllowedType: string[];
+    disabled: boolean;
+    extParameters: Record<string, any>;
     options: Partial<RawEditorOptions>;
 }>;
 export default _default;

package/es/editor.vue.js

@@ -1,22 +1,22 @@
-import d from "./editor.vue2.js";
+import m from "./editor.vue2.js";
 import "./editor.vue3.js";
-import s from "./_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var l, i, u;
-  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);
-  }, 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) {
-    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(
-  d,
-  r,
-  p
+import n from "./_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var l, i, u, d, s, r, p;
+  var a = this, e = a._self._c, o = a._self._setupProxy;
+  return e("div", { staticClass: "tinymce-editor" }, [e("textarea", { ref: "insRef" }), e("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 } }, [e("el-form", { ref: "uploadImageFormRef", staticClass: "uploadImageForm", attrs: { model: o.uploadImage.formData } }, [e("el-form-item", { attrs: { prop: "images", rules: { required: !0, message: "必填项" } } }, [e(o.ImgPond, a._b({ ref: "uploadImageImgPondRef", attrs: { valueType: "array", accept: o.imgPondAccept, size: o.mergeImageUploadOptions.maxSize, count: o.mergeImageUploadOptions.maxCount, upload: o.onImageUploadUpload }, model: { value: o.uploadImage.formData.images, callback: function(t) {
+    a.$set(o.uploadImage.formData, "images", t);
+  }, expression: "uploadImage.formData.images" } }, "ImgPond", o.mergeImgPondOptions, !1))], 1), e("div", { staticClass: "tips" }, [e("span", { staticStyle: { "font-size": "15px", "font-weight": "bold" } }, [a._v("注意：")]), e("span", [a._v("1. 单次最多可同时选择" + a._s(o.mergeImageUploadOptions.maxCount) + "张图片")]), e("span", [a._v("2. 仅支持" + a._s((i = (l = o.mergeImageUploadOptions) == null ? void 0 : l.allowedType) == null ? void 0 : i.map((t) => t.toUpperCase()).join("、")) + "格式")]), e("span", [a._v("3. 单张图片大小不可超过" + a._s(o.mergeImageUploadOptions.maxSize) + "M")]), e("span", [a._v("4. 像素不低于" + a._s(o.mergeImageUploadOptions.minWidth) + "*" + a._s(o.mergeImageUploadOptions.minHeight) + "且像素不高于" + a._s(o.mergeImageUploadOptions.maxWidth) + "*" + a._s(o.mergeImageUploadOptions.maxHeight))])])], 1), e("div", { attrs: { slot: "footer" }, slot: "footer" }, [e("el-button", { on: { click: o.onUploadImageClose } }, [a._v("取消")]), e("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadImageConfirm } }, [a._v("确定")])], 1)], 1), e("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 } }, [e("el-form", { ref: "uploadAudioFormRef", staticClass: "uploadAudioForm", attrs: { model: o.uploadAudio.formData, "label-width": "auto" } }, [e("el-form-item", { attrs: { label: "名称", prop: "name", rules: { required: !0, message: "必填项" } } }, [e("el-input", { attrs: { maxlength: "14", "show-word-limit": "", placeholder: "请输入" }, model: { value: o.uploadAudio.formData.name, callback: function(t) {
+    a.$set(o.uploadAudio.formData, "name", t);
+  }, expression: "uploadAudio.formData.name" } })], 1), e("el-form-item", { attrs: { label: "封面", prop: "cover", rules: { required: !0, message: "必填项" } } }, [e(o.ImgPond, a._b({ ref: "audioImageImgPondRef", attrs: { valueType: "array", accept: o.imgPondAccept, size: o.mergeImageUploadOptions.maxSize, count: 1, upload: o.onImageUploadUpload }, model: { value: o.uploadAudio.formData.cover, callback: function(t) {
+    a.$set(o.uploadAudio.formData, "cover", t);
+  }, expression: "uploadAudio.formData.cover" } }, "ImgPond", o.mergeImgPondOptions, !1))], 1), e("el-form-item", { attrs: { label: "音频", prop: "file", rules: { required: !0, message: "必填项" } } }, [e("el-upload", { class: ["upload", { "upload-hide": o.uploadAudio.formData.file.length >= 1 }], attrs: { name: "file", "file-list": o.uploadAudio.formData.file, action: ((u = o.mergeAudioUploadOptions) == null ? void 0 : u.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 } }, [e("el-button", { attrs: { size: "small", type: "primary" } }, [a._v("上传文件"), e("i", { staticClass: "el-icon-upload el-icon--right" })]), e("div", { staticClass: "el-upload__tip", attrs: { slot: "tip" }, slot: "tip" }, [a._v("支持音频格式：" + a._s((s = (d = o.mergeAudioUploadOptions) == null ? void 0 : d.allowedType) == null ? void 0 : s.map((t) => t.toUpperCase()).join("、")))])], 1)], 1)], 1), e("div", { attrs: { slot: "footer" }, slot: "footer" }, [e("el-button", { on: { click: o.onUploadAudioClose } }, [a._v("取消")]), e("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadAudioConfirm } }, [a._v("确定")])], 1)], 1), e("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 } }, [e("el-form", { ref: "uploadVideoFormRef", staticClass: "uploadVideoForm", attrs: { model: o.uploadVideo.formData, "label-width": "auto" } }, [e("el-form-item", { attrs: { label: "视频", prop: "file", rules: { required: !0, message: "必填项" } } }, [e("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 } }, [e("el-button", { attrs: { size: "small", type: "primary" } }, [a._v("上传文件"), e("i", { staticClass: "el-icon-upload el-icon--right" })]), e("div", { staticClass: "el-upload__tip", attrs: { slot: "tip" }, slot: "tip" }, [a._v("支持视频格式：" + a._s((p = (r = o.mergeVideoUploadOptions) == null ? void 0 : r.allowedType) == null ? void 0 : p.map((t) => t.toUpperCase()).join("、")))])], 1)], 1)], 1), e("div", { attrs: { slot: "footer" }, slot: "footer" }, [e("el-button", { on: { click: o.onUploadVideoClose } }, [a._v("取消")]), e("el-button", { attrs: { type: "primary" }, on: { click: o.onUploadVideoConfirm } }, [a._v("确定")])], 1)], 1)], 1);
+}, g = [], f = /* @__PURE__ */ n(
+  m,
+  c,
+  g
 );
-const F = n.exports;
+const U = f.exports;
 export {
-  F as default
+  U as default
 };