@dao-style/core 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/components/drawer/drawer.d.ts

@@ -1,7 +1,282 @@
-import Drawer from './drawer.vue';
 import { DrawerProps } from './props';
 import { SlotFn } from '../../utils/types';
-declare const DaoDrawer: typeof Drawer & (new () => {
+declare const DaoDrawer: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideMask: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideCloseIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<import("./props").DrawerSizeType>;
+            default: string;
+        };
+        cancelText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        confirmText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        nonModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }, {
+        visible: import("vue").Ref<boolean>;
+        drawerRef: import("vue").Ref<HTMLElement | null>;
+        wrapClassList: import("vue").ComputedRef<(string | {
+            'dao-drawer__wrap--hide': boolean;
+            'dao-drawer__wrap--non-modal': boolean;
+        })[]>;
+        contentClassList: import("vue").ComputedRef<string[]>;
+        textContent: import("vue").ComputedRef<{
+            confirm: string;
+            cancel: string;
+        }>;
+        close: () => void;
+        confirm: () => void;
+        handleWrapClick: (event: Event) => void;
+        onBeforeEnter: () => void;
+        onAfterLeave: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "confirm")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideMask: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideCloseIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<import("./props").DrawerSizeType>;
+            default: string;
+        };
+        cancelText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        confirmText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        nonModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: boolean;
+        title: string;
+        size: import("./props").DrawerSizeType;
+        hideHeader: boolean;
+        hideFooter: boolean;
+        hideMask: boolean;
+        hideCloseIcon: boolean;
+        cancelText: string;
+        confirmText: string;
+        nonModal: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideMask: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideCloseIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<import("./props").DrawerSizeType>;
+            default: string;
+        };
+        cancelText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        confirmText: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        nonModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }, {
+        visible: import("vue").Ref<boolean>;
+        drawerRef: import("vue").Ref<HTMLElement | null>;
+        wrapClassList: import("vue").ComputedRef<(string | {
+            'dao-drawer__wrap--hide': boolean;
+            'dao-drawer__wrap--non-modal': boolean;
+        })[]>;
+        contentClassList: import("vue").ComputedRef<string[]>;
+        textContent: import("vue").ComputedRef<{
+            confirm: string;
+            cancel: string;
+        }>;
+        close: () => void;
+        confirm: () => void;
+        handleWrapClick: (event: Event) => void;
+        onBeforeEnter: () => void;
+        onAfterLeave: () => void;
+    }, {}, {}, {}, {
+        modelValue: boolean;
+        title: string;
+        size: import("./props").DrawerSizeType;
+        hideHeader: boolean;
+        hideFooter: boolean;
+        hideMask: boolean;
+        hideCloseIcon: boolean;
+        cancelText: string;
+        confirmText: string;
+        nonModal: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideFooter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideMask: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideCloseIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<import("./props").DrawerSizeType>;
+        default: string;
+    };
+    cancelText: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    nonModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: import("vue").Ref<boolean>;
+    drawerRef: import("vue").Ref<HTMLElement | null>;
+    wrapClassList: import("vue").ComputedRef<(string | {
+        'dao-drawer__wrap--hide': boolean;
+        'dao-drawer__wrap--non-modal': boolean;
+    })[]>;
+    contentClassList: import("vue").ComputedRef<string[]>;
+    textContent: import("vue").ComputedRef<{
+        confirm: string;
+        cancel: string;
+    }>;
+    close: () => void;
+    confirm: () => void;
+    handleWrapClick: (event: Event) => void;
+    onBeforeEnter: () => void;
+    onAfterLeave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "confirm")[], "close" | "update:modelValue" | "confirm", {
+    modelValue: boolean;
+    title: string;
+    size: import("./props").DrawerSizeType;
+    hideHeader: boolean;
+    hideFooter: boolean;
+    hideMask: boolean;
+    hideCloseIcon: boolean;
+    cancelText: string;
+    confirmText: string;
+    nonModal: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $props: Partial<DrawerProps>;
     $slots: {
         header: SlotFn;

package/dist/components/drawer/drawer.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     handleWrapClick: (event: Event) => void;
     onBeforeEnter: () => void;
     onAfterLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "confirm")[], "close" | "update:modelValue" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "confirm")[], "close" | "update:modelValue" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/dist/components/dropdown/dropdown-item.d.ts

@@ -1,7 +1,383 @@
-import DropdownItem from './dropdown-item.vue';
 import { DropdownItemProps } from './props';
 import { SlotFn } from '../../utils/types';
-declare const DaoDropdownItem: typeof DropdownItem & (new () => {
+declare const DaoDropdownItem: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<import("./props").DropdownItemType>;
+            default: string;
+            validator: (val: string) => boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<import("./props").DropdownItemColor>;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        tooltipContent: {
+            type: StringConstructor;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipOption: {
+            type: import("vue").PropType<Partial<{
+                modelValue: boolean;
+                disabled: boolean;
+                offset: string | number;
+                placement: import("@popperjs/core").Placement;
+                content: string;
+                appendTo: string | false | HTMLElement;
+                boundary: import("@popperjs/core").Boundary;
+                delay: import("..").DelayProp;
+                width: string | number;
+                trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+                visibleArrow: boolean;
+                popperClass: string;
+                popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+                transition: string;
+            } & {} & {
+                onHide: () => void;
+                onShow: () => void;
+                "onUpdate:modelValue": (isOpen: boolean) => void;
+                onAfterShow: () => void;
+                onAfterHide: () => void;
+            }>>;
+            default: () => {};
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        classList: import("vue").ComputedRef<string[]>;
+        itemAttrs: import("vue").ComputedRef<{
+            onClick(event: Event): void;
+        }>;
+        actualTooltipOption: import("vue").ComputedRef<Partial<{
+            modelValue: boolean;
+            disabled: boolean;
+            offset: string | number;
+            placement: import("@popperjs/core").Placement;
+            content: string;
+            appendTo: string | false | HTMLElement;
+            boundary: import("@popperjs/core").Boundary;
+            delay: import("..").DelayProp;
+            width: string | number;
+            trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+            visibleArrow: boolean;
+            popperClass: string;
+            popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+            transition: string;
+        } & {} & {
+            onHide: () => void;
+            onShow: () => void;
+            "onUpdate:modelValue": (isOpen: boolean) => void;
+            onAfterShow: () => void;
+            onAfterHide: () => void;
+        }>>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<import("./props").DropdownItemType>;
+            default: string;
+            validator: (val: string) => boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<import("./props").DropdownItemColor>;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        tooltipContent: {
+            type: StringConstructor;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipOption: {
+            type: import("vue").PropType<Partial<{
+                modelValue: boolean;
+                disabled: boolean;
+                offset: string | number;
+                placement: import("@popperjs/core").Placement;
+                content: string;
+                appendTo: string | false | HTMLElement;
+                boundary: import("@popperjs/core").Boundary;
+                delay: import("..").DelayProp;
+                width: string | number;
+                trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+                visibleArrow: boolean;
+                popperClass: string;
+                popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+                transition: string;
+            } & {} & {
+                onHide: () => void;
+                onShow: () => void;
+                "onUpdate:modelValue": (isOpen: boolean) => void;
+                onAfterShow: () => void;
+                onAfterHide: () => void;
+            }>>;
+            default: () => {};
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: import("./props").DropdownItemType;
+        disabled: boolean;
+        tooltipContent: string;
+        tooltipDisabled: boolean;
+        tooltipOption: Partial<{
+            modelValue: boolean;
+            disabled: boolean;
+            offset: string | number;
+            placement: import("@popperjs/core").Placement;
+            content: string;
+            appendTo: string | false | HTMLElement;
+            boundary: import("@popperjs/core").Boundary;
+            delay: import("..").DelayProp;
+            width: string | number;
+            trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+            visibleArrow: boolean;
+            popperClass: string;
+            popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+            transition: string;
+        } & {} & {
+            onHide: () => void;
+            onShow: () => void;
+            "onUpdate:modelValue": (isOpen: boolean) => void;
+            onAfterShow: () => void;
+            onAfterHide: () => void;
+        }>;
+        color: import("./props").DropdownItemColor;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<import("./props").DropdownItemType>;
+            default: string;
+            validator: (val: string) => boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<import("./props").DropdownItemColor>;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        tooltipContent: {
+            type: StringConstructor;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipOption: {
+            type: import("vue").PropType<Partial<{
+                modelValue: boolean;
+                disabled: boolean;
+                offset: string | number;
+                placement: import("@popperjs/core").Placement;
+                content: string;
+                appendTo: string | false | HTMLElement;
+                boundary: import("@popperjs/core").Boundary;
+                delay: import("..").DelayProp;
+                width: string | number;
+                trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+                visibleArrow: boolean;
+                popperClass: string;
+                popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+                transition: string;
+            } & {} & {
+                onHide: () => void;
+                onShow: () => void;
+                "onUpdate:modelValue": (isOpen: boolean) => void;
+                onAfterShow: () => void;
+                onAfterHide: () => void;
+            }>>;
+            default: () => {};
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        classList: import("vue").ComputedRef<string[]>;
+        itemAttrs: import("vue").ComputedRef<{
+            onClick(event: Event): void;
+        }>;
+        actualTooltipOption: import("vue").ComputedRef<Partial<{
+            modelValue: boolean;
+            disabled: boolean;
+            offset: string | number;
+            placement: import("@popperjs/core").Placement;
+            content: string;
+            appendTo: string | false | HTMLElement;
+            boundary: import("@popperjs/core").Boundary;
+            delay: import("..").DelayProp;
+            width: string | number;
+            trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+            visibleArrow: boolean;
+            popperClass: string;
+            popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+            transition: string;
+        } & {} & {
+            onHide: () => void;
+            onShow: () => void;
+            "onUpdate:modelValue": (isOpen: boolean) => void;
+            onAfterShow: () => void;
+            onAfterHide: () => void;
+        }>>;
+    }, {}, {}, {}, {
+        type: import("./props").DropdownItemType;
+        disabled: boolean;
+        tooltipContent: string;
+        tooltipDisabled: boolean;
+        tooltipOption: Partial<{
+            modelValue: boolean;
+            disabled: boolean;
+            offset: string | number;
+            placement: import("@popperjs/core").Placement;
+            content: string;
+            appendTo: string | false | HTMLElement;
+            boundary: import("@popperjs/core").Boundary;
+            delay: import("..").DelayProp;
+            width: string | number;
+            trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+            visibleArrow: boolean;
+            popperClass: string;
+            popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+            transition: string;
+        } & {} & {
+            onHide: () => void;
+            onShow: () => void;
+            "onUpdate:modelValue": (isOpen: boolean) => void;
+            onAfterShow: () => void;
+            onAfterHide: () => void;
+        }>;
+        color: import("./props").DropdownItemColor;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<import("./props").DropdownItemType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<import("./props").DropdownItemColor>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    tooltipContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOption: {
+        type: import("vue").PropType<Partial<{
+            modelValue: boolean;
+            disabled: boolean;
+            offset: string | number;
+            placement: import("@popperjs/core").Placement;
+            content: string;
+            appendTo: string | false | HTMLElement;
+            boundary: import("@popperjs/core").Boundary;
+            delay: import("..").DelayProp;
+            width: string | number;
+            trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+            visibleArrow: boolean;
+            popperClass: string;
+            popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+            transition: string;
+        } & {} & {
+            onHide: () => void;
+            onShow: () => void;
+            "onUpdate:modelValue": (isOpen: boolean) => void;
+            onAfterShow: () => void;
+            onAfterHide: () => void;
+        }>>;
+        default: () => {};
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    classList: import("vue").ComputedRef<string[]>;
+    itemAttrs: import("vue").ComputedRef<{
+        onClick(event: Event): void;
+    }>;
+    actualTooltipOption: import("vue").ComputedRef<Partial<{
+        modelValue: boolean;
+        disabled: boolean;
+        offset: string | number;
+        placement: import("@popperjs/core").Placement;
+        content: string;
+        appendTo: string | false | HTMLElement;
+        boundary: import("@popperjs/core").Boundary;
+        delay: import("..").DelayProp;
+        width: string | number;
+        trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+        visibleArrow: boolean;
+        popperClass: string;
+        popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+        transition: string;
+    } & {} & {
+        onHide: () => void;
+        onShow: () => void;
+        "onUpdate:modelValue": (isOpen: boolean) => void;
+        onAfterShow: () => void;
+        onAfterHide: () => void;
+    }>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
+    type: import("./props").DropdownItemType;
+    disabled: boolean;
+    tooltipContent: string;
+    tooltipDisabled: boolean;
+    tooltipOption: Partial<{
+        modelValue: boolean;
+        disabled: boolean;
+        offset: string | number;
+        placement: import("@popperjs/core").Placement;
+        content: string;
+        appendTo: string | false | HTMLElement;
+        boundary: import("@popperjs/core").Boundary;
+        delay: import("..").DelayProp;
+        width: string | number;
+        trigger: "manual" | import("..").PopperTrigger | import("..").PopperTrigger[];
+        visibleArrow: boolean;
+        popperClass: string;
+        popperOptions: Partial<import("@popperjs/core").OptionsGeneric<import("..").DaoModifiers>>;
+        transition: string;
+    } & {} & {
+        onHide: () => void;
+        onShow: () => void;
+        "onUpdate:modelValue": (isOpen: boolean) => void;
+        onAfterShow: () => void;
+        onAfterHide: () => void;
+    }>;
+    color: import("./props").DropdownItemColor;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $props: Partial<DropdownItemProps>;
     $slots: {
         default: SlotFn;