@maple-design/ui-vue 0.0.0-stage → 1.1.1

package/types-generated/picker/index.d.ts

@@ -0,0 +1,2099 @@
+import type { PopupContainer } from '../utils/popup-container';
+import VarPicker from './base';
+import { props as pickerProps, type PickerColumnOption } from './props';
+export interface PickerOptions {
+    modelValue?: (string | number)[];
+    defaultValue?: (string | number)[];
+    disabled?: boolean;
+    selectedValues?: (string | number)[];
+    columns?: PickerColumnOption[] | PickerColumnOption[][];
+    title?: string;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        children?: string;
+    };
+    toolbar?: boolean;
+    cascade?: boolean;
+    optionHeight?: number | string;
+    optionCount?: number | string;
+    columnsCount?: number | string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    confirmButtonTextColor?: string;
+    cancelButtonTextColor?: string;
+    safeArea?: boolean;
+    overlayClosable?: boolean;
+    escToClose?: boolean;
+    popupContainer?: PopupContainer;
+    onClickOverlay?: (event: MouseEvent) => void;
+    onOpen?: () => void;
+    onOpened?: () => void;
+    onClose?: () => void;
+    onClosed?: () => void;
+    onChange?: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => void;
+    onConfirm?: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => void;
+    onCancel?: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => void;
+    onKeyEscape?: (event: KeyboardEvent) => void;
+}
+export type PickerResolvedState = 'confirm' | 'cancel' | 'close';
+export interface PickerResolvedData {
+    state: PickerResolvedState;
+    values?: (string | number)[];
+    indexes?: number[];
+    options?: PickerColumnOption[];
+}
+declare function Picker(options: PickerOptions | PickerColumnOption[] | PickerColumnOption[][]): Promise<PickerResolvedData>;
+declare namespace Picker {
+    var close: () => void;
+    var Component: import("../utils/components").ComponentWithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            safeArea: BooleanConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: undefined;
+            };
+            defaultValue: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            columns: {
+                type: import("vue").PropType<PickerColumnOption[] | PickerColumnOption[][]>;
+                default: () => never[];
+            };
+            title: StringConstructor;
+            fieldNames: {
+                type: import("vue").PropType<import("../utils/options").FieldNames>;
+                default: undefined;
+            };
+            toolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+            selectedValues: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            cascade: BooleanConstructor;
+            optionHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            optionCount: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            columnsCount: (NumberConstructor | StringConstructor)[];
+            confirmButtonText: StringConstructor;
+            cancelButtonText: StringConstructor;
+            confirmButtonTextColor: StringConstructor;
+            cancelButtonTextColor: StringConstructor;
+            dynamic: BooleanConstructor;
+        }>> & Readonly<{
+            onCancel?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            onChange?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+            "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((open: boolean) => any) | undefined;
+            onConfirm?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+        }>, {
+            describeError: (value: unknown) => string | undefined;
+            mergedError: import("vue").ComputedRef<boolean>;
+            mergedOpen: import("vue").ComputedRef<boolean>;
+            controlId: string;
+            handleColumnKeydown: (event: KeyboardEvent, column: import("./Picker.vue").ScrollColumn) => void;
+            optionHeight: import("vue").ComputedRef<number>;
+            optionCount: import("vue").ComputedRef<number>;
+            scrollColumns: import("vue").Ref<{
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[], import("./Picker.vue").ScrollColumn[] | {
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[]>;
+            columnHeight: import("vue").ComputedRef<number>;
+            center: import("vue").ComputedRef<number>;
+            confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+            Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
+            toRaw: typeof import("vue").toRaw;
+            pt: ((id: string) => string | undefined) | null;
+            t: typeof import("../locale/temporal-text").temporalText;
+            n: (suffix?: string | undefined) => string;
+            classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+            isOptionSelected: (option: PickerColumnOption) => boolean;
+            isOptionDisabled: (option?: PickerColumnOption | undefined) => boolean;
+            setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            getOptionKey: (key: "value" | "text" | "children") => string;
+            getValue: (option: PickerColumnOption) => string | number;
+            handlePopupUpdateShow: (value: boolean) => void;
+            handlePopupOverlayClick: (event: MouseEvent) => void;
+            handlePopupKeyEscape: (event: KeyboardEvent) => void;
+            handleTouchstart: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTouchmove: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTouchend: (scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTransitionend: (scrollColumn: import("./Picker.vue").ScrollColumn, event?: TransitionEvent | undefined) => void;
+            confirm: () => void;
+            cancel: () => void;
+            handleClick: (scrollColumn: import("./Picker.vue").ScrollColumn, index: number) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            confirm: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+            cancel: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+            change: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+            'update:open': (open: boolean) => true;
+            'update:modelValue': (value: (string | number)[]) => true;
+            open: () => true;
+            opened: () => true;
+            close: () => true;
+            closed: () => true;
+            'click-overlay': (event: MouseEvent) => true;
+            'key-escape': (event: KeyboardEvent) => true;
+        }, import("vue").PublicProps, {
+            optionHeight: string | number;
+            optionCount: string | number;
+            modelValue: (string | number)[];
+            defaultValue: (string | number)[];
+            disabled: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: PopupContainer;
+            safeArea: boolean;
+            toolbar: boolean;
+            fieldNames: import("../utils/options").FieldNames;
+            columns: PickerColumnOption[] | PickerColumnOption[][];
+            selectedValues: (string | number)[];
+            cascade: boolean;
+            dynamic: boolean;
+        }, true, {}, import("vue").SlotsType<import("./types").PickerSlots>, {
+            MIconCheck: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                install(app: import("vue").App<any>): void;
+            };
+            MpButton: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    status: {
+                        type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                        validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                    };
+                    variant: {
+                        type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                        validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                    };
+                    size: {
+                        type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                        validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                    };
+                    htmlType: {
+                        type: import("vue").PropType<"button" | "reset" | "submit">;
+                        default: string;
+                        validator: (v: "button" | "reset" | "submit") => boolean;
+                    };
+                    component: {
+                        type: import("vue").PropType<"a" | "button">;
+                        default: string;
+                        validator: (v: "a" | "button") => boolean;
+                    };
+                    round: BooleanConstructor;
+                    block: BooleanConstructor;
+                    loading: BooleanConstructor;
+                    loadingType: {
+                        type: import("vue").PropType<import("..").LoadingType>;
+                        default: string;
+                    };
+                    loadingMode: {
+                        type: import("vue").PropType<"fill" | "default" | "line">;
+                        default: string;
+                        validator: (v: "fill" | "default" | "line") => boolean;
+                    };
+                    loadingSize: import("vue").PropType<import("..").LoadingSize>;
+                    loadingColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    ripple: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    focusable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofocus: BooleanConstructor;
+                    textColor: StringConstructor;
+                    color: StringConstructor;
+                    elevation: {
+                        type: import("vue").PropType<number | boolean>;
+                        default: boolean;
+                    };
+                    stacked: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    elevation: number | boolean;
+                    disabled: boolean;
+                    loading: boolean;
+                    component: "a" | "button";
+                    ripple: boolean;
+                    loadingMode: "fill" | "default" | "line";
+                    autofocus: boolean;
+                    stacked: boolean;
+                    htmlType: "button" | "reset" | "submit";
+                    round: boolean;
+                    block: boolean;
+                    loadingType: import("..").LoadingType;
+                    loadingColor: string;
+                    focusable: boolean;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    status: {
+                        type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                        validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                    };
+                    variant: {
+                        type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                        validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                    };
+                    size: {
+                        type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                        validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                    };
+                    htmlType: {
+                        type: import("vue").PropType<"button" | "reset" | "submit">;
+                        default: string;
+                        validator: (v: "button" | "reset" | "submit") => boolean;
+                    };
+                    component: {
+                        type: import("vue").PropType<"a" | "button">;
+                        default: string;
+                        validator: (v: "a" | "button") => boolean;
+                    };
+                    round: BooleanConstructor;
+                    block: BooleanConstructor;
+                    loading: BooleanConstructor;
+                    loadingType: {
+                        type: import("vue").PropType<import("..").LoadingType>;
+                        default: string;
+                    };
+                    loadingMode: {
+                        type: import("vue").PropType<"fill" | "default" | "line">;
+                        default: string;
+                        validator: (v: "fill" | "default" | "line") => boolean;
+                    };
+                    loadingSize: import("vue").PropType<import("..").LoadingSize>;
+                    loadingColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    ripple: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    focusable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofocus: BooleanConstructor;
+                    textColor: StringConstructor;
+                    color: StringConstructor;
+                    elevation: {
+                        type: import("vue").PropType<number | boolean>;
+                        default: boolean;
+                    };
+                    stacked: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    elevation: number | boolean;
+                    disabled: boolean;
+                    loading: boolean;
+                    component: "a" | "button";
+                    ripple: boolean;
+                    loadingMode: "fill" | "default" | "line";
+                    autofocus: boolean;
+                    stacked: boolean;
+                    htmlType: "button" | "reset" | "submit";
+                    round: boolean;
+                    block: boolean;
+                    loadingType: import("..").LoadingType;
+                    loadingColor: string;
+                    focusable: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                status: {
+                    type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                    validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                    validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                    validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                };
+                htmlType: {
+                    type: import("vue").PropType<"button" | "reset" | "submit">;
+                    default: string;
+                    validator: (v: "button" | "reset" | "submit") => boolean;
+                };
+                component: {
+                    type: import("vue").PropType<"a" | "button">;
+                    default: string;
+                    validator: (v: "a" | "button") => boolean;
+                };
+                round: BooleanConstructor;
+                block: BooleanConstructor;
+                loading: BooleanConstructor;
+                loadingType: {
+                    type: import("vue").PropType<import("..").LoadingType>;
+                    default: string;
+                };
+                loadingMode: {
+                    type: import("vue").PropType<"fill" | "default" | "line">;
+                    default: string;
+                    validator: (v: "fill" | "default" | "line") => boolean;
+                };
+                loadingSize: import("vue").PropType<import("..").LoadingSize>;
+                loadingColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                ripple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                focusable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: BooleanConstructor;
+                textColor: StringConstructor;
+                color: StringConstructor;
+                elevation: {
+                    type: import("vue").PropType<number | boolean>;
+                    default: boolean;
+                };
+                stacked: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                elevation: number | boolean;
+                disabled: boolean;
+                loading: boolean;
+                component: "a" | "button";
+                ripple: boolean;
+                loadingMode: "fill" | "default" | "line";
+                autofocus: boolean;
+                stacked: boolean;
+                htmlType: "button" | "reset" | "submit";
+                round: boolean;
+                block: boolean;
+                loadingType: import("..").LoadingType;
+                loadingColor: string;
+                focusable: boolean;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?: ((props: {}) => any) | undefined;
+                } & {
+                    default?: ((props: {}) => any) | undefined;
+                };
+            }) & {
+                setPropsDefaults: (defaults: Record<string, any>) => void;
+            };
+            MpIcon: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    size: (NumberConstructor | StringConstructor)[];
+                    color: StringConstructor;
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                    transition: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
+                    animationClass: StringConstructor;
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    transition: string | number;
+                    spin: boolean;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    size: (NumberConstructor | StringConstructor)[];
+                    color: StringConstructor;
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                    transition: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
+                    animationClass: StringConstructor;
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    transition: string | number;
+                    spin: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                size: (NumberConstructor | StringConstructor)[];
+                color: StringConstructor;
+                rotate: NumberConstructor;
+                spin: BooleanConstructor;
+                transition: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
+                animationClass: StringConstructor;
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                transition: string | number;
+                spin: boolean;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {}) => any) | undefined;
+                };
+            });
+            MpPopup: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    loading: BooleanConstructor;
+                    dir: {
+                        type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+                    };
+                    beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placement: {
+                        type: import("vue").PropType<import("..").PopupPlacement>;
+                        default: string;
+                    };
+                    swipeToClose: BooleanConstructor;
+                    swipeThreshold: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    transition: StringConstructor;
+                    overlayAnimationName: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    overlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClass: StringConstructor;
+                    overlayStyle: ObjectConstructor;
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unstyled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    zIndex: NumberConstructor;
+                    safeAreaInsetBottom: BooleanConstructor;
+                    safeAreaInsetTop: BooleanConstructor;
+                    safeAreaInsetRight: BooleanConstructor;
+                    safeAreaInsetLeft: BooleanConstructor;
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    closeOnRouteChange: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                }>> & Readonly<{
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                    "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                    "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+                }>, {
+                    close: (event?: Event | undefined) => Promise<boolean>;
+                    requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                    pending: import("vue").ComputedRef<boolean>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:open": (value: boolean) => void;
+                    close: () => void;
+                    open: () => void;
+                    opened: () => void;
+                    closed: () => void;
+                    "swipe-close": (value: PointerEvent) => void;
+                    "close-error": (error: unknown, reason: import("..").PopupCloseReason) => void;
+                    "click-overlay": (value: MouseEvent) => void;
+                    "key-escape": (value: KeyboardEvent) => void;
+                }, import("vue").PublicProps, {
+                    loading: boolean;
+                    open: boolean;
+                    overlay: boolean;
+                    defaultOpen: boolean;
+                    placement: import("..").PopupPlacement;
+                    swipeToClose: boolean;
+                    swipeThreshold: number;
+                    overlayAnimationName: string;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unstyled: boolean;
+                    safeAreaInsetBottom: boolean;
+                    safeAreaInsetTop: boolean;
+                    safeAreaInsetRight: boolean;
+                    safeAreaInsetLeft: boolean;
+                    unmountOnClose: boolean;
+                    closeOnRouteChange: boolean;
+                    popupContainer: PopupContainer;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    loading: BooleanConstructor;
+                    dir: {
+                        type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+                    };
+                    beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placement: {
+                        type: import("vue").PropType<import("..").PopupPlacement>;
+                        default: string;
+                    };
+                    swipeToClose: BooleanConstructor;
+                    swipeThreshold: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    transition: StringConstructor;
+                    overlayAnimationName: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    overlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClass: StringConstructor;
+                    overlayStyle: ObjectConstructor;
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unstyled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    zIndex: NumberConstructor;
+                    safeAreaInsetBottom: BooleanConstructor;
+                    safeAreaInsetTop: BooleanConstructor;
+                    safeAreaInsetRight: BooleanConstructor;
+                    safeAreaInsetLeft: BooleanConstructor;
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    closeOnRouteChange: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                }>> & Readonly<{
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                    "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                    "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+                }>, {
+                    close: (event?: Event | undefined) => Promise<boolean>;
+                    requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                    pending: import("vue").ComputedRef<boolean>;
+                }, {}, {}, {}, {
+                    loading: boolean;
+                    open: boolean;
+                    overlay: boolean;
+                    defaultOpen: boolean;
+                    placement: import("..").PopupPlacement;
+                    swipeToClose: boolean;
+                    swipeThreshold: number;
+                    overlayAnimationName: string;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unstyled: boolean;
+                    safeAreaInsetBottom: boolean;
+                    safeAreaInsetTop: boolean;
+                    safeAreaInsetRight: boolean;
+                    safeAreaInsetLeft: boolean;
+                    unmountOnClose: boolean;
+                    closeOnRouteChange: boolean;
+                    popupContainer: PopupContainer;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                loading: BooleanConstructor;
+                dir: {
+                    type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+                };
+                beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placement: {
+                    type: import("vue").PropType<import("..").PopupPlacement>;
+                    default: string;
+                };
+                swipeToClose: BooleanConstructor;
+                swipeThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                transition: StringConstructor;
+                overlayAnimationName: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                overlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClass: StringConstructor;
+                overlayStyle: ObjectConstructor;
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unstyled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                zIndex: NumberConstructor;
+                safeAreaInsetBottom: BooleanConstructor;
+                safeAreaInsetTop: BooleanConstructor;
+                safeAreaInsetRight: BooleanConstructor;
+                safeAreaInsetLeft: BooleanConstructor;
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnRouteChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+            }>> & Readonly<{
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+            }>, {
+                close: (event?: Event | undefined) => Promise<boolean>;
+                requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                pending: import("vue").ComputedRef<boolean>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                "swipe-close": (value: PointerEvent) => void;
+                "close-error": (error: unknown, reason: import("..").PopupCloseReason) => void;
+                "click-overlay": (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, string, {
+                loading: boolean;
+                open: boolean;
+                overlay: boolean;
+                defaultOpen: boolean;
+                placement: import("..").PopupPlacement;
+                swipeToClose: boolean;
+                swipeThreshold: number;
+                overlayAnimationName: string;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unstyled: boolean;
+                safeAreaInsetBottom: boolean;
+                safeAreaInsetTop: boolean;
+                safeAreaInsetRight: boolean;
+                safeAreaInsetLeft: boolean;
+                unmountOnClose: boolean;
+                closeOnRouteChange: boolean;
+                popupContainer: PopupContainer;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {
+                        close: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                        pending: boolean;
+                    }) => any) | undefined;
+                };
+            });
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            safeArea: BooleanConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: undefined;
+            };
+            defaultValue: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            columns: {
+                type: import("vue").PropType<PickerColumnOption[] | PickerColumnOption[][]>;
+                default: () => never[];
+            };
+            title: StringConstructor;
+            fieldNames: {
+                type: import("vue").PropType<import("../utils/options").FieldNames>;
+                default: undefined;
+            };
+            toolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+            selectedValues: {
+                type: import("vue").PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            cascade: BooleanConstructor;
+            optionHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            optionCount: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            columnsCount: (NumberConstructor | StringConstructor)[];
+            confirmButtonText: StringConstructor;
+            cancelButtonText: StringConstructor;
+            confirmButtonTextColor: StringConstructor;
+            cancelButtonTextColor: StringConstructor;
+            dynamic: BooleanConstructor;
+        }>> & Readonly<{
+            onCancel?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            onChange?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+            "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((open: boolean) => any) | undefined;
+            onConfirm?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+        }>, {
+            describeError: (value: unknown) => string | undefined;
+            mergedError: import("vue").ComputedRef<boolean>;
+            mergedOpen: import("vue").ComputedRef<boolean>;
+            controlId: string;
+            handleColumnKeydown: (event: KeyboardEvent, column: import("./Picker.vue").ScrollColumn) => void;
+            optionHeight: import("vue").ComputedRef<number>;
+            optionCount: import("vue").ComputedRef<number>;
+            scrollColumns: import("vue").Ref<{
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[], import("./Picker.vue").ScrollColumn[] | {
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[]>;
+            columnHeight: import("vue").ComputedRef<number>;
+            center: import("vue").ComputedRef<number>;
+            confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+            Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
+            toRaw: typeof import("vue").toRaw;
+            pt: ((id: string) => string | undefined) | null;
+            t: typeof import("../locale/temporal-text").temporalText;
+            n: (suffix?: string | undefined) => string;
+            classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+            isOptionSelected: (option: PickerColumnOption) => boolean;
+            isOptionDisabled: (option?: PickerColumnOption | undefined) => boolean;
+            setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            getOptionKey: (key: "value" | "text" | "children") => string;
+            getValue: (option: PickerColumnOption) => string | number;
+            handlePopupUpdateShow: (value: boolean) => void;
+            handlePopupOverlayClick: (event: MouseEvent) => void;
+            handlePopupKeyEscape: (event: KeyboardEvent) => void;
+            handleTouchstart: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTouchmove: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTouchend: (scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+            handleTransitionend: (scrollColumn: import("./Picker.vue").ScrollColumn, event?: TransitionEvent | undefined) => void;
+            confirm: () => void;
+            cancel: () => void;
+            handleClick: (scrollColumn: import("./Picker.vue").ScrollColumn, index: number) => void;
+        }, {}, {}, {}, {
+            optionHeight: string | number;
+            optionCount: string | number;
+            modelValue: (string | number)[];
+            defaultValue: (string | number)[];
+            disabled: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: PopupContainer;
+            safeArea: boolean;
+            toolbar: boolean;
+            fieldNames: import("../utils/options").FieldNames;
+            columns: PickerColumnOption[] | PickerColumnOption[][];
+            selectedValues: (string | number)[];
+            cascade: boolean;
+            dynamic: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        safeArea: BooleanConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupContainer: {
+            type: import("vue").PropType<PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        modelValue: {
+            type: import("vue").PropType<(string | number)[]>;
+            default: undefined;
+        };
+        defaultValue: {
+            type: import("vue").PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        columns: {
+            type: import("vue").PropType<PickerColumnOption[] | PickerColumnOption[][]>;
+            default: () => never[];
+        };
+        title: StringConstructor;
+        fieldNames: {
+            type: import("vue").PropType<import("../utils/options").FieldNames>;
+            default: undefined;
+        };
+        toolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: BooleanConstructor;
+        selectedValues: {
+            type: import("vue").PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        cascade: BooleanConstructor;
+        optionHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        optionCount: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        columnsCount: (NumberConstructor | StringConstructor)[];
+        confirmButtonText: StringConstructor;
+        cancelButtonText: StringConstructor;
+        confirmButtonTextColor: StringConstructor;
+        cancelButtonTextColor: StringConstructor;
+        dynamic: BooleanConstructor;
+    }>> & Readonly<{
+        onCancel?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+        onChange?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+        "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onConfirm?: ((values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    }>, {
+        describeError: (value: unknown) => string | undefined;
+        mergedError: import("vue").ComputedRef<boolean>;
+        mergedOpen: import("vue").ComputedRef<boolean>;
+        controlId: string;
+        handleColumnKeydown: (event: KeyboardEvent, column: import("./Picker.vue").ScrollColumn) => void;
+        optionHeight: import("vue").ComputedRef<number>;
+        optionCount: import("vue").ComputedRef<number>;
+        scrollColumns: import("vue").Ref<{
+            id: number;
+            touching: boolean;
+            index: number;
+            prevY: number;
+            momentumPrevY: number;
+            momentumTime: number;
+            translate: number;
+            duration: number;
+            scrolling: boolean;
+            column: {
+                [x: string]: any;
+                [x: number]: any;
+                [x: symbol]: any;
+                text?: string | number | undefined;
+                value?: string | number | undefined;
+                disabled?: boolean | undefined;
+                children?: any[] | undefined;
+                className?: string | undefined;
+                textClassName?: string | undefined;
+            }[];
+            scrollEl: HTMLElement | null;
+        }[], import("./Picker.vue").ScrollColumn[] | {
+            id: number;
+            touching: boolean;
+            index: number;
+            prevY: number;
+            momentumPrevY: number;
+            momentumTime: number;
+            translate: number;
+            duration: number;
+            scrolling: boolean;
+            column: {
+                [x: string]: any;
+                [x: number]: any;
+                [x: symbol]: any;
+                text?: string | number | undefined;
+                value?: string | number | undefined;
+                disabled?: boolean | undefined;
+                children?: any[] | undefined;
+                className?: string | undefined;
+                textClassName?: string | undefined;
+            }[];
+            scrollEl: HTMLElement | null;
+        }[]>;
+        columnHeight: import("vue").ComputedRef<number>;
+        center: import("vue").ComputedRef<number>;
+        confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+        Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
+        toRaw: typeof import("vue").toRaw;
+        pt: ((id: string) => string | undefined) | null;
+        t: typeof import("../locale/temporal-text").temporalText;
+        n: (suffix?: string | undefined) => string;
+        classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+        isOptionSelected: (option: PickerColumnOption) => boolean;
+        isOptionDisabled: (option?: PickerColumnOption | undefined) => boolean;
+        setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+        getOptionKey: (key: "value" | "text" | "children") => string;
+        getValue: (option: PickerColumnOption) => string | number;
+        handlePopupUpdateShow: (value: boolean) => void;
+        handlePopupOverlayClick: (event: MouseEvent) => void;
+        handlePopupKeyEscape: (event: KeyboardEvent) => void;
+        handleTouchstart: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+        handleTouchmove: (event: TouchEvent, scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+        handleTouchend: (scrollColumn: import("./Picker.vue").ScrollColumn) => void;
+        handleTransitionend: (scrollColumn: import("./Picker.vue").ScrollColumn, event?: TransitionEvent | undefined) => void;
+        confirm: () => void;
+        cancel: () => void;
+        handleClick: (scrollColumn: import("./Picker.vue").ScrollColumn, index: number) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        confirm: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+        cancel: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+        change: (values: (string | number)[], indexes: number[], options: PickerColumnOption[]) => true;
+        'update:open': (open: boolean) => true;
+        'update:modelValue': (value: (string | number)[]) => true;
+        open: () => true;
+        opened: () => true;
+        close: () => true;
+        closed: () => true;
+        'click-overlay': (event: MouseEvent) => true;
+        'key-escape': (event: KeyboardEvent) => true;
+    }, string, {
+        optionHeight: string | number;
+        optionCount: string | number;
+        modelValue: (string | number)[];
+        defaultValue: (string | number)[];
+        disabled: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        popupContainer: PopupContainer;
+        safeArea: boolean;
+        toolbar: boolean;
+        fieldNames: import("../utils/options").FieldNames;
+        columns: PickerColumnOption[] | PickerColumnOption[][];
+        selectedValues: (string | number)[];
+        cascade: boolean;
+        dynamic: boolean;
+    }, {}, string, import("vue").SlotsType<import("./types").PickerSlots>, {
+        MIconCheck: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App<any>): void;
+        };
+        MpButton: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                status: {
+                    type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                    validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                    validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                    validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                };
+                htmlType: {
+                    type: import("vue").PropType<"button" | "reset" | "submit">;
+                    default: string;
+                    validator: (v: "button" | "reset" | "submit") => boolean;
+                };
+                component: {
+                    type: import("vue").PropType<"a" | "button">;
+                    default: string;
+                    validator: (v: "a" | "button") => boolean;
+                };
+                round: BooleanConstructor;
+                block: BooleanConstructor;
+                loading: BooleanConstructor;
+                loadingType: {
+                    type: import("vue").PropType<import("..").LoadingType>;
+                    default: string;
+                };
+                loadingMode: {
+                    type: import("vue").PropType<"fill" | "default" | "line">;
+                    default: string;
+                    validator: (v: "fill" | "default" | "line") => boolean;
+                };
+                loadingSize: import("vue").PropType<import("..").LoadingSize>;
+                loadingColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                ripple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                focusable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: BooleanConstructor;
+                textColor: StringConstructor;
+                color: StringConstructor;
+                elevation: {
+                    type: import("vue").PropType<number | boolean>;
+                    default: boolean;
+                };
+                stacked: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                elevation: number | boolean;
+                disabled: boolean;
+                loading: boolean;
+                component: "a" | "button";
+                ripple: boolean;
+                loadingMode: "fill" | "default" | "line";
+                autofocus: boolean;
+                stacked: boolean;
+                htmlType: "button" | "reset" | "submit";
+                round: boolean;
+                block: boolean;
+                loadingType: import("..").LoadingType;
+                loadingColor: string;
+                focusable: boolean;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                status: {
+                    type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                    validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                    validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                    validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                };
+                htmlType: {
+                    type: import("vue").PropType<"button" | "reset" | "submit">;
+                    default: string;
+                    validator: (v: "button" | "reset" | "submit") => boolean;
+                };
+                component: {
+                    type: import("vue").PropType<"a" | "button">;
+                    default: string;
+                    validator: (v: "a" | "button") => boolean;
+                };
+                round: BooleanConstructor;
+                block: BooleanConstructor;
+                loading: BooleanConstructor;
+                loadingType: {
+                    type: import("vue").PropType<import("..").LoadingType>;
+                    default: string;
+                };
+                loadingMode: {
+                    type: import("vue").PropType<"fill" | "default" | "line">;
+                    default: string;
+                    validator: (v: "fill" | "default" | "line") => boolean;
+                };
+                loadingSize: import("vue").PropType<import("..").LoadingSize>;
+                loadingColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                ripple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                focusable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: BooleanConstructor;
+                textColor: StringConstructor;
+                color: StringConstructor;
+                elevation: {
+                    type: import("vue").PropType<number | boolean>;
+                    default: boolean;
+                };
+                stacked: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                elevation: number | boolean;
+                disabled: boolean;
+                loading: boolean;
+                component: "a" | "button";
+                ripple: boolean;
+                loadingMode: "fill" | "default" | "line";
+                autofocus: boolean;
+                stacked: boolean;
+                htmlType: "button" | "reset" | "submit";
+                round: boolean;
+                block: boolean;
+                loadingType: import("..").LoadingType;
+                loadingColor: string;
+                focusable: boolean;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            status: {
+                type: import("vue").PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "text" | "tonal" | "outline">;
+                validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+            };
+            size: {
+                type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+            };
+            htmlType: {
+                type: import("vue").PropType<"button" | "reset" | "submit">;
+                default: string;
+                validator: (v: "button" | "reset" | "submit") => boolean;
+            };
+            component: {
+                type: import("vue").PropType<"a" | "button">;
+                default: string;
+                validator: (v: "a" | "button") => boolean;
+            };
+            round: BooleanConstructor;
+            block: BooleanConstructor;
+            loading: BooleanConstructor;
+            loadingType: {
+                type: import("vue").PropType<import("..").LoadingType>;
+                default: string;
+            };
+            loadingMode: {
+                type: import("vue").PropType<"fill" | "default" | "line">;
+                default: string;
+                validator: (v: "fill" | "default" | "line") => boolean;
+            };
+            loadingSize: import("vue").PropType<import("..").LoadingSize>;
+            loadingColor: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            ripple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            focusable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: BooleanConstructor;
+            textColor: StringConstructor;
+            color: StringConstructor;
+            elevation: {
+                type: import("vue").PropType<number | boolean>;
+                default: boolean;
+            };
+            stacked: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            elevation: number | boolean;
+            disabled: boolean;
+            loading: boolean;
+            component: "a" | "button";
+            ripple: boolean;
+            loadingMode: "fill" | "default" | "line";
+            autofocus: boolean;
+            stacked: boolean;
+            htmlType: "button" | "reset" | "submit";
+            round: boolean;
+            block: boolean;
+            loadingType: import("..").LoadingType;
+            loadingColor: string;
+            focusable: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                icon?: ((props: {}) => any) | undefined;
+            } & {
+                default?: ((props: {}) => any) | undefined;
+            };
+        }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        };
+        MpIcon: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                size: (NumberConstructor | StringConstructor)[];
+                color: StringConstructor;
+                rotate: NumberConstructor;
+                spin: BooleanConstructor;
+                transition: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
+                animationClass: StringConstructor;
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                transition: string | number;
+                spin: boolean;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                size: (NumberConstructor | StringConstructor)[];
+                color: StringConstructor;
+                rotate: NumberConstructor;
+                spin: BooleanConstructor;
+                transition: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
+                animationClass: StringConstructor;
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                transition: string | number;
+                spin: boolean;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: StringConstructor;
+            size: (NumberConstructor | StringConstructor)[];
+            color: StringConstructor;
+            rotate: NumberConstructor;
+            spin: BooleanConstructor;
+            transition: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            animationClass: StringConstructor;
+        }>> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            transition: string | number;
+            spin: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: ((props: {}) => any) | undefined;
+            };
+        });
+        MpPopup: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                loading: BooleanConstructor;
+                dir: {
+                    type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+                };
+                beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placement: {
+                    type: import("vue").PropType<import("..").PopupPlacement>;
+                    default: string;
+                };
+                swipeToClose: BooleanConstructor;
+                swipeThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                transition: StringConstructor;
+                overlayAnimationName: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                overlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClass: StringConstructor;
+                overlayStyle: ObjectConstructor;
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unstyled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                zIndex: NumberConstructor;
+                safeAreaInsetBottom: BooleanConstructor;
+                safeAreaInsetTop: BooleanConstructor;
+                safeAreaInsetRight: BooleanConstructor;
+                safeAreaInsetLeft: BooleanConstructor;
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnRouteChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+            }>> & Readonly<{
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+            }>, {
+                close: (event?: Event | undefined) => Promise<boolean>;
+                requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                pending: import("vue").ComputedRef<boolean>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                "swipe-close": (value: PointerEvent) => void;
+                "close-error": (error: unknown, reason: import("..").PopupCloseReason) => void;
+                "click-overlay": (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, import("vue").PublicProps, {
+                loading: boolean;
+                open: boolean;
+                overlay: boolean;
+                defaultOpen: boolean;
+                placement: import("..").PopupPlacement;
+                swipeToClose: boolean;
+                swipeThreshold: number;
+                overlayAnimationName: string;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unstyled: boolean;
+                safeAreaInsetBottom: boolean;
+                safeAreaInsetTop: boolean;
+                safeAreaInsetRight: boolean;
+                safeAreaInsetLeft: boolean;
+                unmountOnClose: boolean;
+                closeOnRouteChange: boolean;
+                popupContainer: PopupContainer;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                loading: BooleanConstructor;
+                dir: {
+                    type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+                };
+                beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placement: {
+                    type: import("vue").PropType<import("..").PopupPlacement>;
+                    default: string;
+                };
+                swipeToClose: BooleanConstructor;
+                swipeThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                transition: StringConstructor;
+                overlayAnimationName: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                overlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClass: StringConstructor;
+                overlayStyle: ObjectConstructor;
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unstyled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                zIndex: NumberConstructor;
+                safeAreaInsetBottom: BooleanConstructor;
+                safeAreaInsetTop: BooleanConstructor;
+                safeAreaInsetRight: BooleanConstructor;
+                safeAreaInsetLeft: BooleanConstructor;
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnRouteChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+            }>> & Readonly<{
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+            }>, {
+                close: (event?: Event | undefined) => Promise<boolean>;
+                requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                pending: import("vue").ComputedRef<boolean>;
+            }, {}, {}, {}, {
+                loading: boolean;
+                open: boolean;
+                overlay: boolean;
+                defaultOpen: boolean;
+                placement: import("..").PopupPlacement;
+                swipeToClose: boolean;
+                swipeThreshold: number;
+                overlayAnimationName: string;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unstyled: boolean;
+                safeAreaInsetBottom: boolean;
+                safeAreaInsetTop: boolean;
+                safeAreaInsetRight: boolean;
+                safeAreaInsetLeft: boolean;
+                unmountOnClose: boolean;
+                closeOnRouteChange: boolean;
+                popupContainer: PopupContainer;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            loading: BooleanConstructor;
+            dir: {
+                type: import("vue").PropType<import("@maple-design/use-vue").ReadingDirection>;
+            };
+            beforeClose: import("vue").PropType<import("..").PopupBeforeClose>;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<import("..").PopupPlacement>;
+                default: string;
+            };
+            swipeToClose: BooleanConstructor;
+            swipeThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
+            transition: StringConstructor;
+            overlayAnimationName: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            overlay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClass: StringConstructor;
+            overlayStyle: ObjectConstructor;
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unstyled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            zIndex: NumberConstructor;
+            safeAreaInsetBottom: BooleanConstructor;
+            safeAreaInsetTop: BooleanConstructor;
+            safeAreaInsetRight: BooleanConstructor;
+            safeAreaInsetLeft: BooleanConstructor;
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closeOnRouteChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+        }>> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+            "onClose-error"?: ((error: unknown, reason: import("..").PopupCloseReason) => any) | undefined;
+        }>, {
+            close: (event?: Event | undefined) => Promise<boolean>;
+            requestClose: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+            pending: import("vue").ComputedRef<boolean>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+            close: () => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            "swipe-close": (value: PointerEvent) => void;
+            "close-error": (error: unknown, reason: import("..").PopupCloseReason) => void;
+            "click-overlay": (value: MouseEvent) => void;
+            "key-escape": (value: KeyboardEvent) => void;
+        }, string, {
+            loading: boolean;
+            open: boolean;
+            overlay: boolean;
+            defaultOpen: boolean;
+            placement: import("..").PopupPlacement;
+            swipeToClose: boolean;
+            swipeThreshold: number;
+            overlayAnimationName: string;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unstyled: boolean;
+            safeAreaInsetBottom: boolean;
+            safeAreaInsetTop: boolean;
+            safeAreaInsetRight: boolean;
+            safeAreaInsetLeft: boolean;
+            unmountOnClose: boolean;
+            closeOnRouteChange: boolean;
+            popupContainer: PopupContainer;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: ((props: {
+                    close: (reason?: import("..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                    pending: boolean;
+                }) => any) | undefined;
+            };
+        });
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    }>;
+}
+declare const InstalledPicker: import("../utils/components").ComponentWithInstall<typeof Picker>;
+export { pickerProps };
+export type { PickerColumnOption } from './props';
+export type { PickerEmits, PickerSlots, PickerSelection } from './types';
+export type PickerInstance = InstanceType<typeof VarPicker>;
+export declare const _PickerComponent: typeof VarPicker;
+export default InstalledPicker;
+export type PickerProps = import('vue').ExtractPublicPropTypes<typeof import('./props').props>;