vue-editify 0.2.9 → 0.2.11

package/examples/App.vue

@@ -1,12 +1,17 @@
 <template>
 	<div style="padding: 10px; height: 100%; box-sizing: border-box">
 		<button @click="dark = !dark">{{ dark ? '浅色模式' : '深色模式' }}</button>
-		<Editify :dark="dark" color="#1098f3" ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." :toolbar="toolbarConfig" locale="zh_CN" allow-paste-html :plugins="plugins" @rangeupdate="rangeUpdate"></Editify>
+		<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>
 </template>
 <script setup lang="ts">
-import { h, onMounted, ref } from 'vue'
+import { h, onMounted, ref, onErrorCaptured } from 'vue'
 import { AlexElement, MenuConfigType, Editify, attachment, PluginType, mathformula, ToolbarConfigType, getMatchElementByRange, panel, elementIsMatch, infoBlock } from '../src/index'
+
+onErrorCaptured(err => {
+	console.log(err)
+})
+
 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>
@@ -40,10 +45,10 @@ app.</span><span class="editify-hljs-title function_"><span>mount</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 editify = ref<InstanceType<typeof Editify> | null>(null)
+const editifyRef = ref<InstanceType<typeof Editify> | null>(null)
 const menuConfig = ref<MenuConfigType>({
 	use: true,
-	mode: 'inner',
+	mode: 'fixed',
 	sourceView: {
 		show: true
 	},
@@ -65,10 +70,10 @@ const plugins = ref<PluginType[]>([
 		leftBorder: true
 	})
 ])
-const dark = ref<boolean>(true)
+const dark = ref<boolean>(false)
 
 const rangeUpdate = () => {
-	const element = getMatchElementByRange(editify.value!.editor!, editify.value!.dataRangeCaches, {
+	const element = getMatchElementByRange(editifyRef.value!.editor!, editifyRef.value!.dataRangeCaches, {
 		parsedom: 'div',
 		marks: {
 			'data-editify-task': true

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

@@ -50,9 +50,275 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     show: import('vue').Ref<boolean>;
     status: import('vue').Ref<"hover" | "down" | null>;
+    layerRef: import('vue').Ref<({
+        $: 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;
+            showTriangle: boolean;
+            animation: import('../layer/props').LayerAnimationType;
+            useRange: boolean;
+        }> & 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 showTriangle: boolean;
+            readonly animation: import('../layer/props').LayerAnimationType;
+            readonly useRange: boolean;
+            "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;
+                default: boolean;
+            };
+            node: {
+                type: import('vue').PropType<string | HTMLElement | null>;
+                default: null;
+            };
+            scrollNode: {
+                type: import('vue').PropType<string | HTMLElement | null>;
+                default: null;
+            };
+            border: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            borderColor: {
+                type: StringConstructor;
+                default: null;
+            };
+            background: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: StringConstructor;
+                default: null;
+            };
+            placement: {
+                type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+                default: string;
+                validator(value: any): boolean;
+            };
+            showTriangle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            animation: {
+                type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+                default: null;
+                validator(value: any): boolean;
+            };
+            useRange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "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">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $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);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            node: {
+                type: import('vue').PropType<string | HTMLElement | null>;
+                default: null;
+            };
+            scrollNode: {
+                type: import('vue').PropType<string | HTMLElement | null>;
+                default: null;
+            };
+            border: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            borderColor: {
+                type: StringConstructor;
+                default: null;
+            };
+            background: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: StringConstructor;
+                default: null;
+            };
+            placement: {
+                type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+                default: string;
+                validator(value: any): boolean;
+            };
+            showTriangle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            animation: {
+                type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+                default: null;
+                validator(value: any): boolean;
+            };
+            useRange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            onShown?: ((...args: any[]) => any) | undefined;
+            onHidden?: ((...args: any[]) => any) | undefined;
+        }, {
+            setPosition: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "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;
+            showTriangle: boolean;
+            animation: import('../layer/props').LayerAnimationType;
+            useRange: boolean;
+        }, {}, 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;
+        };
+        $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, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Omit<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        node: {
+            type: import('vue').PropType<string | HTMLElement | null>;
+            default: null;
+        };
+        scrollNode: {
+            type: import('vue').PropType<string | HTMLElement | null>;
+            default: null;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        borderColor: {
+            type: StringConstructor;
+            default: null;
+        };
+        background: {
+            type: StringConstructor;
+            default: null;
+        };
+        color: {
+            type: StringConstructor;
+            default: null;
+        };
+        placement: {
+            type: import('vue').PropType<import('../layer/props').LayerPlacementType>;
+            default: string;
+            validator(value: any): boolean;
+        };
+        showTriangle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        animation: {
+            type: import('vue').PropType<import('../layer/props').LayerAnimationType>;
+            default: null;
+            validator(value: any): boolean;
+        };
+        useRange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        onShown?: ((...args: any[]) => any) | undefined;
+        onHidden?: ((...args: any[]) => any) | undefined;
+    }, "setPosition"> & import('vue').ShallowUnwrapRef<{
+        setPosition: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     operate: (...args: any[]) => void;
     layerShow: (...args: any[]) => void;
@@ -108,6 +374,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onOperate?: ((...args: any[]) => any) | undefined;
     onLayerShow?: ((...args: any[]) => any) | undefined;
@@ -126,6 +396,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     selectConfig: ButtonSelectConfigType;
     displayConfig: ButtonDisplayConfigType;
     hideScroll: boolean;
+    zIndex: number;
 }, {}>, {
     default?(_: {}): any;
     layer?(_: {

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

@@ -69,5 +69,9 @@ export declare const ButtonProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type ButtonPropsType = ExtractPublicPropTypes<typeof ButtonProps>;

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

@@ -66,15 +66,15 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     placement: "left" | "right";
     color: string | null;
     disabled: boolean;
+    modelValue: boolean | any[];
     value: string | number | any[] | ObjectType;
     label: string;
-    modelValue: boolean | any[];
     round: boolean;
 }, {}>;
 export default _default;

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

@@ -9,6 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string | HTMLElement | null>;
         default: null;
     };
+    scrollNode: {
+        type: import('vue').PropType<string | HTMLElement | null>;
+        default: null;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
 }, {
     setPosition: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    show: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    show: (...args: any[]) => void;
     shown: (...args: any[]) => void;
     hidden: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -63,6 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string | HTMLElement | null>;
         default: null;
     };
+    scrollNode: {
+        type: import('vue').PropType<string | HTMLElement | null>;
+        default: null;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -102,20 +110,21 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onShow?: ((...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: LayerPlacementType;
     color: string;
     background: string;
+    zIndex: number;
     modelValue: boolean;
     node: string | HTMLElement | null;
+    scrollNode: string | HTMLElement | null;
     border: boolean;
     borderColor: string;
     showTriangle: boolean;
-    zIndex: number;
     animation: import('./props').LayerAnimationType;
     useRange: boolean;
 }, {}>, {

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

@@ -11,6 +11,10 @@ export declare const LayerProps: {
         type: PropType<string | HTMLElement | null>;
         default: null;
     };
+    scrollNode: {
+        type: PropType<string | HTMLElement | null>;
+        default: null;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 declare const _default: import('vue').DefineComponent<{
     config: {
         type: import('vue').PropType<import('../../core/tool').MenuConfigType>;
@@ -7,8 +9,13 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     handleRangeUpdate: () => void;
+    height: Ref<number>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     config: {
         type: import('vue').PropType<import('../../core/tool').MenuConfigType>;
@@ -18,8 +25,13 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     color: string | null;
+    zIndex: number;
     config: import('../../core/tool').MenuConfigType;
 }, {}>;
 export default _default;

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

@@ -10,5 +10,9 @@ export declare const MenuProps: {
         type: PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type MenuPropsType = ExtractPublicPropTypes<typeof MenuProps>;

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

@@ -10,6 +10,10 @@ export declare const ToolbarProps: {
         type: PropType<string | HTMLElement>;
         default: null;
     };
+    scrollNode: {
+        type: PropType<string | HTMLElement>;
+        default: null;
+    };
     type: {
         type: PropType<"link" | "text" | "image" | "video" | "table" | "codeBlock">;
         default: string;
@@ -23,5 +27,9 @@ export declare const ToolbarProps: {
         type: PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type ToolbarPropsType = ExtractPublicPropTypes<typeof ToolbarProps>;

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

@@ -7,6 +7,10 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | HTMLElement>;
         default: null;
     };
+    scrollNode: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: null;
+    };
     type: {
         type: import('vue').PropType<"link" | "text" | "image" | "video" | "table" | "codeBlock">;
         default: string;
@@ -20,6 +24,10 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -31,6 +39,10 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | HTMLElement>;
         default: null;
     };
+    scrollNode: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: null;
+    };
     type: {
         type: import('vue').PropType<"link" | "text" | "image" | "video" | "table" | "codeBlock">;
         default: string;
@@ -44,13 +56,19 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string | null>;
         default: string;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string | null;
     type: "link" | "text" | "image" | "video" | "table" | "codeBlock";
+    zIndex: number;
     modelValue: boolean;
     node: string | HTMLElement;
+    scrollNode: string | HTMLElement;
     config: import('../../core/tool').ToolbarConfigType;
 }, {}>;
 export default _default;

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

@@ -13,5 +13,9 @@ export declare const TooltipProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type TooltipPropsType = ExtractPublicPropTypes<typeof TooltipProps>;

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

@@ -11,6 +11,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     content: {
         type: StringConstructor;
@@ -24,8 +28,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
     disabled: boolean;
+    zIndex: number;
     content: string;
     block: boolean;
 }, {}>, {

package/lib/core/tool.d.ts

@@ -243,3 +243,10 @@ export declare const getMenuConfig: (editTrans: (key: string) => any, editLocale
  * @returns
  */
 export declare const withInstall: <T extends Component>(component: T) => SFCWithInstall<T>;
+/**
+ * 是否点击了编辑器以外的元素
+ * @param editor
+ * @param el
+ * @returns
+ */
+export declare const clickIsOut: (editor: HTMLElement, el: HTMLElement) => boolean;