mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
38 lines (37 loc) • 1.29 kB
TypeScript
import React from 'react';
import { CascadePickerProps, InputProps } from 'antd-mobile';
import { PickerValue, PickerValueExtend } from 'antd-mobile/es/components/picker-view';
export type { CascadePickerProps, PickerValue, PickerValueExtend };
type CascadePickerOption = CascadePickerProps['options'][0];
type Option = Partial<Omit<CascadePickerOption, 'children'>> & {
children?: Option[];
[x: string]: any;
};
export interface SuperCascadePickerProps extends Pick<InputProps, 'placeholder'>, Omit<CascadePickerProps, 'options'> {
/**
* @description 可选项。
*/
options: Option[];
/**
* @description 自定义渲染当前选中值。
* @param value 已选择项的值。
* @param items 已选择项。
* @returns
*/
renderCurrentValue?: (value: PickerValue[] | undefined, items: PickerValueExtend['items']) => string | undefined;
/**
* @description `options` 数据字段名映射。
*/
mapKeys?: {
label?: string;
value?: string;
children?: string;
};
/**
* @description 默认渲染当前值的分隔符。
* @default `/`
*/
separator?: string;
}
declare const SuperCascadePicker: React.FC<SuperCascadePickerProps>;
export default SuperCascadePicker;