vant/lib/picker/types.d.ts

Mobile UI Components built on Vue

import type { ComponentPublicInstance } from 'vue';
import type { Numeric } from '../utils';
import type { PickerProps } from './Picker';
export type PickerToolbarPosition = 'top' | 'bottom';
export type PickerFieldNames = {
    text?: string;
    value?: string;
    children?: string;
};
export type PickerOption = {
    text?: Numeric;
    value?: Numeric;
    disabled?: boolean;
    children?: PickerColumn;
    className?: unknown;
    [key: PropertyKey]: any;
};
export type PickerColumn = PickerOption[];
export type PickerExpose = {
    confirm: () => void;
    getSelectedOptions: () => Array<PickerOption | undefined>;
};
export type PickerColumnProvide = {
    state: {
        index: number;
        offset: number;
        duration: number;
        options: PickerOption[];
    };
    setIndex: (index: number, emitChange?: boolean | undefined) => void;
    getValue: () => PickerOption;
    setValue: (value: string) => void;
    setOptions: (options: PickerOption[]) => void;
    stopMomentum: () => void;
};
export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
export type PickerConfirmEventParams = {
    selectedValues: Numeric[];
    selectedOptions: Array<PickerOption | undefined>;
    selectedIndexes: number[];
};
export type PickerCancelEventParams = PickerConfirmEventParams;
export type PickerChangeEventParams = PickerConfirmEventParams & {
    columnIndex: number;
};
export type PickerThemeVars = {
    pickerBackground?: string;
    pickerToolbarHeight?: string;
    pickerTitleFontSize?: string;
    pickerTitleLineHeight?: number | string;
    pickerActionPadding?: string;
    pickerActionFontSize?: string;
    pickerConfirmActionColor?: string;
    pickerCancelActionColor?: string;
    pickerOptionFontSize?: string;
    pickerOptionPadding?: string;
    pickerOptionTextColor?: string;
    pickerOptionDisabledOpacity?: number | string;
    pickerLoadingIconColor?: string;
    pickerLoadingMaskColor?: string;
    pickerMaskColor?: string;
};