various-ui/es/components/date-picker/src/composable.d.ts

This is a test version of the Vue 3 component library

import { SetupContext } from "vue";
import { animations } from "@various/utils";
import { UiDatePickerProps, UiDatePickerEmits } from "./component";
import type { ModuleUpdateData } from "./types";
import PickerDate from "../components/date/index.vue";
import PickerMonth from "../components/month/index.vue";
type ComponentNodeType = InstanceType<typeof PickerDate> | InstanceType<typeof PickerMonth>;
export declare const useComposable: (define: UiDatePickerProps, emits: SetupContext<typeof UiDatePickerEmits>["emit"]) => {
    ons: {
        candidates: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
    };
    vars: {
        observer: ResizeObserver | undefined;
    };
    refs: {
        date: import("vue").Ref<Date | undefined, Date | undefined>;
        mode: import("vue").Ref<string, string>;
        visible: import("vue").Ref<boolean, boolean>;
    };
    nodes: {
        components: import("vue").Ref<ComponentNodeType | undefined, ComponentNodeType | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        body: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    };
    binds: {
        main: {
            value: string | undefined;
            placeholder: string | undefined;
        };
        body: {
            class: string;
            style: {
                zIndex: number;
            };
        };
        container: {
            class: string;
            style: {
                width: string;
            };
        };
    };
    methods: {
        show: () => void;
        clear: () => void;
        hidden: (ev?: Event) => void;
        update: (mode: string, data: ModuleUpdateData) => void;
        change: (data: ModuleUpdateData) => void;
    };
    analyzes: {
        analyzeDate: import("vue").ComputedRef<Date>;
        analyzeComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {
            emits: ((event: "change", _date: ModuleUpdateData) => void) & ((event: "update", _mode: string, _date: ModuleUpdateData) => void);
            refs: {
                day: import("vue").Ref<number, number>;
                days: import("vue").Ref<{
                    day: number;
                    year: number;
                    month: number;
                }[], import("../components/date/src/types").ModuleDay[] | {
                    day: number;
                    year: number;
                    month: number;
                }[]>;
                year: import("vue").Ref<number, number>;
                month: import("vue").Ref<number, number>;
                realityDate: import("vue").Ref<Date | undefined, Date | undefined>;
            };
            methods: {
                changeComponent: (mode: string) => void;
                changeDate: (date: ModuleUpdateData) => void;
                changeDay: (date: import("../components/date/src/types").ModuleDay) => void;
            };
            disposes: {
                init: (data: import("./types").ModuleInitData, disabled?: ((date: Date) => boolean) | undefined) => void;
                receiveStartDate: (date: Date) => Date;
                receiveDayClassName: (year: number, month: number, day: number) => {
                    "ui-disabled-status": boolean | undefined;
                    "ui-readonly-status": boolean;
                    "ui-active": boolean;
                };
            };
            days: import("vue").Ref<{
                day: number;
                year: number;
                month: number;
            }[], import("../components/date/src/types").ModuleDay[] | {
                day: number;
                year: number;
                month: number;
            }[]>;
            year: import("vue").Ref<number, number>;
            month: import("vue").Ref<number, number>;
            changeComponent: (mode: string) => void;
            changeDate: (date: ModuleUpdateData) => void;
            changeDay: (date: import("../components/date/src/types").ModuleDay) => void;
            init: (data: import("./types").ModuleInitData, disabled?: ((date: Date) => boolean) | undefined) => void;
            receiveDayClassName: (year: number, month: number, day: number) => {
                "ui-disabled-status": boolean | undefined;
                "ui-readonly-status": boolean;
                "ui-active": boolean;
            };
            readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                readonly name: StringConstructor;
            }>, {
                define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                    readonly name: StringConstructor;
                }>> & Readonly<{
                    onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
                }> & {}>;
                emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
                click: (ev: Event | MouseEvent) => void;
                name: import("vue").ComputedRef<string>;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                click: (_ev?: Event | MouseEvent | undefined) => boolean;
            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                readonly name: StringConstructor;
            }>> & Readonly<{
                onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
            change: (_date: ModuleUpdateData) => boolean;
            update: (_mode: string, _date: ModuleUpdateData) => boolean;
        }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
            onChange?: ((_date: ModuleUpdateData) => any) | undefined;
            onUpdate?: ((_mode: string, _date: ModuleUpdateData) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<{}, {
            emits: ((event: "change", _date: ModuleUpdateData) => void) & ((event: "update", _mode: string, _date: ModuleUpdateData) => void);
            refs: {
                year: import("vue").Ref<number, number>;
                months: import("vue").ShallowRef<number[], number[]>;
                realityDate: import("vue").Ref<Date | undefined, Date | undefined>;
            };
            methods: {
                changeDate: (date: ModuleUpdateData) => void;
                changeMonth: (month: number) => void;
            };
            disposes: {
                init: (data: import("./types").ModuleInitData, disabled?: ((date: Date) => boolean) | undefined) => void;
                receiveDayClassName: (month: number) => {
                    "ui-active": boolean;
                    "ui-disabled-status": boolean | undefined;
                };
            };
            months: import("vue").ShallowRef<number[], number[]>;
            year: import("vue").Ref<number, number>;
            changeDate: (date: ModuleUpdateData) => void;
            changeMonth: (month: number) => void;
            init: (data: import("./types").ModuleInitData, disabled?: ((date: Date) => boolean) | undefined) => void;
            receiveDayClassName: (month: number) => {
                "ui-active": boolean;
                "ui-disabled-status": boolean | undefined;
            };
            readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                readonly name: StringConstructor;
            }>, {
                define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                    readonly name: StringConstructor;
                }>> & Readonly<{
                    onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
                }> & {}>;
                emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
                click: (ev: Event | MouseEvent) => void;
                name: import("vue").ComputedRef<string>;
            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                click: (_ev?: Event | MouseEvent | undefined) => boolean;
            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                readonly name: StringConstructor;
            }>> & Readonly<{
                onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
            change: (_date: ModuleUpdateData) => boolean;
            update: (_mode: string, _date: ModuleUpdateData) => boolean;
        }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
            onChange?: ((_date: ModuleUpdateData) => any) | undefined;
            onUpdate?: ((_mode: string, _date: ModuleUpdateData) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
    };
    animations: typeof animations;
};
export {};