mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
33 lines (32 loc) • 1.22 kB
TypeScript
import React from 'react';
import { InputProps, PickerProps } from 'antd-mobile';
import { PickerColumnItem, PickerValue, PickerValueExtend } from 'antd-mobile/es/components/picker-view';
type SuperPickerColumnItem = Partial<PickerColumnItem> & Record<string, any>;
type SuperPickerColumn = (string | SuperPickerColumnItem)[];
export interface SuperPickerProps extends Pick<InputProps, 'placeholder'>, Omit<PickerProps, 'columns'> {
/**
* @description Picker 二维数组选项数据
*/
columns: SuperPickerColumn[] | ((value?: PickerValue[]) => SuperPickerColumn[]);
/**
* @description 自定义渲染当前选中值
* @param value 已选择项的值。
* @param items 已选择项。
* @returns
*/
renderCurrentValue?: (value: PickerValue[] | undefined, items: PickerValueExtend['items']) => string | undefined;
/**
* @description 数据转换为 `label` `value` 键。
*/
mapKeys?: {
label?: string;
value?: string;
};
/**
* @description 默认渲染当前值的分隔符。
* @default ' - '
*/
separator?: string;
}
declare const SuperPicker: React.FC<SuperPickerProps>;
export default SuperPicker;