@dao-style/core 1.18.0 → 2.0.0-alpha.1

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

@@ -1,489 +1,12 @@
+import Dialog from './dialog.vue';
 import { DialogProps } from './props';
 import { EmptyFn, ParamsSlotFn, SlotFn } from '../../utils/types';
-declare const DaoDialog: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            modelValue: boolean;
-            footer: boolean;
-            header: string | boolean;
-            showClose: boolean;
-            top: string;
-            bottom: string;
-            size: "sm" | "md" | "lg" | "xl";
-            middle: boolean;
-            dialogType: import("../../utils/types").AlertType;
-            containerClass: string;
-            closeOnClickOutside: boolean;
-            closeOnPressEscape: boolean;
-            lockScroll: boolean;
-            textConfirm: string;
-            textCancel: string;
-            confirmDisabled: boolean;
-            confirmLoading: boolean;
-            fullscreen: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dialogType: {
-                type: import("vue").PropType<import("../../utils/types").AlertType>;
-                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;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "footer" | "header" | "showClose" | "top" | "bottom" | "size" | "middle" | "dialogType" | "containerClass" | "closeOnClickOutside" | "closeOnPressEscape" | "lockScroll" | "textConfirm" | "textCancel" | "confirmDisabled" | "confirmLoading" | "fullscreen">;
-        $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, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "cancel" | "change" | "update:modelValue" | "confirm" | "before-open" | "opened" | "before-close" | "closed", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dialogType: {
-                type: import("vue").PropType<import("../../utils/types").AlertType>;
-                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;
-            }>;
-            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")[], string, {
-            modelValue: boolean;
-            footer: boolean;
-            header: string | boolean;
-            showClose: boolean;
-            top: string;
-            bottom: string;
-            size: "sm" | "md" | "lg" | "xl";
-            middle: boolean;
-            dialogType: import("../../utils/types").AlertType;
-            containerClass: string;
-            closeOnClickOutside: boolean;
-            closeOnPressEscape: boolean;
-            lockScroll: boolean;
-            textConfirm: string;
-            textCancel: string;
-            confirmDisabled: boolean;
-            confirmLoading: boolean;
-            fullscreen: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dialogType: {
-            type: import("vue").PropType<import("../../utils/types").AlertType>;
-            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;
-    } & import("vue").ShallowUnwrapRef<{
-        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;
-        }>;
-        onBeforeEnter: () => void;
-        onAfterEnter: () => void;
-        onConfirm: () => void;
-        onCancel: () => void;
-        onWrapperMousedown: () => void;
-        onBeforeLeave: () => void;
-        onAfterLeave: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dialogType: {
-        type: import("vue").PropType<import("../../utils/types").AlertType>;
-        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;
-    }>;
-    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;
-    showClose: boolean;
-    top: string;
-    bottom: string;
-    size: "sm" | "md" | "lg" | "xl";
-    middle: boolean;
-    dialogType: import("../../utils/types").AlertType;
-    containerClass: string;
-    closeOnClickOutside: boolean;
-    closeOnPressEscape: boolean;
-    lockScroll: boolean;
-    textConfirm: string;
-    textCancel: string;
-    confirmDisabled: boolean;
-    confirmLoading: boolean;
-    fullscreen: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+declare const DaoDialog: typeof Dialog & (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("../..").AlertType>;
+        type: import("vue").PropType<import("../../index.js").AlertType>;
         default: undefined;
     };
     header: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        type: import("vue").PropType<import("../../utils/constant").ComponentSize>;
         default: string;
     };
     containerClass: {
@@ -88,13 +88,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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
     dialogType: {
-        type: import("vue").PropType<import("../..").AlertType>;
+        type: import("vue").PropType<import("../../index.js").AlertType>;
         default: undefined;
     };
     header: {
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        type: import("vue").PropType<import("../../utils/constant").ComponentSize>;
         default: string;
     };
     containerClass: {
@@ -174,20 +174,20 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: boolean;
     footer: boolean;
     header: string | boolean;
+    size: "sm" | "md" | "lg" | "xl";
     showClose: boolean;
     top: string;
     bottom: string;
-    size: "sm" | "md" | "lg" | "xl";
-    middle: boolean;
-    dialogType: import("../..").AlertType;
+    dialogType: import("../../index.js").AlertType;
     containerClass: string;
     closeOnClickOutside: boolean;
     closeOnPressEscape: boolean;
     lockScroll: boolean;
+    middle: boolean;
     textConfirm: string;
     textCancel: string;
     confirmDisabled: boolean;
     confirmLoading: boolean;
     fullscreen: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,5 @@
 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";
@@ -55,7 +56,7 @@ export declare const dialogProps: {
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "md" | "lg" | "xl">;
+        type: PropType<ComponentSize>;
         default: string;
     };
     containerClass: {