2024-12-01 11:56:54 +00:00
|
|
|
|
import { IBaseProps } from '../_util/base';
|
2024-11-10 07:01:22 +00:00
|
|
|
|
export interface PickerData {
|
2024-12-01 11:56:54 +00:00
|
|
|
|
value: PickerValue;
|
|
|
|
|
label: string;
|
2024-11-10 07:01:22 +00:00
|
|
|
|
}
|
2024-12-01 11:56:54 +00:00
|
|
|
|
export declare type PickerValue = string | number | PickerData | (string | number | PickerData)[];
|
2024-11-10 07:01:22 +00:00
|
|
|
|
/**
|
|
|
|
|
* @description 选择器,包括一个或多个不同值的可滚动列表,每个值可以在视图的中心以较暗的文本形式显示。当用户激活 **Picker** 后,将会从底部弹出。
|
|
|
|
|
*/
|
|
|
|
|
export interface IPickerProps extends IBaseProps {
|
2024-12-01 11:56:54 +00:00
|
|
|
|
visible?: boolean;
|
|
|
|
|
defaultVisible?: boolean;
|
|
|
|
|
/**
|
|
|
|
|
* @desciption 动画类型
|
|
|
|
|
* @default "transform"
|
|
|
|
|
*/
|
|
|
|
|
animationType: 'transform' | 'position';
|
|
|
|
|
/**
|
|
|
|
|
* @description picker 数据
|
|
|
|
|
*/
|
|
|
|
|
value: PickerValue;
|
|
|
|
|
/**
|
|
|
|
|
* @description 格式化后的 value 文本, 优先级大于 onFormat
|
|
|
|
|
*/
|
|
|
|
|
formattedValueText?: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 默认picker 数据
|
|
|
|
|
*/
|
|
|
|
|
defaultValue: PickerValue;
|
|
|
|
|
/**
|
|
|
|
|
* @description 是否禁用
|
|
|
|
|
*/
|
|
|
|
|
disabled?: boolean;
|
|
|
|
|
/**
|
|
|
|
|
* @description 标题
|
|
|
|
|
*/
|
|
|
|
|
title: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 确定按钮文案
|
|
|
|
|
* @default "确定"
|
|
|
|
|
*/
|
|
|
|
|
okText: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 取消文案
|
|
|
|
|
* @default "取消"
|
|
|
|
|
*/
|
|
|
|
|
cancelText: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 提示文案
|
|
|
|
|
* @default '请选择'
|
|
|
|
|
*/
|
|
|
|
|
placeholder: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 空状态提示文案
|
|
|
|
|
* @default '暂无数据'
|
|
|
|
|
*/
|
|
|
|
|
emptyText?: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description picker 数据
|
|
|
|
|
*/
|
|
|
|
|
options: PickerValue[];
|
|
|
|
|
/**
|
|
|
|
|
* @description 点击蒙层是否可以关闭
|
|
|
|
|
* @default false
|
|
|
|
|
*/
|
|
|
|
|
maskClosable: boolean;
|
|
|
|
|
/**
|
|
|
|
|
* @description 弹出框类名
|
|
|
|
|
*/
|
|
|
|
|
popClassName: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 弹出框样式
|
|
|
|
|
*/
|
|
|
|
|
popStyle: string;
|
|
|
|
|
/**
|
|
|
|
|
*@description 选中框样式
|
|
|
|
|
* 版本要求: 支付宝小程序基础库 1.10.0 及以上
|
|
|
|
|
*/
|
|
|
|
|
indicatorStyle?: string;
|
|
|
|
|
/**
|
|
|
|
|
*@description 选中框类名
|
|
|
|
|
* 版本要求: 支付宝小程序基础库 1.10.0 及以上
|
|
|
|
|
*/
|
|
|
|
|
indicatorClassName?: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 蒙层的样式。
|
|
|
|
|
* 版本要求: 支付宝小程序基础库 1.10.0 及以上
|
|
|
|
|
*/
|
|
|
|
|
maskStyle?: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 蒙层的类名。
|
|
|
|
|
* 版本要求: 支付宝小程序基础库 1.10.0 及以上
|
|
|
|
|
*/
|
|
|
|
|
maskClassName?: string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 点击确认回调
|
|
|
|
|
*/
|
|
|
|
|
onOk?: (value: PickerValue, column: PickerData, e: Record<string, any>) => void;
|
|
|
|
|
/**
|
|
|
|
|
* @description 点击取消回调
|
|
|
|
|
*/
|
|
|
|
|
onCancel?: (e: Record<string, any>) => void;
|
|
|
|
|
/**
|
|
|
|
|
* @description 发生滚动即触发, 与 onChange 点击 ok 后触发不同
|
|
|
|
|
*/
|
|
|
|
|
onChange?: (value: PickerValue, column: PickerData, e: Record<string, any>) => void;
|
|
|
|
|
/**
|
|
|
|
|
* @description 选中值的文本显示格式
|
|
|
|
|
*/
|
|
|
|
|
onFormat?: (value: PickerValue, column: PickerValue) => string;
|
|
|
|
|
/**
|
|
|
|
|
* @description 切换显示隐藏
|
|
|
|
|
*/
|
|
|
|
|
onVisibleChange?: (visible: boolean, e: Record<string, any>) => void;
|
2024-11-10 07:01:22 +00:00
|
|
|
|
}
|
|
|
|
|
export declare const PickerDefaultProps: Partial<IPickerProps>;
|