123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- import { IBaseProps } from '../../_util/base';
- export type PickerValue = [Date, Date];
- /**
- * @description 对话框
- */
- export interface IDateRangePickerProps extends IBaseProps {
- visible?: boolean;
- defaultVisible?: boolean;
- /**
- * @desciption 动画类型
- * @default "transform"
- */
- animationType: 'transform' | 'position';
- /**
- * @description 时间格式化显示,例如YYYY-MM-DD
- */
- format: string;
- /**
- * @description 最小值
- * @default 十年前
- */
- min: Date;
- /**
- * @description 最大值
- * @default 十年后
- */
- max: Date;
- /**
- * @description 当前数据
- */
- value: PickerValue;
- /**
- * @description 默认值
- */
- defaultValue: PickerValue;
- /**
- * @description 标题
- */
- title: string;
- /**
- * @description 确定按钮文案
- * @default "确定"
- */
- okText: string;
- /**
- * @description 取消文案
- * @default "取消"
- */
- cancelText: string;
- /**
- * @description 提示文案
- * @default '请选择'
- */
- placeholder: string;
- /**
- * @description 是否禁用
- */
- disabled?: boolean;
- /**
- *@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?: (date: PickerValue, dateStr: [string, string], e: Record<string, any>) => void;
- /**
- * @description 点击取消回调
- */
- onCancel?: (e: Record<string, any>) => void;
- /**
- * @description 发生滚动即触发, 与 onChange 点击 ok 后触发不同
- */
- onPickerChange?: (type: 'start' | 'end', date: Date, dateStr: string, e: Record<string, any>) => void;
- /**
- * @description 精度
- * @default 'day'
- */
- precision: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
- /**
- * @description 选中值的文本显示格式
- */
- onFormat?: (date: PickerValue, dateStr: [string, string]) => string;
- /**
- * @description 切换显示隐藏
- */
- onVisibleChange?: (visible: any, e: Record<string, any>) => void;
- /**
- * @description 显示连接符
- * @default '-''
- */
- splitCharacter: string;
- /**
- * @description 开始时间提示文案
- * @default '未选择'
- */
- startPlaceholder: string;
- /**
- * @description 结束时间提示文案
- * @default '未选择'
- */
- endPlaceholder: string;
- /**
- * @description 点击蒙层是否可以关闭
- * @default false
- */
- maskClosable: boolean;
- /**
- * @description 弹出框类名
- */
- popClassName: string;
- /**
- * @description 弹出框样式
- */
- popStyle: string;
- /**
- * 自定义每列展示的内容
- * @param type
- * @param value
- */
- onFormatLabel?(type: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second', value: number): string;
- }
- export declare const DateRangePickerDefaultProps: Partial<IDateRangePickerProps>;
|