@dao-style/core 0.7.0 → 1.0.0-beta.2

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

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -13,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"md" | "sm" | "lg" | "xl">;
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     containerClass: {
@@ -81,44 +80,74 @@ declare const _default: import("vue").DefineComponent<{
     onWrapperMousedown: () => void;
     onBeforeLeave: () => void;
     onAfterLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "confirm" | "cancel" | "before-open" | "opened" | "before-close" | "closed")[], "update:modelValue" | "change" | "confirm" | "cancel" | "before-open" | "opened" | "before-close" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    header?: unknown;
-    footer?: unknown;
-    size?: unknown;
-    containerClass?: unknown;
-    closeOnClickOutside?: unknown;
-    closeOnPressEscape?: unknown;
-    lockScroll?: unknown;
-    top?: unknown;
-    bottom?: unknown;
-    middle?: unknown;
-    textConfirm?: unknown;
-    textCancel?: unknown;
-    confirmDisabled?: unknown;
-    confirmLoading?: unknown;
-    showClose?: unknown;
-} & {
-    size: "md" | "sm" | "lg" | "xl";
-    modelValue: boolean;
-    top: string;
-    bottom: string;
-    showClose: boolean;
-    confirmDisabled: boolean;
-    confirmLoading: boolean;
-    header: string | boolean;
-    footer: boolean;
-    containerClass: string;
-    closeOnClickOutside: boolean;
-    closeOnPressEscape: boolean;
-    lockScroll: boolean;
-    middle: boolean;
-} & {
-    textConfirm?: string | undefined;
-    textCancel?: string | undefined;
-}> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "confirm" | "cancel" | "before-open" | "opened" | "before-close" | "closed")[], "update:modelValue" | "change" | "confirm" | "cancel" | "before-open" | "opened" | "before-close" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     "onBefore-open"?: ((...args: any[]) => any) | undefined;
@@ -126,21 +155,21 @@ declare const _default: import("vue").DefineComponent<{
     "onBefore-close"?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "md" | "sm" | "lg" | "xl";
+    size: "sm" | "md" | "lg" | "xl";
+    footer: boolean;
+    header: string | boolean;
     modelValue: boolean;
     top: string;
     bottom: string;
-    showClose: boolean;
-    textConfirm: string;
-    textCancel: string;
-    confirmDisabled: boolean;
-    confirmLoading: boolean;
-    header: string | boolean;
-    footer: boolean;
     containerClass: string;
     closeOnClickOutside: boolean;
     closeOnPressEscape: boolean;
     lockScroll: boolean;
     middle: boolean;
+    textConfirm: string;
+    textCancel: string;
+    confirmDisabled: boolean;
+    confirmLoading: boolean;
+    showClose: boolean;
 }>;
 export default _default;

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

@@ -1,3 +1,7 @@
-export { default as Dialog } from './dialog.vue';
-export { default as DialogFooter } from './dialog-footer.vue';
-export { default as DialogHeader } from './dialog-header.vue';
+export { default as Dialog } from './dialog';
+export { default as DaoDialog } from './dialog';
+export { default as DialogFooter } from './dialog-footer';
+export { default as DaoDialogFooter } from './dialog-footer';
+export { default as DialogHeader } from './dialog-header';
+export { default as DaoDialogHeader } from './dialog-header';
+export * from './props';

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

@@ -0,0 +1,123 @@
+import { PropType, ExtractPropTypes } from 'vue';
+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 declare const dialogFooterProps: {
+    textConfirm: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    textCancel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    confirmDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const dialogHeaderProps: {
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const dialogProps: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    header: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: 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;
+    };
+};
+export type DialogProps = ExtractPropTypes<typeof dialogProps>;
+export type DialogFooterProps = ExtractPropTypes<typeof dialogFooterProps>;
+export type DialogHeaderProps = ExtractPropTypes<typeof dialogHeaderProps>;
+export declare const dialogFooterEmits: {
+    confirm: () => void;
+    cancel: () => void;
+};
+export declare const dialogHeaderEmits: {
+    close: () => void;
+};
+export declare const dialogEmits: {
+    change: (val: boolean) => void;
+    'before-open': () => void;
+    'update:modelValue': (val: boolean) => void;
+    opened: () => void;
+    'before-close': () => void;
+    closed: () => void;
+    confirm: () => void;
+    cancel: () => void;
+};
+export type DialogFooterEmits = typeof dialogFooterEmits;
+export type DialogHeaderEmits = typeof dialogHeaderEmits;
+export type DialogEmits = typeof dialogEmits;

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

@@ -0,0 +1,295 @@
+import { DrawerProps } from './props';
+import { SlotFn } from '../../utils/types';
+declare const DaoDrawer: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: import("./props").DrawerSizeType;
+            title: string;
+            modelValue: boolean;
+            hideHeader: boolean;
+            hideFooter: boolean;
+            hideMask: boolean;
+            hideCloseIcon: boolean;
+            cancelText: string;
+            confirmText: string;
+        }> & Omit<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;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onConfirm?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "title" | "modelValue" | "hideHeader" | "hideFooter" | "hideMask" | "hideCloseIcon" | "cancelText" | "confirmText">;
+        $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: "close" | "update:modelValue" | "confirm", ...args: any[]) => void;
+        $el: any;
+        $options: 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;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onConfirm?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...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;
+            })[]>;
+            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")[], string, {
+            size: import("./props").DrawerSizeType;
+            title: string;
+            modelValue: boolean;
+            hideHeader: boolean;
+            hideFooter: boolean;
+            hideMask: boolean;
+            hideCloseIcon: boolean;
+            cancelText: string;
+            confirmText: string;
+        }, {}, 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: 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;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        visible: import("vue").Ref<boolean>;
+        drawerRef: import("vue").Ref<HTMLElement | null>;
+        wrapClassList: import("vue").ComputedRef<(string | {
+            'dao-drawer__wrap--hide': 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;
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __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;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...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;
+    })[]>;
+    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", {
+    size: import("./props").DrawerSizeType;
+    title: string;
+    modelValue: boolean;
+    hideHeader: boolean;
+    hideFooter: boolean;
+    hideMask: boolean;
+    hideCloseIcon: boolean;
+    cancelText: string;
+    confirmText: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $props: Partial<DrawerProps>;
+    $slots: {
+        header: SlotFn;
+        default: SlotFn;
+        footer: SlotFn;
+    };
+});
+export default DaoDrawer;

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

@@ -51,31 +51,47 @@ declare const _default: import("vue").DefineComponent<{
     handleWrapClick: (event: Event) => void;
     onBeforeEnter: () => void;
     onAfterLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "confirm")[], "update:modelValue" | "close" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    hideHeader?: unknown;
-    hideFooter?: unknown;
-    hideMask?: unknown;
-    hideCloseIcon?: unknown;
-    title?: unknown;
-    size?: unknown;
-    cancelText?: unknown;
-    confirmText?: unknown;
-} & {
-    size: import("./props").DrawerSizeType;
-    title: string;
-    modelValue: boolean;
-    hideHeader: boolean;
-    hideFooter: boolean;
-    hideMask: boolean;
-    hideCloseIcon: boolean;
-} & {
-    cancelText?: string | undefined;
-    confirmText?: string | undefined;
-}> & {
+}, 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;
+    };
+    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;
+    };
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     size: import("./props").DrawerSizeType;
     title: string;

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

@@ -1,2 +1,3 @@
-export { default as Drawer } from './drawer.vue';
-export type { DrawerProps, DrawerSizeType } from './props';
+export { default as Drawer } from './drawer';
+export { default as DaoDrawer } from './drawer';
+export * from './props';