vue-editify 0.2.14 → 0.2.16

package/lib/core/tool.d.ts

@@ -1,9 +1,8 @@
-import { App, Component, ComponentInternalInstance, VNode } from 'vue';
-import { AlexElement } from 'alex-editor';
-import { ButtonOptionsItemType, ButtonTypeType } from '../components/button/props';
+import { App, Component, VNode } from 'vue';
 import { LocaleType } from '../locale';
-import { InsertImageUploadErrorType } from '../components/insertImage/props';
-import { default as Button } from '../components/button/button.vue';
+import { Button, ButtonOptionsItemType, ButtonTypeType } from '../components/button';
+import { InsertImageUploadErrorType } from '../components/insertImage';
+import { InsertAttachmentUploadErrorType } from '../components/insertAttachment';
 
 export type ObjectType = {
     [key: string]: any;
@@ -22,6 +21,7 @@ export interface MenuButtonType {
     show?: boolean;
     leftBorder?: boolean;
     rightBorder?: boolean;
+    disabled?: boolean;
 }
 export interface MenuSelectButtonType extends MenuButtonType {
     options?: (string | number | ButtonOptionsItemType)[];
@@ -34,23 +34,35 @@ export interface MenuDisplayButtonType extends MenuSelectButtonType {
 export interface MenuImageButtonType extends MenuButtonType {
     allowedFileType?: string[];
     multiple?: boolean;
-    maxSize?: number | null;
-    minSize?: number | null;
-    customUpload?: ((files: File[]) => string[]) | ((files: File[]) => Promise<string[]>) | null;
-    handleError?: ((error: InsertImageUploadErrorType, file: File) => void) | null;
+    maxSize?: number;
+    minSize?: number;
+    customUpload?: ((files: File[]) => string[]) | ((files: File[]) => Promise<string[]>);
+    handleError?: (error: InsertImageUploadErrorType, file: File) => void;
 }
 export interface MenuVideoButtonType extends MenuButtonType {
     allowedFileType?: string[];
     multiple?: boolean;
-    maxSize?: number | null;
-    minSize?: number | null;
-    customUpload?: ((files: File[]) => string[]) | ((files: File[]) => Promise<string[]>) | null;
-    handleError?: ((error: InsertImageUploadErrorType, file: File) => void) | null;
+    maxSize?: number;
+    minSize?: number;
+    customUpload?: ((files: File[]) => string[]) | ((files: File[]) => Promise<string[]>);
+    handleError?: (error: InsertImageUploadErrorType, file: File) => void;
 }
 export interface MenuTableButtonType extends MenuButtonType {
     maxRows?: number;
     maxColumns?: number;
 }
+export interface MenuAttachmentButtonType extends MenuButtonType {
+    accept?: string;
+    allowedFileType?: string[];
+    multiple?: boolean;
+    maxSize?: number;
+    minSize?: number;
+    customUpload?: ((files: File[]) => string[]) | ((files: File[]) => Promise<string[]>);
+    handleError?: (error: InsertAttachmentUploadErrorType, file: File) => void;
+}
+export interface MenuMathformulaButtonType extends MenuButtonType {
+    handleError?: (error: Error) => void;
+}
 export type MenuCustomButtonType = {
     type?: ButtonTypeType;
     title?: string;
@@ -96,11 +108,10 @@ export type TextToolbarType = {
 };
 export type ToolbarConfigType = {
     use?: boolean;
-    style?: ObjectType | null;
+    style?: ObjectType;
     tooltip?: boolean;
     codeBlock?: CodeBlockToolbarType;
     text?: TextToolbarType;
-    extraDisabled?: ((name: string) => boolean) | null;
 };
 export type MenuSequenceType = {
     [key: string]: number | undefined;
@@ -133,6 +144,10 @@ export type MenuSequenceType = {
     codeBlock?: number;
     sourceView?: number;
     fullScreen?: number;
+    attachment?: number;
+    mathformula?: number;
+    panel?: number;
+    infoBlock?: number;
 };
 export type MenuModeType = 'default' | 'inner' | 'fixed';
 export type MenuExtendType = {
@@ -142,8 +157,7 @@ export type MenuConfigType = {
     use?: boolean;
     tooltip?: boolean;
     mode?: MenuModeType;
-    extraDisabled?: ((name: string) => boolean) | null;
-    style?: ObjectType | null;
+    style?: ObjectType;
     sequence?: MenuSequenceType;
     undo?: MenuButtonType;
     redo?: MenuButtonType;
@@ -175,24 +189,12 @@ export type MenuConfigType = {
     codeBlock?: MenuButtonType;
     sourceView?: MenuButtonType;
     fullScreen?: MenuButtonType;
+    attachment?: MenuAttachmentButtonType;
+    mathformula?: MenuMathformulaButtonType;
+    panel?: MenuButtonType;
+    infoBlock?: MenuButtonType;
     extends?: MenuExtendType;
 };
-export type PluginMenuConfigType = {
-    extraDisabled?: ((name: string) => boolean) | null;
-    sequence: number;
-    extend: MenuCustomButtonType;
-};
-export type PluginResultType = {
-    name: string;
-    menu?: PluginMenuConfigType;
-    updateView?: () => void;
-    customParseNode?: (element: AlexElement) => AlexElement;
-    extraKeepTags?: string[];
-    renderRule?: (el: AlexElement) => void;
-    pasteKeepMarks?: (el: AlexElement) => ObjectType;
-    pasteKeepStyles?: (el: AlexElement) => ObjectType;
-};
-export type PluginType = (editifyInstance: ComponentInternalInstance, editTrans: (key: string) => any) => PluginResultType;
 export type SFCWithInstall<T> = T & {
     install(app: App): void;
 };
@@ -242,7 +244,7 @@ export declare const getMenuConfig: (editTrans: (key: string) => any, editLocale
  * @param component
  * @returns
  */
-export declare const withInstall: <T extends Component>(component: T) => SFCWithInstall<T>;
+export declare const withInstall: <T extends Component>(component: T) => SFCWithInstall<typeof component>;
 /**
  * 是否点击了编辑器以外的元素
  * @param editor

package/lib/editify/editify.vue.d.ts

@@ -43,9 +43,9 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
-        validator(value: any): boolean;
+        validator(value: string): boolean;
     };
     videoRatio: {
         type: NumberConstructor;
@@ -111,10 +111,6 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    plugins: {
-        type: import('vue').PropType<import('../core/tool').PluginType[]>;
-        default: () => never[];
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -292,10 +288,10 @@ declare const _default: import('vue').DefineComponent<{
                 } | null;
             }[];
             current: number;
-            push: (stack: AlexElement[], range?: import('alex-editor').AlexRange | null | undefined) => void;
-            get: (type: 1 | -1) => import('alex-editor').AlexHistoryResultType | null;
+            push: (stack: AlexElement[], range?: import('alex-editor').AlexRange | null) => void;
+            get: (type: -1 | 1) => import('alex-editor').AlexHistoryResultType | null;
             updateCurrentRange: (range: import('alex-editor').AlexRange) => void;
-            __cloneRange: (newStack: AlexElement[], range?: import('alex-editor').AlexRange | null | undefined) => import('alex-editor').AlexRange | null;
+            __cloneRange: (newStack: AlexElement[], range?: import('alex-editor').AlexRange | null) => import('alex-editor').AlexRange | null;
         };
         stack: {
             key: number;
@@ -493,7 +489,6 @@ declare const _default: import('vue').DefineComponent<{
         insertText: (data: string) => void;
         insertParagraph: () => void;
         insertElement: (ele: AlexElement, cover?: boolean | undefined) => void;
-        formatElementStack: () => void;
         domRender: (unPushHistory?: boolean | undefined) => void;
         rangeRender: () => Promise<void>;
         parseHtml: (html: string) => AlexElement[];
@@ -508,8 +503,8 @@ declare const _default: import('vue').DefineComponent<{
         addElementTo: (childEle: AlexElement, parentEle: AlexElement, index?: number | undefined) => void;
         addElementBefore: (newEle: AlexElement, targetEle: AlexElement) => void;
         addElementAfter: (newEle: AlexElement, targetEle: AlexElement) => void;
-        collapseToStart: (element?: AlexElement | undefined) => void;
-        collapseToEnd: (element?: AlexElement | undefined) => void;
+        collapseToStart: (element?: AlexElement) => void;
+        collapseToEnd: (element?: AlexElement) => void;
         setDisabled: () => void;
         setEnabled: () => void;
         emit: (eventName: string, ...value: any) => boolean;
@@ -518,7 +513,7 @@ declare const _default: import('vue').DefineComponent<{
     } | null>;
     isSourceView: import('vue').Ref<boolean>;
     isFullScreen: import('vue').Ref<boolean>;
-    canUseMenu: import('vue').Ref<boolean>;
+    rangeKey: import('vue').Ref<number | null>;
     dataRangeCaches: import('vue').Ref<{
         list: {
             element: {
@@ -564,7 +559,7 @@ declare const _default: import('vue').DefineComponent<{
                 __render: () => void;
                 __fullClone: () => AlexElement;
             };
-            offset: false | number[];
+            offset: number[] | false;
         }[];
         flatList: {
             element: {
@@ -610,7 +605,7 @@ declare const _default: import('vue').DefineComponent<{
                 __render: () => void;
                 __fullClone: () => AlexElement;
             };
-            offset: false | number[];
+            offset: number[] | false;
         }[];
     }>;
     textValue: import('vue').ComputedRef<string>;
@@ -620,10 +615,10 @@ declare const _default: import('vue').DefineComponent<{
     undo: () => void;
     redo: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     keydown: (...args: any[]) => void;
     keyup: (...args: any[]) => void;
     insertparagraph: (...args: any[]) => void;
@@ -671,9 +666,9 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
-        validator(value: any): boolean;
+        validator(value: string): boolean;
     };
     videoRatio: {
         type: NumberConstructor;
@@ -739,10 +734,6 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    plugins: {
-        type: import('vue').PropType<import('../core/tool').PluginType[]>;
-        default: () => never[];
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -756,24 +747,23 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInsertparagraph?: ((...args: any[]) => any) | undefined;
     onRangeupdate?: ((...args: any[]) => any) | undefined;
     onUpdateview?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string | null;
+    color: string;
     disabled: boolean;
     zIndex: number;
-    modelValue: string;
-    border: boolean;
     menu: MenuConfigType;
     placeholder: string;
-    autoheight: boolean;
+    modelValue: string;
+    border: boolean;
     toolbar: ToolbarConfigType;
     locale: import('../locale').LocaleType;
     autofocus: boolean;
@@ -793,8 +783,8 @@ declare const _default: import('vue').DefineComponent<{
     customParseNode: (el: AlexElement) => AlexElement;
     extraKeepTags: string[];
     renderRules: ((el: AlexElement) => void)[];
+    autoheight: boolean;
     tab: boolean;
-    plugins: import('../core/tool').PluginType[];
     dark: boolean;
     offset: number;
 }, {}>;

package/lib/editify/menu/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Menu } from './menu.vue';
+
+export type * from './props';
+export { Menu };

package/lib/{components → editify}/menu/menu.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     zIndex: {
@@ -14,7 +14,6 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }, {
-    handleRangeUpdate: () => void;
     height: Ref<number>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     config: {
@@ -22,7 +21,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     zIndex: {
@@ -30,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }>>, {
-    color: string | null;
+    color: string;
     zIndex: number;
     config: import('../../core/tool').MenuConfigType;
 }, {}>;

package/lib/{components → editify}/menu/props.d.ts

@@ -7,7 +7,7 @@ export declare const MenuProps: {
         default: null;
     };
     color: {
-        type: PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     zIndex: {

package/lib/editify/props.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
 import { AlexElement } from 'alex-editor';
-import { PluginType, MenuConfigType, ObjectType, ToolbarConfigType } from '../core/tool';
+import { MenuConfigType, ObjectType, ToolbarConfigType } from '../core/tool';
 import { LocaleType } from '../locale';
 
 export type EditifyResizeParamsType = {
@@ -54,9 +54,9 @@ export declare const EditifyProps: {
         default: boolean;
     };
     color: {
-        type: PropType<string | null>;
+        type: StringConstructor;
         default: string;
-        validator(value: any): boolean;
+        validator(value: string): boolean;
     };
     videoRatio: {
         type: NumberConstructor;
@@ -122,10 +122,6 @@ export declare const EditifyProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    plugins: {
-        type: PropType<PluginType[]>;
-        default: () => never[];
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;

package/lib/editify/toolbar/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Toolbar } from './toolbar.vue';
+
+export type * from './props';
+export { Toolbar };

package/lib/{components → editify}/toolbar/props.d.ts

@@ -15,7 +15,7 @@ export declare const ToolbarProps: {
         default: null;
     };
     type: {
-        type: PropType<"link" | "text" | "image" | "video" | "table" | "codeBlock">;
+        type: PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video">;
         default: string;
         validator(value: any): boolean;
     };
@@ -24,7 +24,7 @@ export declare const ToolbarProps: {
         default: null;
     };
     color: {
-        type: PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     zIndex: {