vue-editify 0.1.22 → 0.1.23

package/examples/App.vue

@@ -1,11 +1,11 @@
 <template>
 	<div style="padding: 10px; height: 100%; box-sizing: border-box">
-		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." locale="zh_CN"></Editify>
+		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." locale="zh_CN" allow-paste-html :plugins="plugins"></Editify>
 	</div>
 </template>
 <script setup lang="ts">
 import { h, ref } from 'vue'
-import { AlexElement, MenuConfigType, Editify } from '../src/index'
+import { AlexElement, MenuConfigType, Editify, attachment, PluginType } from '../src/index'
 const val = ref<string>('<p><br></p>')
 const editify = ref<InstanceType<typeof Editify> | null>(null)
 const menuConfig = ref<MenuConfigType>({
@@ -18,6 +18,12 @@ const menuConfig = ref<MenuConfigType>({
 		show: true
 	}
 })
+
+const plugins = ref<PluginType[]>([
+	attachment({
+		leftBorder: true
+	})
+])
 </script>
 <style lang="less">
 html,

package/lib/components/button/button.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     disabled: {
@@ -85,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     disabled: {
@@ -114,7 +114,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onLayerShown?: ((...args: any[]) => any) | undefined;
     onLayerHidden?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     type: import("./props").ButtonTypeType;
     name: string;
     title: string;

package/lib/components/button/props.d.ts

@@ -46,7 +46,7 @@ export declare const ButtonProps: {
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
     disabled: {

package/lib/components/checkbox/checkbox.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
         validator(value: any): boolean;
     };
@@ -61,7 +61,7 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
         validator(value: any): boolean;
     };
@@ -70,7 +70,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     placement: "left" | "right";
-    color: string;
+    color: string | null;
     disabled: boolean;
     value: string | number | any[] | ObjectType;
     label: string;

package/lib/components/checkbox/props.d.ts

@@ -28,7 +28,7 @@ export declare const CheckboxProps: {
         validator(value: any): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
         validator(value: any): boolean;
     };

package/lib/components/colors/colors.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     tooltip: {
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     tooltip: {
@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     tooltip: boolean;
     value: string;
     data: ButtonOptionsItemType[];

package/lib/components/colors/props.d.ts

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

package/lib/components/insertImage/insertImage.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import('vue').DefineComponent<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: import("vue").PropType<string[]>;
         default: null;
     };
@@ -32,10 +32,10 @@ declare const _default: import('vue').DefineComponent<{
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: import("vue").PropType<string[]>;
         default: null;
     };
@@ -63,8 +63,8 @@ declare const _default: import('vue').DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onInsert?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
-    accept: string[];
+    color: string | null;
+    allowedFileType: string[];
     multiple: boolean;
     maxSize: number;
     minSize: number;

package/lib/components/insertImage/props.d.ts

@@ -3,10 +3,10 @@ import { ExtractPublicPropTypes, PropType } from 'vue';
 export type InsertImageUploadErrorType = 'suffixError' | 'maxSizeError' | 'minSizeError';
 export declare const InsertImageProps: {
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: PropType<string[]>;
         default: null;
     };

package/lib/components/insertLink/insertLink.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     text: {
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
     insert: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     text: {
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onInsert?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     text: string;
 }, {}>;
 export default _default;

package/lib/components/insertLink/props.d.ts

@@ -1,8 +1,8 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
 
 export declare const InsertLinkProps: {
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
     text: {

package/lib/components/insertTable/insertTable.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     maxRows: {
@@ -15,7 +15,7 @@ declare const _default: import('vue').DefineComponent<{
     insert: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
     maxRows: {
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onInsert?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     maxRows: number;
     maxColumns: number;
 }, {}>;

package/lib/components/insertTable/props.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
 
 export type InsertTableGridType = {
     x: number;
@@ -7,7 +7,7 @@ export type InsertTableGridType = {
 };
 export declare const InsertTableProps: {
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
     maxRows: {

package/lib/components/insertVideo/insertVideo.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import('vue').DefineComponent<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: import("vue").PropType<string[]>;
         default: null;
     };
@@ -32,10 +32,10 @@ declare const _default: import('vue').DefineComponent<{
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: import("vue").PropType<string[]>;
         default: null;
     };
@@ -63,8 +63,8 @@ declare const _default: import('vue').DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onInsert?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
-    accept: string[];
+    color: string | null;
+    allowedFileType: string[];
     multiple: boolean;
     maxSize: number;
     minSize: number;

package/lib/components/insertVideo/props.d.ts

@@ -3,10 +3,10 @@ import { ExtractPublicPropTypes, PropType } from 'vue';
 export type InsertVideoUploadErrorType = 'suffixError' | 'maxSizeError' | 'minSizeError';
 export declare const InsertVideoProps: {
     color: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
-    accept: {
+    allowedFileType: {
         type: PropType<string[]>;
         default: null;
     };

package/lib/components/menu/menu.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
 }, {
@@ -15,11 +15,11 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
 }>>, {
-    color: string;
+    color: string | null;
     config: import("../../core/tool").MenuConfigType;
 }, {}>;
 export default _default;

package/lib/components/menu/props.d.ts

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

package/lib/components/toolbar/props.d.ts

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

package/lib/components/toolbar/toolbar.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -41,13 +41,13 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     type: "link" | "text" | "image" | "video" | "table" | "codeBlock";
     modelValue: boolean;
     node: string | HTMLElement;

package/lib/core/rule.d.ts

@@ -1,5 +1,5 @@
 import { LanguagesItemType } from '../hljs';
-import { default as AlexEditor, AlexElement } from 'alex-editor';
+import { AlexEditor, AlexElement } from 'alex-editor';
 
 export declare const parseList: (editor: AlexEditor, element: AlexElement) => void;
 export declare const orderdListHandle: (editor: AlexEditor, element: AlexElement) => void;

package/lib/core/tool.d.ts

@@ -1,5 +1,5 @@
 import { default as Button } from '../components/button/button.vue';
-import { VNode } from 'vue';
+import { ComponentInternalInstance, VNode } from 'vue';
 import { InsertImageUploadErrorType } from '../components/insertImage/props';
 import { LocaleType } from '../locale';
 import { ButtonOptionsItemType, ButtonTypeType } from '../components/button/props';
@@ -32,7 +32,7 @@ export interface MenuDisplayButtonType extends MenuSelectButtonType {
     defaultValue?: string | number;
 }
 export interface MenuImageButtonType extends MenuButtonType {
-    accept?: string[];
+    allowedFileType?: string[];
     multiple?: boolean;
     maxSize?: number | null;
     minSize?: number | null;
@@ -40,7 +40,7 @@ export interface MenuImageButtonType extends MenuButtonType {
     handleError?: ((error: InsertImageUploadErrorType, file: File) => void) | null;
 }
 export interface MenuVideoButtonType extends MenuButtonType {
-    accept?: string[];
+    allowedFileType?: string[];
     multiple?: boolean;
     maxSize?: number | null;
     minSize?: number | null;
@@ -67,9 +67,9 @@ export type MenuCustomButtonType = {
     onLayerShown?: (name: string, btnInstance: InstanceType<typeof Button>) => void;
     onLayerHidden?: (name: string, btnInstance: InstanceType<typeof Button>) => void;
     onOperate?: (name: string, value: string | number | undefined, btnInstance: InstanceType<typeof Button>) => void;
-    default?: () => VNode;
-    layer?: () => VNode;
-    option?: () => VNode;
+    default?: (name: string, btnInstance: InstanceType<typeof Button>) => VNode;
+    layer?: (name: string, btnInstance: InstanceType<typeof Button>) => VNode;
+    option?: (name: string, btnInstance: InstanceType<typeof Button>) => VNode;
 };
 export type CodeBlockToolbarType = {
     languages?: MenuSelectButtonType;
@@ -135,6 +135,9 @@ export type MenuSequenceType = {
     fullScreen?: number;
 };
 export type MenuModeType = 'default' | 'inner' | 'fixed';
+export type MenuExtendType = {
+    [name: string]: MenuCustomButtonType;
+};
 export type MenuConfigType = {
     use?: boolean;
     tooltip?: boolean;
@@ -171,10 +174,17 @@ export type MenuConfigType = {
     codeBlock?: MenuButtonType;
     sourceView?: MenuButtonType;
     fullScreen?: MenuButtonType;
-    extends?: {
-        [name: string]: MenuCustomButtonType;
-    };
+    extends?: MenuExtendType;
+};
+export type PluginResultType = {
+    menu?: MenuConfigType;
+    updateView?: () => void;
+    customParseNode?: (element: AlexElement) => AlexElement;
+    renderRule?: (el: AlexElement) => void;
+    pasteKeepStyles?: ObjectType;
+    pasteKeepMarks?: ObjectType;
 };
+export type PluginType = (editifyInstance: ComponentInternalInstance, color: string | null, editTrans: (key: string) => any) => PluginResultType;
 export declare const pasteKeepData: ObjectType;
 export declare const mergeObject: (o1: ObjectType, o2: ObjectType) => ObjectType | null;
 export declare const queryHasValue: (obj: ObjectType, name: string, value?: string | number) => boolean;

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

@@ -43,7 +43,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
         validator(value: any): boolean;
     };
@@ -107,6 +107,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    plugins: {
+        type: import("vue").PropType<import("../core/tool").PluginType[]>;
+        default: () => never[];
+    };
 }, {
     editor: import("vue").Ref<{
         $el: HTMLElement;
@@ -599,7 +603,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | null>;
         default: string;
         validator(value: any): boolean;
     };
@@ -663,6 +667,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    plugins: {
+        type: import("vue").PropType<import("../core/tool").PluginType[]>;
+        default: () => never[];
+    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -673,7 +681,7 @@ declare const _default: import('vue').DefineComponent<{
     onRangeupdate?: ((...args: any[]) => any) | undefined;
     onUpdateview?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string;
+    color: string | null;
     disabled: boolean;
     menu: MenuConfigType;
     modelValue: string;
@@ -699,5 +707,6 @@ declare const _default: import('vue').DefineComponent<{
     customParseNode: (el: AlexElement) => AlexElement;
     renderRules: ((el: AlexElement) => void)[];
     tab: boolean;
+    plugins: import("../core/tool").PluginType[];
 }, {}>;
 export default _default;

package/lib/editify/props.d.ts

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