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

package/dist/components/dialog/dialog.d.ts

@@ -1,12 +1,462 @@
-import Dialog from './dialog.vue';
 import { DialogProps } from './props';
 import { EmptyFn, ParamsSlotFn, SlotFn } from '../../utils/types';
-declare const DaoDialog: typeof Dialog & (new () => {
+declare const DaoDialog: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dialogType: {
+            type: import("vue").PropType<import("./props").DaoDialogType>;
+            default: undefined;
+        };
+        header: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        footer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: string;
+        };
+        containerClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        closeOnClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        top: {
+            type: StringConstructor;
+            default: string;
+        };
+        bottom: {
+            type: StringConstructor;
+            default: string;
+        };
+        middle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        textConfirm: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        textCancel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        confirmDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onCancel?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+        "onBefore-open"?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onBefore-close"?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+    }, {
+        computedPaddingTop: import("vue").ComputedRef<string | 0>;
+        computedPaddingBottom: import("vue").ComputedRef<string | 0>;
+        computedContainerClass: import("vue").ComputedRef<string[]>;
+        headerTitle: import("vue").ComputedRef<string>;
+        showHeader: import("vue").ComputedRef<boolean>;
+        textContent: import("vue").ComputedRef<{
+            confirm: string;
+            cancel: string;
+        }>;
+        dialogRef: import("vue").Ref<HTMLElement | null>;
+        onBeforeEnter: () => void;
+        onAfterEnter: () => void;
+        onConfirm: () => void;
+        onCancel: () => void;
+        onWrapperMousedown: () => void;
+        onBeforeLeave: () => void;
+        onAfterLeave: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dialogType: {
+            type: import("vue").PropType<import("./props").DaoDialogType>;
+            default: undefined;
+        };
+        header: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        footer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: string;
+        };
+        containerClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        closeOnClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        top: {
+            type: StringConstructor;
+            default: string;
+        };
+        bottom: {
+            type: StringConstructor;
+            default: string;
+        };
+        middle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        textConfirm: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        textCancel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        confirmDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onCancel?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+        "onBefore-open"?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onBefore-close"?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: boolean;
+        footer: boolean;
+        header: string | boolean;
+        size: "sm" | "md" | "lg" | "xl";
+        showClose: boolean;
+        top: string;
+        bottom: string;
+        dialogType: import("./props").DaoDialogType;
+        containerClass: string;
+        closeOnClickOutside: boolean;
+        closeOnPressEscape: boolean;
+        lockScroll: boolean;
+        middle: boolean;
+        textConfirm: string;
+        textCancel: string;
+        confirmDisabled: boolean;
+        confirmLoading: boolean;
+        fullscreen: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dialogType: {
+            type: import("vue").PropType<import("./props").DaoDialogType>;
+            default: undefined;
+        };
+        header: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        footer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: string;
+        };
+        containerClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        closeOnClickOutside: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnPressEscape: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        top: {
+            type: StringConstructor;
+            default: string;
+        };
+        bottom: {
+            type: StringConstructor;
+            default: string;
+        };
+        middle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        textConfirm: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        textCancel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        confirmDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onCancel?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+        "onBefore-open"?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onBefore-close"?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+    }, {
+        computedPaddingTop: import("vue").ComputedRef<string | 0>;
+        computedPaddingBottom: import("vue").ComputedRef<string | 0>;
+        computedContainerClass: import("vue").ComputedRef<string[]>;
+        headerTitle: import("vue").ComputedRef<string>;
+        showHeader: import("vue").ComputedRef<boolean>;
+        textContent: import("vue").ComputedRef<{
+            confirm: string;
+            cancel: string;
+        }>;
+        dialogRef: import("vue").Ref<HTMLElement | null>;
+        onBeforeEnter: () => void;
+        onAfterEnter: () => void;
+        onConfirm: () => void;
+        onCancel: () => void;
+        onWrapperMousedown: () => void;
+        onBeforeLeave: () => void;
+        onAfterLeave: () => void;
+    }, {}, {}, {}, {
+        modelValue: boolean;
+        footer: boolean;
+        header: string | boolean;
+        size: "sm" | "md" | "lg" | "xl";
+        showClose: boolean;
+        top: string;
+        bottom: string;
+        dialogType: import("./props").DaoDialogType;
+        containerClass: string;
+        closeOnClickOutside: boolean;
+        closeOnPressEscape: boolean;
+        lockScroll: boolean;
+        middle: boolean;
+        textConfirm: string;
+        textCancel: string;
+        confirmDisabled: boolean;
+        confirmLoading: boolean;
+        fullscreen: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dialogType: {
+        type: import("vue").PropType<import("./props").DaoDialogType>;
+        default: undefined;
+    };
+    header: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    bottom: {
+        type: StringConstructor;
+        default: string;
+    };
+    middle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textConfirm: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    textCancel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    confirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onBefore-open"?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}, {
+    computedPaddingTop: import("vue").ComputedRef<string | 0>;
+    computedPaddingBottom: import("vue").ComputedRef<string | 0>;
+    computedContainerClass: import("vue").ComputedRef<string[]>;
+    headerTitle: import("vue").ComputedRef<string>;
+    showHeader: import("vue").ComputedRef<boolean>;
+    textContent: import("vue").ComputedRef<{
+        confirm: string;
+        cancel: string;
+    }>;
+    dialogRef: import("vue").Ref<HTMLElement | null>;
+    onBeforeEnter: () => void;
+    onAfterEnter: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    onWrapperMousedown: () => void;
+    onBeforeLeave: () => void;
+    onAfterLeave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed")[], "cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed", {
+    modelValue: boolean;
+    footer: boolean;
+    header: string | boolean;
+    size: "sm" | "md" | "lg" | "xl";
+    showClose: boolean;
+    top: string;
+    bottom: string;
+    dialogType: import("./props").DaoDialogType;
+    containerClass: string;
+    closeOnClickOutside: boolean;
+    closeOnPressEscape: boolean;
+    lockScroll: boolean;
+    middle: boolean;
+    textConfirm: string;
+    textCancel: string;
+    confirmDisabled: boolean;
+    confirmLoading: boolean;
+    fullscreen: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $props: Partial<DialogProps>;
     $slots: {
-        "before-title": SlotFn;
+        'before-title': SlotFn;
         title: SlotFn;
-        "after-title": SlotFn;
+        'after-title': SlotFn;
         header: ParamsSlotFn<{
             onCancel: EmptyFn;
         }>;

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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     dialogType: {
-        type: import("vue").PropType<import("../../index.js").AlertType>;
+        type: import("vue").PropType<import("./props").DaoDialogType>;
         default: undefined;
     };
     header: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("../../utils/constant").ComponentSize>;
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     containerClass: {
@@ -81,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         confirm: string;
         cancel: string;
     }>;
+    dialogRef: import("vue").Ref<HTMLElement | null>;
     onBeforeEnter: () => void;
     onAfterEnter: () => void;
     onConfirm: () => void;
@@ -88,13 +89,13 @@ declare const _default: import("vue").DefineComponent<{
     onWrapperMousedown: () => void;
     onBeforeLeave: () => void;
     onAfterLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed")[], "cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed")[], "cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
     dialogType: {
-        type: import("vue").PropType<import("../../index.js").AlertType>;
+        type: import("vue").PropType<import("./props").DaoDialogType>;
         default: undefined;
     };
     header: {
@@ -106,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("../../utils/constant").ComponentSize>;
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     containerClass: {
@@ -178,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
     showClose: boolean;
     top: string;
     bottom: string;
-    dialogType: import("../../index.js").AlertType;
+    dialogType: import("./props").DaoDialogType;
     containerClass: string;
     closeOnClickOutside: boolean;
     closeOnPressEscape: boolean;

package/dist/components/dialog/props.d.ts

@@ -1,11 +1,11 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ComponentSize } from '../../utils/constant';
 import { type AlertType } from '../../utils/types';
 export declare const DIALOG_NUM_ATTR = "dao-dialog__num";
 export declare const DIALOG_MINIMUM_PADDING = "20px";
 export declare const DIALOG_DEFAULT_PADDING_TOP = "100px";
 export declare const DIALOG_DEFAULT_PADDING_BOTTOM = "20px";
 export declare const KEYBOARD_EVENT_NAME = "keydown";
+export type DaoDialogType = AlertType | 'failed';
 export declare const dialogFooterProps: {
     textConfirm: {
         type: StringConstructor;
@@ -26,7 +26,7 @@ export declare const dialogFooterProps: {
 };
 export declare const dialogHeaderProps: {
     dialogType: {
-        type: PropType<AlertType>;
+        type: PropType<DaoDialogType>;
         default: undefined;
     };
     showClose: {
@@ -44,7 +44,7 @@ export declare const dialogProps: {
         default: boolean;
     };
     dialogType: {
-        type: PropType<AlertType>;
+        type: PropType<DaoDialogType>;
         default: undefined;
     };
     header: {
@@ -56,7 +56,7 @@ export declare const dialogProps: {
         default: boolean;
     };
     size: {
-        type: PropType<ComponentSize>;
+        type: PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     containerClass: {