vue-editify 0.2.13 → 0.2.15

package/examples/App.vue

@@ -1,17 +1,60 @@
 <template>
-	<div style="padding: 10px; height: 100%; box-sizing: border-box">
-		<button @click="dark = !dark">{{ dark ? '浅色模式' : '深色模式' }}</button>
-		<Editify :dark="dark" color="#1098f3" ref="editifyRef" border v-model="val" :menu="menuConfig" style="height: 80%" placeholder="Please Enter Text..." :toolbar="toolbarConfig" locale="zh_CN" :plugins="plugins" @rangeupdate="rangeUpdate" show-word-length :offset="editifyRef ? editifyRef.menuHeight : 0"></Editify>
+	<div style="height: 100%">
+		<Editify :dark="dark" ref="editifyRef" border v-model="val" :menu="menuConfig" placeholder="Please Enter Text..." :toolbar="toolbarConfig" locale="zh_CN" allow-paste-html show-word-length></Editify>
 	</div>
 </template>
 <script setup lang="ts">
-import { h, onMounted, ref, onErrorCaptured } from 'vue'
-import { AlexElement, MenuConfigType, Editify, attachment, PluginType, mathformula, ToolbarConfigType, getMatchElementByRange, panel, elementIsMatch, infoBlock } from '../src/index'
+import { h, onMounted, ref, onErrorCaptured, computed, handleError } from 'vue'
+import { AlexElement, MenuConfigType, Editify, ToolbarConfigType, getMatchElementByRange, elementIsMatch, isRangeInQuote } from '../src/index'
 
 onErrorCaptured(err => {
 	console.log(err)
 })
 
+const editifyRef = ref<InstanceType<typeof Editify> | null>(null)
+const dark = ref<boolean>(false)
+const menuConfig = ref<MenuConfigType>({
+	use: true,
+	mode: 'inner',
+	sequence: {
+		dark: 100
+	},
+	sourceView: {
+		show: true
+	},
+	fullScreen: {
+		show: true
+	},
+	attachment: {
+		show: true
+	},
+	mathformula: {
+		show: true,
+		handleError: err => {
+			console.log(err)
+		}
+	},
+	panel: {
+		show: true
+	},
+	infoBlock: {
+		show: true
+	},
+	extends: {
+		dark: {
+			title: dark.value ? '浅色模式' : '深色模式',
+			leftBorder: true,
+			active: dark.value,
+			default: () => h('span', dark.value ? '深色模式' : '浅色模式'),
+			onOperate: () => {
+				dark.value = !dark.value
+			}
+		}
+	}
+})
+const toolbarConfig = ref<ToolbarConfigType>({
+	use: true
+})
 const val = ref<string>(`<h5><span>在传统HTML+JS+CSS项目中使用</span></h5><p><br></p><pre mvi-editor-element-key="8" mvi-hljs-language="" data-editify-element="10"><span class="editify-hljs-comment"><span>&lt;!-- HTML --&gt;</span></span><span>
 </span><span class="editify-hljs-tag"><span>&lt;</span><span class="editify-hljs-name"><span>div</span></span><span> </span><span class="editify-hljs-attr"><span>id</span></span><span>=</span><span class="editify-hljs-string"><span>"app"</span></span><span>&gt;</span></span><span>
   </span><span class="editify-hljs-tag"><span>&lt;</span><span class="editify-hljs-name"><span>editify</span></span><span> </span><span class="editify-hljs-attr"><span>v-model</span></span><span>=</span><span class="editify-hljs-string"><span>"value"</span></span><span> </span><span class="editify-hljs-attr"><span>placeholder</span></span><span>=</span><span class="editify-hljs-string"><span>"请输入"</span></span><span>&gt;</span></span><span class="editify-hljs-tag"><span>&lt;/</span><span class="editify-hljs-name"><span>editify</span></span><span>&gt;</span></span><span>
@@ -44,51 +87,6 @@ app.</span><span class="editify-hljs-title function_"><span>mount</span></span><
 </span><span class="editify-hljs-keyword"><span>import</span></span><span> { </span><span class="editify-hljs-title class_"><span>AlexElement</span></span><span> } </span><span class="editify-hljs-keyword"><span>from</span></span><span> </span><span class="editify-hljs-string"><span>"vue-editify"</span></span></pre><pre data-editify-element="514"><span class="editify-hljs-comment"><span>//获取AlexEditor实例，调用底层方法</span></span><span>
 </span><span class="editify-hljs-keyword"><span>const</span></span><span> editor = </span><span class="editify-hljs-keyword"><span>this</span></span><span>.$refs.editify.editor</span></pre><pre data-editify-element="530" data-editify-hljs="javascript"><span class="editify-hljs-comment"><span>//通过AlexEditor实例来获取AlexRange实例</span></span><span>
 </span><span class="editify-hljs-keyword"><span>const</span></span><span> range = </span><span class="editify-hljs-variable language_"><span>this</span></span><span>.</span><span class="editify-hljs-property"><span>$refs</span></span><span>.</span><span class="editify-hljs-property"><span>editify</span></span><span>.</span><span class="editify-hljs-property"><span>editor</span></span><span>?.</span><span class="editify-hljs-property"><span>range</span></span></pre><p><br></p><p><span>通过操作这些底层的对象，你可以实现一些比较自由的操作，但是你可能需要先去了解alex-editor：</span><a href="https://www.ling0523.cn/alex-editor/" data-editify-element="569"><span>alex-editor开发文档</span></a></p>`)
-
-const editifyRef = ref<InstanceType<typeof Editify> | null>(null)
-const menuConfig = ref<MenuConfigType>({
-	use: true,
-	mode: 'fixed',
-	sourceView: {
-		show: true
-	},
-	video: {
-		multiple: true
-	},
-	fullScreen: {
-		show: true
-	}
-})
-const toolbarConfig = ref<ToolbarConfigType>({
-	use: true
-})
-const plugins = ref<PluginType[]>([
-	panel(),
-	mathformula(),
-	attachment(),
-	infoBlock({
-		leftBorder: true
-	})
-])
-const dark = ref<boolean>(false)
-
-const rangeUpdate = () => {
-	const element = getMatchElementByRange(editifyRef.value!.editor!, editifyRef.value!.dataRangeCaches, {
-		parsedom: 'div',
-		marks: {
-			'data-editify-task': true
-		}
-	})
-	if (element) {
-		console.log(
-			elementIsMatch(element, {
-				marks: {
-					'data-editify-task': true
-				}
-			})
-		)
-	}
-}
 </script>
 <style lang="less">
 html,
@@ -97,27 +95,11 @@ body {
 }
 body {
 	margin: 0;
+	background-color: var(--editify-background);
 }
 
 #app {
 	height: 100%;
 	overflow: auto;
 }
-
-table {
-	border: 1px solid #ccc;
-	width: 100%;
-	border-collapse: collapse;
-
-	tr,
-	td,
-	th {
-		border: 1px solid #ccc;
-	}
-
-	td {
-		text-align: center;
-		padding: 10px;
-	}
-}
 </style>

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

@@ -1,6 +1,15 @@
-import { ButtonDisplayConfigType, ButtonOptionsItemType, ButtonSelectConfigType } from './props';
+import { ButtonOptionsItemType } from './props';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    layer?(_: {
+        options: ButtonOptionsItemType[];
+    }): any;
+    option?(_: {
+        item: ButtonOptionsItemType;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     type: {
         type: import('vue').PropType<import('./props').ButtonTypeType>;
         default: string;
@@ -27,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     disabled: {
@@ -39,11 +48,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     selectConfig: {
-        type: import('vue').PropType<ButtonSelectConfigType>;
+        type: import('vue').PropType<import('./props').ButtonSelectConfigType>;
         default: null;
     };
     displayConfig: {
-        type: import('vue').PropType<ButtonDisplayConfigType>;
+        type: import('vue').PropType<import('./props').ButtonDisplayConfigType>;
         default: null;
     };
     hideScroll: {
@@ -61,37 +70,37 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            placement: import('../layer/props').LayerPlacementType;
             color: string;
-            background: string;
             zIndex: number;
             modelValue: boolean;
             node: string | HTMLElement | null;
             scrollNode: string | HTMLElement | null;
             border: boolean;
             borderColor: string;
+            background: string;
+            placement: import('../layer').LayerPlacementType;
             showTriangle: boolean;
-            animation: import('../layer/props').LayerAnimationType;
+            animation: import('../layer').LayerAnimationType;
             useRange: boolean;
             insideElements: HTMLElement[];
         }> & Omit<{
-            readonly placement: import('../layer/props').LayerPlacementType;
             readonly color: string;
-            readonly background: string;
             readonly zIndex: number;
             readonly modelValue: boolean;
             readonly node: string | HTMLElement | null;
             readonly scrollNode: string | HTMLElement | null;
             readonly border: boolean;
             readonly borderColor: string;
+            readonly background: string;
+            readonly placement: import('../layer').LayerPlacementType;
             readonly showTriangle: boolean;
-            readonly animation: import('../layer/props').LayerAnimationType;
+            readonly animation: import('../layer').LayerAnimationType;
             readonly useRange: boolean;
             readonly insideElements: HTMLElement[];
+            onHidden?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onShown?: ((...args: any[]) => any) | undefined;
-            onHidden?: ((...args: any[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
                 type: BooleanConstructor;
@@ -122,7 +131,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: null;
             };
             placement: {
-                type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+                type: import('vue').PropType<import('../layer').LayerPlacementType>;
                 default: string;
                 validator(value: any): boolean;
             };
@@ -135,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: number;
             };
             animation: {
-                type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+                type: import('vue').PropType<import('../layer').LayerAnimationType>;
                 default: null;
                 validator(value: any): boolean;
             };
@@ -148,11 +157,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: () => never[];
             };
         }>> & {
+            onHidden?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onShown?: ((...args: any[]) => any) | undefined;
-            onHidden?: ((...args: any[]) => any) | undefined;
-        }, "placement" | "color" | "background" | "zIndex" | "modelValue" | "node" | "scrollNode" | "border" | "borderColor" | "showTriangle" | "animation" | "useRange" | "insideElements">;
+        }, "color" | "zIndex" | "modelValue" | "node" | "scrollNode" | "border" | "borderColor" | "background" | "placement" | "showTriangle" | "animation" | "useRange" | "insideElements">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -162,9 +171,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "shown", ...args: any[]) => void) & ((event: "hidden", ...args: any[]) => void);
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $emit: ((event: "hidden", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "shown", ...args: any[]) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
@@ -196,7 +205,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: null;
             };
             placement: {
-                type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+                type: import('vue').PropType<import('../layer').LayerPlacementType>;
                 default: string;
                 validator(value: any): boolean;
             };
@@ -209,7 +218,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: number;
             };
             animation: {
-                type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+                type: import('vue').PropType<import('../layer').LayerAnimationType>;
                 default: null;
                 validator(value: any): boolean;
             };
@@ -222,52 +231,52 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 default: () => never[];
             };
         }>> & {
+            onHidden?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onShown?: ((...args: any[]) => any) | undefined;
-            onHidden?: ((...args: any[]) => any) | undefined;
         }, {
             setPosition: () => void;
             elRef: import('vue').Ref<HTMLElement | null>;
         }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            hidden: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             show: (...args: any[]) => void;
             shown: (...args: any[]) => void;
-            hidden: (...args: any[]) => void;
         }, string, {
-            placement: import('../layer/props').LayerPlacementType;
             color: string;
-            background: string;
             zIndex: number;
             modelValue: boolean;
             node: string | HTMLElement | null;
             scrollNode: string | HTMLElement | null;
             border: boolean;
             borderColor: string;
+            background: string;
+            placement: import('../layer').LayerPlacementType;
             showTriangle: boolean;
-            animation: import('../layer/props').LayerAnimationType;
+            animation: import('../layer').LayerAnimationType;
             useRange: boolean;
             insideElements: HTMLElement[];
         }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Omit<Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
@@ -298,7 +307,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             default: null;
         };
         placement: {
-            type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+            type: import('vue').PropType<import('../layer').LayerPlacementType>;
             default: string;
             validator(value: any): boolean;
         };
@@ -311,7 +320,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             default: number;
         };
         animation: {
-            type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+            type: import('vue').PropType<import('../layer').LayerAnimationType>;
             default: null;
             validator(value: any): boolean;
         };
@@ -324,10 +333,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             default: () => never[];
         };
     }>> & {
+        onHidden?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onShown?: ((...args: any[]) => any) | undefined;
-        onHidden?: ((...args: any[]) => any) | undefined;
     }, "setPosition" | "elRef"> & import('vue').ShallowUnwrapRef<{
         setPosition: () => void;
         elRef: import('vue').Ref<HTMLElement | null>;
@@ -368,7 +377,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     disabled: {
@@ -380,11 +389,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
     selectConfig: {
-        type: import('vue').PropType<ButtonSelectConfigType>;
+        type: import('vue').PropType<import('./props').ButtonSelectConfigType>;
         default: null;
     };
     displayConfig: {
-        type: import('vue').PropType<ButtonDisplayConfigType>;
+        type: import('vue').PropType<import('./props').ButtonDisplayConfigType>;
         default: null;
     };
     hideScroll: {
@@ -401,28 +410,21 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onLayerShown?: ((...args: any[]) => any) | undefined;
     onLayerHidden?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string | null;
     type: import('./props').ButtonTypeType;
     name: string;
     title: string;
     tooltip: boolean;
     rightBorder: boolean;
     leftBorder: boolean;
+    color: string;
     disabled: boolean;
     active: boolean;
-    selectConfig: ButtonSelectConfigType;
-    displayConfig: ButtonDisplayConfigType;
+    selectConfig: import('./props').ButtonSelectConfigType;
+    displayConfig: import('./props').ButtonDisplayConfigType;
     hideScroll: boolean;
     zIndex: number;
-}, {}>, {
-    default?(_: {}): any;
-    layer?(_: {
-        options: ButtonOptionsItemType[];
-    }): any;
-    option?(_: {
-        item: ButtonOptionsItemType;
-    }): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

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

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

@@ -13,12 +13,23 @@ export type ButtonSelectConfigType = {
     width?: number | '';
     maxHeight?: number | '';
 };
+export type ButtonParseSelectConfigType = {
+    options?: ButtonOptionsItemType[];
+    width?: number | '';
+    maxHeight?: number | '';
+};
 export type ButtonDisplayConfigType = {
     options?: (ButtonOptionsItemType | number | string)[];
     width?: number | '';
     maxHeight?: number | '';
     value?: string | number;
 };
+export type ButtonParseDisplayConfigType = {
+    options?: ButtonOptionsItemType[];
+    width?: number | '';
+    maxHeight?: number | '';
+    value?: string | number;
+};
 export declare const ButtonProps: {
     type: {
         type: PropType<ButtonTypeType>;
@@ -46,7 +57,7 @@ export declare const ButtonProps: {
         default: boolean;
     };
     color: {
-        type: PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     disabled: {

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

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     value: {
-        type: import('vue').PropType<string | number | any[] | ObjectType>;
+        type: import('vue').PropType<ObjectType | number | string | any[]>;
         default: string;
     };
     round: {
@@ -27,13 +27,13 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
         validator(value: any): boolean;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
@@ -48,7 +48,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     value: {
-        type: import('vue').PropType<string | number | any[] | ObjectType>;
+        type: import('vue').PropType<ObjectType | number | string | any[]>;
         default: string;
     };
     round: {
@@ -61,20 +61,20 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
         validator(value: any): boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    placement: "left" | "right";
-    color: string | null;
+    color: string;
     disabled: boolean;
-    modelValue: boolean | any[];
     value: string | number | any[] | ObjectType;
     label: string;
+    modelValue: boolean | any[];
+    placement: "left" | "right";
     round: boolean;
 }, {}>;
 export default _default;

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
-import { ButtonOptionsItemType } from '../button/props';
+import { ButtonOptionsItemType } from '../button';
 
 export declare const ColorsProps: {
     data: {
@@ -11,7 +11,7 @@ export declare const ColorsProps: {
         default: null;
     };
     color: {
-        type: PropType<string | null>;
+        type: StringConstructor;
         default: string;
     };
     tooltip: {

package/lib/components/icon/index.d.ts

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

package/lib/components/insertAttachment/index.d.ts

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