@dao-style/core 1.3.1-beta.7 → 1.4.0

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

@@ -0,0 +1,451 @@
+import { nextTick } from 'vue';
+import { AutocompleteObjectOption } from './props';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<import("../input").ModalValueType>;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<import("./props").AutocompleteOption>;
+        default: () => string[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popperClass: {
+        type: StringConstructor;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: import("vue").PropType<import("../input").InputStatus>;
+        default: string;
+        validator: (value: import("../input").InputStatus) => boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("../input").InputSize>;
+        default: string;
+        validator: (value: import("../input").InputSize) => boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    append: {
+        type: StringConstructor;
+        default: string;
+    };
+    prepend: {
+        type: StringConstructor;
+        default: string;
+    };
+    rootAttrs: {
+        type: ObjectConstructor;
+    };
+}, {
+    ns: string;
+    t: import("vue-i18n").ComposerTranslation<{
+        [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+    }, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+    }>, never, string, string>;
+    dropdownRef: import("vue").Ref<any>;
+    dropdownVisible: import("vue").Ref<boolean>;
+    suggestionVisible: import("vue").ComputedRef<boolean>;
+    suggestionOptionList: import("vue").Ref<{
+        [x: string]: unknown;
+        value?: string | number | undefined;
+        disabled?: boolean | undefined;
+    }[]>;
+    valueModel: import("vue").Ref<import("../input").ModalValueType> | import("vue").WritableComputedRef<import("../input").ModalValueType>;
+    computedInputProps: import("vue").ComputedRef<{
+        [x: string]: string | number | boolean | string[] | Record<string, any> | AutocompleteObjectOption[] | import("./props").AutocompleteSearchFn | ((event: FocusEvent) => any) | ((event: FocusEvent) => any) | ((val: import("../input").ModalValueType) => any) | ((val: import("../input").ModalValueType) => any) | undefined;
+    }>;
+    computedLoading: import("vue").ComputedRef<boolean>;
+    functionLoading: import("vue").Ref<boolean>;
+    handleInput: (str: string) => void;
+    handleFocus: (e: FocusEvent) => void;
+    handleBlur: (e: FocusEvent) => void;
+    handleSearch: (value?: AutocompleteObjectOption['value']) => void;
+    handleOptionItemClick: (item: AutocompleteObjectOption) => void;
+    inputRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: import("../input").InputType;
+            modelValue: import("../input").ModalValueType;
+            disabled: boolean;
+            size: import("../input").InputSize;
+            block: boolean;
+            status: import("../input").InputStatus;
+            borderless: boolean;
+            append: string;
+            prepend: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<import("../input").ModalValueType>;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<import("../input").InputType>;
+                default: string;
+                validator: (value: import("../input").InputType) => boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<import("../input").InputSize>;
+                default: string;
+                validator: (value: import("../input").InputSize) => boolean;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: import("vue").PropType<import("../input").InputStatus>;
+                default: string;
+                validator: (value: import("../input").InputStatus) => boolean;
+            };
+            borderless: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            append: {
+                type: StringConstructor;
+                default: string;
+            };
+            prepend: {
+                type: StringConstructor;
+                default: string;
+            };
+            rootAttrs: {
+                type: ObjectConstructor;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onChange?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onAfter-reset"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "disabled" | "size" | "block" | "status" | "borderless" | "append" | "prepend">;
+        $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: "input" | "focus" | "update:modelValue" | "blur" | "change" | "after-reset", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<import("../input").ModalValueType>;
+                default: string;
+            };
+            type: {
+                type: import("vue").PropType<import("../input").InputType>;
+                default: string;
+                validator: (value: import("../input").InputType) => boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<import("../input").InputSize>;
+                default: string;
+                validator: (value: import("../input").InputSize) => boolean;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: import("vue").PropType<import("../input").InputStatus>;
+                default: string;
+                validator: (value: import("../input").InputStatus) => boolean;
+            };
+            borderless: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            append: {
+                type: StringConstructor;
+                default: string;
+            };
+            prepend: {
+                type: StringConstructor;
+                default: string;
+            };
+            rootAttrs: {
+                type: ObjectConstructor;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onChange?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onAfter-reset"?: ((...args: any[]) => any) | undefined;
+        }, {
+            currentValue: import("vue").Ref<import("../input").ModalValueType>;
+            isFocus: import("vue").Ref<boolean>;
+            input: import("vue").Ref<HTMLInputElement | null>;
+            clearable: import("vue").ComputedRef<boolean | "" | 0 | undefined>;
+            wrapClasses: import("vue").ComputedRef<(string | {
+                [x: string]: boolean | "" | 0 | undefined;
+            })[]>;
+            inputClasses: import("vue").ComputedRef<(string | {
+                [x: string]: boolean | import("vue").Slot | undefined;
+            })[]>;
+            inputAttrs: import("vue").ComputedRef<{
+                onInput(event: Event): void;
+                onChange(event: Event): void;
+                onBlur(event: FocusEvent): void;
+                onFocus(event: FocusEvent): void;
+            }>;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            resetCurrentVal: () => void;
+            statusClasses: import("vue").ComputedRef<string>;
+            changeNumberValue: (changeType: "increase" | "decrease") => void;
+            isIncreaseDisabled: import("vue").Ref<boolean>;
+            isDecreaseDisabled: import("vue").Ref<boolean>;
+            isChangingNumber: import("vue").Ref<boolean>;
+            inputType: import("vue").ComputedRef<import("../input").InputType>;
+            passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
+            toggleShowPassword: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "update:modelValue" | "blur" | "change" | "after-reset")[], string, {
+            type: import("../input").InputType;
+            modelValue: import("../input").ModalValueType;
+            disabled: boolean;
+            size: import("../input").InputSize;
+            block: boolean;
+            status: import("../input").InputStatus;
+            borderless: boolean;
+            append: string;
+            prepend: 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 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<import("../input").ModalValueType>;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<import("../input").InputType>;
+            default: string;
+            validator: (value: import("../input").InputType) => boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<import("../input").InputSize>;
+            default: string;
+            validator: (value: import("../input").InputSize) => boolean;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: import("vue").PropType<import("../input").InputStatus>;
+            default: string;
+            validator: (value: import("../input").InputStatus) => boolean;
+        };
+        borderless: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        append: {
+            type: StringConstructor;
+            default: string;
+        };
+        prepend: {
+            type: StringConstructor;
+            default: string;
+        };
+        rootAttrs: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onAfter-reset"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        currentValue: import("vue").Ref<import("../input").ModalValueType>;
+        isFocus: import("vue").Ref<boolean>;
+        input: import("vue").Ref<HTMLInputElement | null>;
+        clearable: import("vue").ComputedRef<boolean | "" | 0 | undefined>;
+        wrapClasses: import("vue").ComputedRef<(string | {
+            [x: string]: boolean | "" | 0 | undefined;
+        })[]>;
+        inputClasses: import("vue").ComputedRef<(string | {
+            [x: string]: boolean | import("vue").Slot | undefined;
+        })[]>;
+        inputAttrs: import("vue").ComputedRef<{
+            onInput(event: Event): void;
+            onChange(event: Event): void;
+            onBlur(event: FocusEvent): void;
+            onFocus(event: FocusEvent): void;
+        }>;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        resetCurrentVal: () => void;
+        statusClasses: import("vue").ComputedRef<string>;
+        changeNumberValue: (changeType: "increase" | "decrease") => void;
+        isIncreaseDisabled: import("vue").Ref<boolean>;
+        isDecreaseDisabled: import("vue").Ref<boolean>;
+        isChangingNumber: import("vue").Ref<boolean>;
+        inputType: import("vue").ComputedRef<import("../input").InputType>;
+        passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
+        toggleShowPassword: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $props: Partial<import("../input").InputProps>;
+        $slots: {
+            prefix: import("../..").SlotFn;
+            suffix: import("../..").SlotFn;
+            prepend: import("../..").SlotFn;
+            append: import("../..").SlotFn;
+        };
+    }) | undefined>;
+    inputWidth: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (val: import("../input").ModalValueType) => void;
+    blur: (event: FocusEvent) => void;
+    focus: (event: FocusEvent) => void;
+    change: (val: import("../input").ModalValueType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("../input").ModalValueType>;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<import("./props").AutocompleteOption>;
+        default: () => string[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popperClass: {
+        type: StringConstructor;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: import("vue").PropType<import("../input").InputStatus>;
+        default: string;
+        validator: (value: import("../input").InputStatus) => boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("../input").InputSize>;
+        default: string;
+        validator: (value: import("../input").InputSize) => boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    append: {
+        type: StringConstructor;
+        default: string;
+    };
+    prepend: {
+        type: StringConstructor;
+        default: string;
+    };
+    rootAttrs: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((val: import("../input").ModalValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: import("../input").ModalValueType) => any) | undefined;
+}, {
+    modelValue: import("../input").ModalValueType;
+    disabled: boolean;
+    size: import("../input").InputSize;
+    block: boolean;
+    options: import("./props").AutocompleteOption;
+    loading: boolean;
+    status: import("../input").InputStatus;
+    append: string;
+    prepend: string;
+    placeholder: string;
+    debounce: number;
+    valueKey: string;
+    triggerOnFocus: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as DaoAutocomplete } from './autocomplete';
+export * from './props';

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

@@ -0,0 +1,79 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import type Autocomplete from './autocomplete.vue';
+export type AutocompleteObjectOption = Record<string, unknown> & {
+    value?: string | number;
+    disabled?: boolean;
+};
+export type AutocompleteOptionProps = AutocompleteObjectOption[] | string[];
+export type AutocompleteSearchFn = (queryString: string) => Promise<AutocompleteOptionProps> | AutocompleteOptionProps;
+export type AutocompleteOption = AutocompleteOptionProps | AutocompleteSearchFn;
+export declare const autocompleteProps: {
+    modelValue: {
+        type: PropType<import("../input/props").ModalValueType>;
+        default: string;
+    };
+    options: {
+        type: PropType<AutocompleteOption>;
+        default: () => string[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popperClass: {
+        type: StringConstructor;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<import("../input/props").InputStatus>;
+        default: string;
+        validator: (value: import("../input/props").InputStatus) => boolean;
+    };
+    size: {
+        type: PropType<import("../input/props").InputSize>;
+        default: string;
+        validator: (value: import("../input/props").InputSize) => boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    append: {
+        type: StringConstructor;
+        default: string;
+    };
+    prepend: {
+        type: StringConstructor;
+        default: string;
+    };
+    rootAttrs: {
+        type: ObjectConstructor;
+    };
+};
+export declare const autocompleteEmits: {
+    'update:modelValue': (val: import("../input/props").ModalValueType) => void;
+    blur: (event: FocusEvent) => void;
+    focus: (event: FocusEvent) => void;
+    change: (val: import("../input/props").ModalValueType) => void;
+};
+export type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;
+export type AutocompleteInstance = InstanceType<typeof Autocomplete>;

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

@@ -53,8 +53,8 @@ declare const DaoDrawer: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onConfirm?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
+            onConfirm?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "title" | "size" | "hideHeader" | "hideFooter" | "hideMask" | "hideCloseIcon" | "cancelText" | "confirmText">;
         $attrs: {
             [x: string]: unknown;
@@ -108,8 +108,8 @@ declare const DaoDrawer: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onConfirm?: ((...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>;
@@ -195,8 +195,8 @@ declare const DaoDrawer: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         visible: import("vue").Ref<boolean>;
         drawerRef: import("vue").Ref<HTMLElement | null>;
@@ -256,8 +256,8 @@ declare const DaoDrawer: {
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...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>;

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

@@ -90,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
     title: string;

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './action-icon';
+export * from './autocomplete';
 export * from './batch-bar';
 export * from './button';
 export * from './card';

package/dist/components/input/input.d.ts

@@ -362,8 +362,9 @@ declare const DaoInput: {
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $props: Partial<InputProps>;
     $slots: {
-        prepend: SlotFn;
         prefix: SlotFn;
+        suffix: SlotFn;
+        prepend: SlotFn;
         append: SlotFn;
     };
 });