@tmagic/editor 1.1.0-beta.4 → 1.1.0-beta.7

package/types/fields/Code.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    name?: any;
+    model?: any;
+    config?: any;
+    prop?: any;
+}>, {
+    height: import("vue").ComputedRef<string>;
+    language: import("vue").ComputedRef<any>;
+    save(v: string): void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    name?: any;
+    model?: any;
+    config?: any;
+    prop?: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly name?: any;
+    readonly model?: any;
+    readonly config?: any;
+    readonly prop?: any;
+}>;
+export default _default;

package/{dist/types/src → types}/fields/CodeLink.vue.d.ts

@@ -1,5 +1,3 @@
-import type { Ref, ComputedRef } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
 import { PropType } from 'vue';
 interface CodeLinkConfig {
     type: 'code-link';
@@ -7,7 +5,7 @@ interface CodeLinkConfig {
     text?: string;
     formTitle?: string;
 }
-declare const _default: DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     config: {
         type: PropType<CodeLinkConfig>;
     };
@@ -21,10 +19,10 @@ declare const _default: DefineComponent<{
         type: StringConstructor;
     };
 }, {
-    modelValue: Ref<{
+    modelValue: import("vue").Ref<{
         form: Record<string, any>;
     }>;
-    formConfig: ComputedRef<{
+    formConfig: import("vue").ComputedRef<{
         text: string;
         type: string;
         form: {
@@ -35,7 +33,7 @@ declare const _default: DefineComponent<{
         formTitle?: string | undefined;
     }>;
     changeHandler(v: Record<string, any>): void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: PropType<CodeLinkConfig>;
     };

package/types/fields/UISelect.vue.d.ts

@@ -0,0 +1,83 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: any;
+            model: any;
+            prop: string;
+            name: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            config: any;
+            model: any;
+            prop: string;
+            name: string;
+        }>>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], 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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        config: any;
+        model: any;
+        prop: string;
+        name: string;
+    }>>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    config: any;
+    model: any;
+    prop: string;
+    name: string;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {};
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/{dist/types/src → types}/index.d.ts

@@ -1,5 +1,7 @@
+import './utils/polyfills';
 import { App } from 'vue';
 import type { InstallOptions } from './type';
+import './theme/index.scss';
 export type { MoveableOptions } from '@tmagic/stage';
 export * from './type';
 export * from './utils';
@@ -8,6 +10,7 @@ export { default as TMagicCodeEditor } from './layouts/CodeEditor.vue';
 export { default as editorService } from './services/editor';
 export { default as propsService } from './services/props';
 export { default as historyService } from './services/history';
+export { default as storageService } from './services/storage';
 export { default as eventsService } from './services/events';
 export { default as uiService } from './services/ui';
 export { default as ComponentListPanel } from './layouts/sidebar/ComponentListPanel.vue';
@@ -15,6 +18,6 @@ export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 declare const _default: {
-    install: (app: App, opt?: InstallOptions | undefined) => void;
+    install: (app: App, opt?: InstallOptions) => void;
 };
 export default _default;

package/types/layouts/AddPageBox.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    clickHandler(): void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/{dist/types/src → types}/layouts/CodeEditor.vue.d.ts

@@ -1,12 +1,10 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
 import * as monaco from 'monaco-editor';
-declare const _default: DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     initValues: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     modifiedValues: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     type: {
         type: StringConstructor;
@@ -21,18 +19,18 @@ declare const _default: DefineComponent<{
         default: () => {};
     };
 }, {
-    values: Ref<string>;
-    loading: Ref<boolean>;
-    codeEditor: Ref<HTMLDivElement | undefined>;
+    values: import("vue").Ref<string>;
+    loading: import("vue").Ref<boolean>;
+    codeEditor: import("vue").Ref<HTMLDivElement | undefined>;
     getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
     setEditorValue: (v: string | any, m: string | any) => void | undefined;
     focus(): void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("initd" | "save")[], "save" | "initd", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "initd")[], "save" | "initd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     initValues: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     modifiedValues: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     type: {
         type: StringConstructor;
@@ -47,11 +45,11 @@ declare const _default: DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onInitd?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
+    onInitd?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    language: string;
     options: Record<string, any>;
+    language: string;
 }>;
 export default _default;

package/types/layouts/Framework.vue.d.ts

@@ -0,0 +1,22 @@
+import type { MApp } from '@tmagic/schema';
+import { GetColumnWidth } from '../type';
+declare const _default: import("vue").DefineComponent<{
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    root: import("vue").ComputedRef<MApp | undefined>;
+    pageLength: import("vue").ComputedRef<number>;
+    showSrc: import("vue").ComputedRef<boolean | undefined>;
+    columnWidth: import("vue").ComputedRef<GetColumnWidth | undefined>;
+    saveCode(value: string): void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    codeOptions: Record<string, any>;
+}>;
+export default _default;

package/types/layouts/NavMenu.vue.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { GetColumnWidth, MenuBarData } from '../type';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<MenuBarData>;
+        default: () => {};
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}, {
+    keys: import("vue").ComputedRef<(keyof MenuBarData)[]>;
+    columnWidth: import("vue").ComputedRef<GetColumnWidth | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<MenuBarData>;
+        default: () => {};
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}>>, {
+    data: MenuBarData;
+}>;
+export default _default;

package/types/layouts/PropsPanel.vue.d.ts

@@ -0,0 +1,245 @@
+import type { FormValue } from '@tmagic/form';
+declare const _default: import("vue").DefineComponent<{}, {
+    values: import("vue").Ref<FormValue>;
+    configForm: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            config: import("@tmagic/form").FormConfig;
+            initValues: Record<string, any>;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            labelWidth: string;
+            disabled: boolean;
+            height: string;
+            stepActive: string | number;
+            inline: boolean;
+            labelPosition: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            initValues: {
+                type: ObjectConstructor;
+                required: true;
+                default: () => {};
+            };
+            parentValues: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            config: {
+                type: import("vue").PropType<import("@tmagic/form").FormConfig>;
+                required: true;
+                default: () => never[];
+            };
+            labelWidth: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: () => boolean;
+            };
+            height: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            stepActive: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: () => number;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "large" | "default">;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            labelPosition: {
+                type: StringConstructor;
+                default: string;
+            };
+            keyProp: {
+                type: StringConstructor;
+                default: string;
+            };
+            popperClass: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+            "onField-input"?: ((...args: any[]) => any) | undefined;
+            "onField-change"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "disabled" | "labelWidth" | "config" | "initValues" | "parentValues" | "stepActive" | "inline" | "labelPosition" | "keyProp">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "change" | "field-input" | "field-change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            initValues: {
+                type: ObjectConstructor;
+                required: true;
+                default: () => {};
+            };
+            parentValues: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            config: {
+                type: import("vue").PropType<import("@tmagic/form").FormConfig>;
+                required: true;
+                default: () => never[];
+            };
+            labelWidth: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: () => boolean;
+            };
+            height: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            stepActive: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: () => number;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "large" | "default">;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            labelPosition: {
+                type: StringConstructor;
+                default: string;
+            };
+            keyProp: {
+                type: StringConstructor;
+                default: string;
+            };
+            popperClass: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+            "onField-input"?: ((...args: any[]) => any) | undefined;
+            "onField-change"?: ((...args: any[]) => any) | undefined;
+        }, {
+            initialized: import("vue").Ref<boolean>;
+            values: import("vue").Ref<FormValue>;
+            elForm: import("vue").Ref<any>;
+            formState: import("@tmagic/form").FormState;
+            changeHandler: () => void;
+            resetForm: () => any;
+            submitForm: (native?: boolean | undefined) => Promise<any>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
+            config: import("@tmagic/form").FormConfig;
+            initValues: Record<string, any>;
+            keyProp: string;
+            parentValues: Record<string, any>;
+            labelWidth: string;
+            disabled: boolean;
+            height: string;
+            stepActive: string | number;
+            inline: boolean;
+            labelPosition: 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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        initValues: {
+            type: ObjectConstructor;
+            required: true;
+            default: () => {};
+        };
+        parentValues: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        config: {
+            type: import("vue").PropType<import("@tmagic/form").FormConfig>;
+            required: true;
+            default: () => never[];
+        };
+        labelWidth: {
+            type: StringConstructor;
+            default: () => string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: () => boolean;
+        };
+        height: {
+            type: StringConstructor;
+            default: () => string;
+        };
+        stepActive: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: () => number;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "large" | "default">;
+        };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        labelPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        keyProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        popperClass: {
+            type: StringConstructor;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onField-input"?: ((...args: any[]) => any) | undefined;
+        "onField-change"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        initialized: import("vue").Ref<boolean>;
+        values: import("vue").Ref<FormValue>;
+        elForm: import("vue").Ref<any>;
+        formState: import("@tmagic/form").FormState;
+        changeHandler: () => void;
+        resetForm: () => any;
+        submitForm: (native?: boolean | undefined) => Promise<any>;
+    }> & {} & import("vue").ComponentCustomProperties) | undefined>;
+    curFormConfig: any;
+    propsPanelSize: import("vue").ComputedRef<unknown>;
+    submit(): Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], "mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onMounted?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/types/layouts/Resizer.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+    };
+}, {
+    target: import("vue").Ref<HTMLSpanElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;

package/types/layouts/sidebar/ComponentListPanel.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentItem } from '../../type';
+declare const _default: import("vue").DefineComponent<{}, {
+    searchText: import("vue").Ref<string>;
+    collapseValue: import("vue").ComputedRef<number[]>;
+    list: import("vue").ComputedRef<{
+        items: ComponentItem[];
+        title: string;
+    }[] | undefined>;
+    appendComponent({ text, type, data }: ComponentItem): void;
+    dragstartHandler({ text, type, data }: ComponentItem, e: DragEvent): void;
+    dragendHandler(): void;
+    dragHandler(e: DragEvent): void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/layouts/sidebar/LayerMenu.vue.d.ts

@@ -0,0 +1,100 @@
+import type { MenuItem } from '../../type';
+declare const _default: import("vue").DefineComponent<{}, {
+    menu: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            menuData: MenuItem[];
+            isSubMenu: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            menuData: {
+                type: import("vue").PropType<MenuItem[]>;
+            } & {
+                default: () => never[];
+            };
+            isSubMenu: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "menuData" | "isSubMenu">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "hide" | "show", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            menuData: {
+                type: import("vue").PropType<MenuItem[]>;
+            } & {
+                default: () => never[];
+            };
+            isSubMenu: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+        }, {
+            hide: () => void;
+            show: (e: MouseEvent) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
+            menuData: MenuItem[];
+            isSubMenu: boolean;
+        }> & {
+            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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        menuData: {
+            type: import("vue").PropType<MenuItem[]>;
+        } & {
+            default: () => never[];
+        };
+        isSubMenu: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: (e: MouseEvent) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {
+        $slots: {};
+    }) | undefined>;
+    menuData: import("vue").ComputedRef<MenuItem[]>;
+    show(e: MouseEvent): void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;