@vtj/ui 0.5.2 → 0.6.0

package/types/components/mask/Mask.d.ts

@@ -0,0 +1,469 @@
+import { BaseSize, BaseType } from '../shared';
+import { EpPropFinalized, Arrayable, EpPropMergeType } from 'element-plus/es/utils';
+import { ElTooltipProps, BadgeProps, TooltipTriggerType, Placement, Options, ButtonProps } from 'element-plus';
+import { DefineComponent, PropType, ComponentOptionsMixin, ExtractPropTypes, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { MenuDataItem, ActionBarItems, IconParam, ActionMode, ActionMenuItem } from '../';
+import { MaskTab } from './types';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    menus: {
+        type: PropType<MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>)>;
+        default(): never[];
+    };
+    favorites: {
+        type: PropType<MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>)>;
+        default(): never[];
+    };
+    menuAdapter: {
+        type: PropType<(menu: MenuDataItem) => MenuDataItem>;
+    };
+    home: {
+        type: PropType<string | MaskTab>;
+        default: string;
+    };
+    tabs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    avatar: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    addFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    removeFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (menu: MenuDataItem) => void;
+    actionClick: (action: Readonly<Partial<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial<ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial<BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial<ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+            default: string;
+        };
+        background: {
+            type: PropType<"hover" | "always">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+    }>>>) => void;
+    actionCommand: (action: Readonly<Partial<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial<ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial<BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial<ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+            default: string;
+        };
+        background: {
+            type: PropType<"hover" | "always">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+    }>>>, item: ActionMenuItem) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    menus: {
+        type: PropType<MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>)>;
+        default(): never[];
+    };
+    favorites: {
+        type: PropType<MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>)>;
+        default(): never[];
+    };
+    menuAdapter: {
+        type: PropType<(menu: MenuDataItem) => MenuDataItem>;
+    };
+    home: {
+        type: PropType<string | MaskTab>;
+        default: string;
+    };
+    tabs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    avatar: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    addFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    removeFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+}>> & {
+    onSelect?: ((menu: MenuDataItem) => any) | undefined;
+    onActionClick?: ((action: Readonly<Partial<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial<ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial<BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial<ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+            default: string;
+        };
+        background: {
+            type: PropType<"hover" | "always">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+    }>>>) => any) | undefined;
+    onActionCommand?: ((action: Readonly<Partial<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial<ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial<BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text") | (() => EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "primary" | "danger" | "default" | "text", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "right" | "left" | "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial<ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+            default: string;
+        };
+        background: {
+            type: PropType<"hover" | "always">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+    }>>>, item: ActionMenuItem) => any) | undefined;
+}, {
+    disabled: boolean;
+    title: string;
+    menus: MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>);
+    logo: string;
+    favorites: MenuDataItem[] | (() => MenuDataItem[] | Promise<MenuDataItem[]>);
+    home: string | MaskTab;
+    tabs: number;
+    theme: boolean;
+}, {}>, {
+    user?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/mask/components/Avatar.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+export interface Props {
+    avatar?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    avatar: {
+        type: PropType<string>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    avatar: {
+        type: PropType<string>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/mask/components/Brand.d.ts

@@ -0,0 +1,47 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+export interface Props {
+    collapsed?: boolean;
+    logo?: string;
+    title?: string;
+    url?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    title: {
+        type: PropType<string>;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    logo: {
+        type: PropType<string>;
+    };
+    url: {
+        type: PropType<string>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    logo: {
+        type: PropType<string>;
+    };
+    url: {
+        type: PropType<string>;
+    };
+}>>, {
+    collapsed: boolean;
+}, {}>, {
+    logo?(_: {}): any;
+    title?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/mask/components/Content.d.ts

@@ -0,0 +1,33 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
+export interface Props {
+    createView: (module: any, route: RouteLocationNormalizedLoaded) => any;
+    exclude: string[];
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    createView: {
+        type: PropType<(module: any, route: RouteLocationNormalizedLoaded) => any>;
+        required: true;
+    };
+    exclude: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    createView: {
+        type: PropType<(module: any, route: RouteLocationNormalizedLoaded) => any>;
+        required: true;
+    };
+    exclude: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/mask/components/Menu.d.ts

@@ -0,0 +1,65 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { MenuDataItem } from '../../';
+export interface Props {
+    collapse?: boolean;
+    keyword?: string;
+    favorite?: boolean;
+    favorites?: MenuDataItem[];
+    flatMenus?: MenuDataItem[];
+    menus?: MenuDataItem[];
+    active?: MenuDataItem | null;
+}
+declare const _default: DefineComponent<{
+    menus: {
+        type: PropType<MenuDataItem[]>;
+    };
+    active: {
+        type: PropType<MenuDataItem | null>;
+    };
+    favorite: {
+        type: PropType<boolean>;
+    };
+    keyword: {
+        type: PropType<string>;
+    };
+    collapse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    favorites: {
+        type: PropType<MenuDataItem[]>;
+    };
+    flatMenus: {
+        type: PropType<MenuDataItem[]>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (item: MenuDataItem) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    menus: {
+        type: PropType<MenuDataItem[]>;
+    };
+    active: {
+        type: PropType<MenuDataItem | null>;
+    };
+    favorite: {
+        type: PropType<boolean>;
+    };
+    keyword: {
+        type: PropType<string>;
+    };
+    collapse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    favorites: {
+        type: PropType<MenuDataItem[]>;
+    };
+    flatMenus: {
+        type: PropType<MenuDataItem[]>;
+    };
+}>> & {
+    onSelect?: ((item: MenuDataItem) => any) | undefined;
+}, {
+    collapse: boolean;
+}, {}>;
+export default _default;

package/types/components/mask/components/Sidebar.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+export interface Props {
+    collapsed?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    collapsed: {
+        type: PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    collapsed: {
+        type: PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    brand?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};