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

package/README.md

@@ -1,9 +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
+# 下面两个第三方依赖注意版本，必须匹配，否则css样式有问题
+yarn add pic-viewer@0.5.1 (如项目中已有，则忽略)
+yarn add imgpond@0.6.2 (如项目中已有，则忽略)
 ```
 
 ## 二、使用
@@ -11,28 +19,62 @@ yarn add @keyblade/tinymce-editor-vue2
 ```typescript
 import TinymceEditor from '@keyblade/tinymce-editor-vue2'
 
+// 如原项目中，则不需要
+import PicViewer from 'pic-viewer'
+import 'pic-viewer/dist/style.css'
+
+// 如原项目中，则不需要
+import ImgPond from 'imgpond'
+import 'imgpond/dist/style.css'
+
+Vue.use(PicViewer, {})
+Vue.use(ImgPond, {})
+
 Vue.use(TinymceEditor, {
-  // 配置消息提示
-  message: {
-    // 注入 loading 方法
-    loading: () => {
-      // 可以使用项目中的UI组件，这里以ElementUI为例
-      const ins = Loading.service({ text: '加载中' })
+  imageUploadHandle: (file, filename, parameters: { extParameters: Record<string, any> }) => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve({
+          success: true,
+          url: 'https://object.gcongo.com.cn/onecode-travel/nonClassic/8cefe379c03b5f39cd8ef725293a3c02/2024/5/1715995588295/d0b5bb458b694130be0c63e2f1d0090b.png',
+          errorMessage: '',
+        })
+      }, 1000)
+    })
+  },
+  // 音频
+  audioUploadOptions: {
+    action: 'https://qt.gcongo.com.cn/msg/file/upload',
+    headers: (parameters: { file: File | Blob, extParameters: Record<string, any> }) => {
       return {
-        close: () => {
-          ins.close()
-        }
+        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 }
     }
   },
-  // 配置图片上传
-  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'
-      })
-    })
+  // 视频
+  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 +82,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 +99,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,20 +125,41 @@ 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>;
+  }
 }
 ```
 
-### 2.全局属性
+### 2.组件属性
 ```typescript
 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 +174,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 +216,10 @@ interface ComponentProps {
   }) => void;
   /** 初始化完成 */
   initComplete?: (params: { editorIns: Editor }) => void,
-  /** tinyMCE选项 */
+  /** 富文本编辑器选项 */
   options?: Partial<RawEditorOptions>
+  /** imgPond 选项 */
+  imgPondOptions?: Record<string, any>
 }
-```
+```
+

package/es/editor.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean | undefined;
     /** 额外参数 */
     extParameters?: Record<string, any> | undefined;
+    /** 图片上传组件最大数量 */
+    imageUploadMaxCount?: number | undefined;
+    /** 图片上传提示 */
+    imageUploadTip?: string | undefined;
     /** 图片最大值(单位M，主要用于错误提示) */
     imageMaxSize?: number | undefined;
     /** 图片允许的类型 */
@@ -23,6 +27,50 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMaxWidth?: number | undefined;
     /** 图片最大高度 */
     imageMaxHeight?: number | undefined;
+    /** 是否开启音频 */
+    audioEnable?: boolean | undefined;
+    /** 音频最大尺寸(M) */
+    audioMaxSize?: number | undefined;
+    /** 音频结尾格式 */
+    audioAllowedType?: string[] | undefined;
+    /** 音频上传选项 */
+    audioUploadOptions?: {
+        action: string;
+        handlerResponse: (response: any) => {
+            url?: string;
+            errorMessage?: string;
+        };
+        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;
+    /** 视频结尾格式 */
+    videoAllowedType?: string[] | undefined;
+    /** 视频上传选项 */
+    videoUploadOptions?: {
+        action: string;
+        handlerResponse: (response: any) => {
+            url?: string;
+            errorMessage?: string;
+        };
+        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?: {
         extParameters?: Record<string, any>;
@@ -47,9 +95,13 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     }) => 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[];
@@ -57,6 +109,12 @@ 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[];
+    videoAllowedType: () => string[];
     options: () => {};
 }>, {}, {}, {}, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {
     input: (value: string) => void;
@@ -70,6 +128,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean | undefined;
     /** 额外参数 */
     extParameters?: Record<string, any> | undefined;
+    /** 图片上传组件最大数量 */
+    imageUploadMaxCount?: number | undefined;
+    /** 图片上传提示 */
+    imageUploadTip?: string | undefined;
     /** 图片最大值(单位M，主要用于错误提示) */
     imageMaxSize?: number | undefined;
     /** 图片允许的类型 */
@@ -84,6 +146,50 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     imageMaxWidth?: number | undefined;
     /** 图片最大高度 */
     imageMaxHeight?: number | undefined;
+    /** 是否开启音频 */
+    audioEnable?: boolean | undefined;
+    /** 音频最大尺寸(M) */
+    audioMaxSize?: number | undefined;
+    /** 音频结尾格式 */
+    audioAllowedType?: string[] | undefined;
+    /** 音频上传选项 */
+    audioUploadOptions?: {
+        action: string;
+        handlerResponse: (response: any) => {
+            url?: string;
+            errorMessage?: string;
+        };
+        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;
+    /** 视频结尾格式 */
+    videoAllowedType?: string[] | undefined;
+    /** 视频上传选项 */
+    videoUploadOptions?: {
+        action: string;
+        handlerResponse: (response: any) => {
+            url?: string;
+            errorMessage?: string;
+        };
+        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?: {
         extParameters?: Record<string, any>;
@@ -108,9 +214,13 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     }) => 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[];
@@ -118,17 +228,31 @@ 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[];
+    videoAllowedType: () => string[];
     options: () => {};
 }>>>, {
-    value: string;
-    modelValue: string;
     imageMaxSize: number;
-    imageAllowedType: string[];
     imageAllowedMineType: string[];
     imageMinWidth: number;
     imageMinHeight: number;
     imageMaxWidth: number;
     imageMaxHeight: number;
+    value: string;
+    modelValue: string;
+    imageUploadMaxCount: number;
+    imageUploadTip: string;
+    imageAllowedType: string[];
+    audioEnable: boolean;
+    audioMaxSize: number;
+    audioAllowedType: string[];
+    videoEnable: boolean;
+    videoMaxSize: number;
+    videoAllowedType: string[];
     options: Partial<RawEditorOptions>;
 }>;
 export default _default;

package/es/editor.vue.js

@@ -1,15 +1,22 @@
-import t from "./editor.vue2.js";
+import u from "./editor.vue2.js";
 import "./editor.vue3.js";
-import _ from "./_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var r = this, e = r._self._c;
-  return r._self._setupProxy, e("textarea", { ref: "insRef" });
-}, o = [], s = /* @__PURE__ */ _(
-  t,
-  n,
-  o
+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", accept: o.imgPondAccept, 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, accept: o.imgPondAccept, 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: 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,
+  s
 );
-const c = s.exports;
+const f = r.exports;
 export {
-  c as default
+  f as default
 };