@keyblade/tinymce-editor-vue2 0.1.1 → 1.0.0

package/es/index.d.ts

@@ -6,8 +6,6 @@ interface TinymceEditorGlobalOptions {
     options?: RawEditorOptions;
     /** 图片上传选项 */
     imageUploadOptions?: ImageUploadOptions;
-    /** imgPond选项 */
-    imgPondOptions?: Record<string, any>;
     /** 音频上传选项 */
     audioUploadOptions?: AudioUploadOptions;
     /** 视频上传选项 */
@@ -15,6 +13,10 @@ interface TinymceEditorGlobalOptions {
 }
 declare const globalProps: TinymceEditorGlobalOptions;
 declare const TinymceEditor: import('vue/types/v3-component-public-instance').ComponentPublicInstanceConstructor<import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: import('vue').PropType<Partial<RawEditorOptions>>;
+        default: () => {};
+    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
@@ -27,16 +29,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
-    options: {
-        type: import('vue').PropType<Partial<RawEditorOptions>>;
-        default: () => {};
-    };
     imageUploadOptions: {
         type: import('vue').PropType<ImageUploadOptions>;
     };
-    imgPondOptions: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
     audioUploadOptions: {
         type: import('vue').PropType<AudioUploadOptions>;
     };
@@ -49,6 +44,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         }) => void>;
     };
 }>>, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: import('vue').PropType<Partial<RawEditorOptions>>;
+        default: () => {};
+    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
@@ -61,16 +60,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
-    options: {
-        type: import('vue').PropType<Partial<RawEditorOptions>>;
-        default: () => {};
-    };
     imageUploadOptions: {
         type: import('vue').PropType<ImageUploadOptions>;
     };
-    imgPondOptions: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
     audioUploadOptions: {
         type: import('vue').PropType<AudioUploadOptions>;
     };
@@ -85,11 +77,15 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
 }>>, {
     input: (value: string) => void;
 }, {
+    options: Partial<RawEditorOptions>;
     value: string;
     disabled: boolean;
     extParameters: Record<string, any>;
-    options: Partial<RawEditorOptions>;
 }, true, import('vue/types/v3-component-options').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: import('vue').PropType<Partial<RawEditorOptions>>;
+        default: () => {};
+    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
@@ -102,16 +98,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
-    options: {
-        type: import('vue').PropType<Partial<RawEditorOptions>>;
-        default: () => {};
-    };
     imageUploadOptions: {
         type: import('vue').PropType<ImageUploadOptions>;
     };
-    imgPondOptions: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
     audioUploadOptions: {
         type: import('vue').PropType<AudioUploadOptions>;
     };
@@ -124,6 +113,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         }) => void>;
     };
 }>>> & import('vue').ShallowUnwrapRef<{}> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: import('vue').PropType<Partial<RawEditorOptions>>;
+        default: () => {};
+    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
@@ -136,16 +129,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
-    options: {
-        type: import('vue').PropType<Partial<RawEditorOptions>>;
-        default: () => {};
-    };
     imageUploadOptions: {
         type: import('vue').PropType<ImageUploadOptions>;
     };
-    imgPondOptions: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
     audioUploadOptions: {
         type: import('vue').PropType<AudioUploadOptions>;
     };
@@ -158,6 +144,10 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         }) => void>;
     };
 }>>> & import('vue/types/v3-component-options').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: import('vue').PropType<Partial<RawEditorOptions>>;
+        default: () => {};
+    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
@@ -170,16 +160,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
-    options: {
-        type: import('vue').PropType<Partial<RawEditorOptions>>;
-        default: () => {};
-    };
     imageUploadOptions: {
         type: import('vue').PropType<ImageUploadOptions>;
     };
-    imgPondOptions: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
     audioUploadOptions: {
         type: import('vue').PropType<AudioUploadOptions>;
     };
@@ -194,12 +177,16 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
 }>>, {}, {}, {}, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {
     input: (value: string) => void;
 }, string, {
+    options: Partial<RawEditorOptions>;
     value: string;
     disabled: boolean;
     extParameters: Record<string, any>;
-    options: Partial<RawEditorOptions>;
 }> & {
     props: {
+        options: {
+            type: import('vue').PropType<Partial<RawEditorOptions>>;
+            default: () => {};
+        };
         value: {
             type: import('vue').PropType<string>;
             default: string;
@@ -212,16 +199,9 @@ declare const TinymceEditor: import('vue/types/v3-component-public-instance').Co
             type: import('vue').PropType<Record<string, any>>;
             default: () => {};
         };
-        options: {
-            type: import('vue').PropType<Partial<RawEditorOptions>>;
-            default: () => {};
-        };
         imageUploadOptions: {
             type: import('vue').PropType<ImageUploadOptions>;
         };
-        imgPondOptions: {
-            type: import('vue').PropType<Record<string, any>>;
-        };
         audioUploadOptions: {
             type: import('vue').PropType<AudioUploadOptions>;
         };

package/es/types.d.ts

@@ -1,22 +1,44 @@
+import { ImageUploadCheckOptions, ImageUploadCompressorOptions, ImageUploadCropOptions } from '@keyblade/pro-components-vue2';
+
 /** 图片选项 */
 export interface ImageUploadOptions {
-    /** 图片上传组件最大数量 */
-    maxCount?: number;
-    /** 图片上传组件下方文字 */
-    tipText?: string;
-    /** 图片最大值(单位M，主要用于错误提示) */
-    maxSize?: number;
-    /** 图片允许的后缀类型(小写，如: png、jpg) */
-    allowedType?: string[];
-    /** 图片最小宽度 */
-    minWidth?: number;
-    /** 图片最小高度 */
-    minHeight?: number;
-    /** 图片最大宽度 */
-    maxWidth?: number;
-    /** 图片最大高度 */
-    maxHeight?: number;
-    /** 图片上传请求处理 */
+    /** 上传的文件字段名 - 默认: file */
+    name?: string;
+    /** 接受上传的文件类型 - 默认: ['jpg', 'jpeg', 'png', 'bmp', 'heif', 'heic', 'gif', 'webp'] */
+    accept?: string[];
+    /** 是否支持多选文件 - 默认: true */
+    multiple?: boolean;
+    /** 最大允许上传个数 - 默认: 10 */
+    limit?: number;
+    /** 是否禁用 - 默认: false */
+    disabled?: boolean;
+    /** 隐藏内置上传文件之前的loading效果 - 默认: false */
+    hideInnerBeforeUploadLoading?: boolean;
+    /** 校验选项 */
+    checkOptions?: ImageUploadCheckOptions;
+    /** 压缩选项 */
+    compressorOptions?: ImageUploadCompressorOptions;
+    /** 剪裁选项 */
+    cropOptions?: ImageUploadCropOptions;
+    /** 上传地址(启用必传) */
+    action?: string;
+    /** 请求头 */
+    headers?: (parameters: {
+        file: File | Blob | undefined;
+        extParameters?: Record<string, any>;
+    }) => Record<string, any>;
+    /** 额外请求体 */
+    data?: (parameters: {
+        file: File | Blob | undefined;
+        extParameters?: Record<string, any>;
+    }) => Record<string, any>;
+    /** 响应处理(启用必传) */
+    handlerResponse?: (response: any) => {
+        success: boolean;
+        url?: string;
+        errorMessage?: string;
+    };
+    /** 图片上传请求处理(图片粘贴、复制时调用) */
     handleRequest?: (file: File, filename: string, options?: {
         extParameters?: Record<string, any>;
     }) => Promise<{
@@ -24,7 +46,7 @@ export interface ImageUploadOptions {
         url?: string;
         errorMessage?: string;
     }>;
-    /** 图片URL上传请求处理（前端跨域，交给后端处理） */
+    /** 图片URL上传请求处理（图片粘贴、复制时调用,前端跨域，交给后端处理） */
     handleRequestByUrl?: (url: string, options?: {
         extParameters?: Record<string, any>;
     }) => Promise<{

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/tinymce-editor-vue2",
   "description": "KeyBlade Tinymce Editor Vue2",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.1.1",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -27,8 +27,7 @@
   },
   "peerDependencies": {
     "vue": "^2.7.0",
-    "pic-viewer": "^0.5.1",
-    "imgpond": "^0.6.2"
+    "@keyblade/pro-components-vue2": "^1.12.6"
   },
   "scripts": {
     "build": "vite build",

package/src/index.ts

@@ -12,9 +12,6 @@ interface TinymceEditorGlobalOptions {
   /** 图片上传选项 */
   imageUploadOptions?: ImageUploadOptions;
 
-  /** imgPond选项 */
-  imgPondOptions?: Record<string, any>;
-
   /** 音频上传选项 */
   audioUploadOptions?: AudioUploadOptions;