props.d.ts 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. import { IBaseProps } from '../../_util/base';
  2. export type PickerValue = [Date, Date];
  3. /**
  4. * @description 对话框
  5. */
  6. export interface IDateRangePickerProps extends IBaseProps {
  7. visible?: boolean;
  8. defaultVisible?: boolean;
  9. /**
  10. * @desciption 动画类型
  11. * @default "transform"
  12. */
  13. animationType: 'transform' | 'position';
  14. /**
  15. * @description 时间格式化显示,例如YYYY-MM-DD
  16. */
  17. format: string;
  18. /**
  19. * @description 最小值
  20. * @default 十年前
  21. */
  22. min: Date;
  23. /**
  24. * @description 最大值
  25. * @default 十年后
  26. */
  27. max: Date;
  28. /**
  29. * @description 当前数据
  30. */
  31. value: PickerValue;
  32. /**
  33. * @description 默认值
  34. */
  35. defaultValue: PickerValue;
  36. /**
  37. * @description 标题
  38. */
  39. title: string;
  40. /**
  41. * @description 确定按钮文案
  42. * @default "确定"
  43. */
  44. okText: string;
  45. /**
  46. * @description 取消文案
  47. * @default "取消"
  48. */
  49. cancelText: string;
  50. /**
  51. * @description 提示文案
  52. * @default '请选择'
  53. */
  54. placeholder: string;
  55. /**
  56. * @description 是否禁用
  57. */
  58. disabled?: boolean;
  59. /**
  60. *@description 选中框样式
  61. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  62. */
  63. indicatorStyle?: string;
  64. /**
  65. *@description 选中框类名
  66. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  67. */
  68. indicatorClassName?: string;
  69. /**
  70. * @description 蒙层的样式。
  71. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  72. */
  73. maskStyle?: string;
  74. /**
  75. * @description 蒙层的类名。
  76. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  77. */
  78. maskClassName?: string;
  79. /**
  80. * @description 点击确认回调
  81. */
  82. onOk?: (date: PickerValue, dateStr: [string, string], e: Record<string, any>) => void;
  83. /**
  84. * @description 点击取消回调
  85. */
  86. onCancel?: (e: Record<string, any>) => void;
  87. /**
  88. * @description 发生滚动即触发, 与 onChange 点击 ok 后触发不同
  89. */
  90. onPickerChange?: (type: 'start' | 'end', date: Date, dateStr: string, e: Record<string, any>) => void;
  91. /**
  92. * @description 精度
  93. * @default 'day'
  94. */
  95. precision: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
  96. /**
  97. * @description 选中值的文本显示格式
  98. */
  99. onFormat?: (date: PickerValue, dateStr: [string, string]) => string;
  100. /**
  101. * @description 切换显示隐藏
  102. */
  103. onVisibleChange?: (visible: any, e: Record<string, any>) => void;
  104. /**
  105. * @description 显示连接符
  106. * @default '-''
  107. */
  108. splitCharacter: string;
  109. /**
  110. * @description 开始时间提示文案
  111. * @default '未选择'
  112. */
  113. startPlaceholder: string;
  114. /**
  115. * @description 结束时间提示文案
  116. * @default '未选择'
  117. */
  118. endPlaceholder: string;
  119. /**
  120. * @description 点击蒙层是否可以关闭
  121. * @default false
  122. */
  123. maskClosable: boolean;
  124. /**
  125. * @description 弹出框类名
  126. */
  127. popClassName: string;
  128. /**
  129. * @description 弹出框样式
  130. */
  131. popStyle: string;
  132. /**
  133. * 自定义每列展示的内容
  134. * @param type
  135. * @param value
  136. */
  137. onFormatLabel?(type: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second', value: number): string;
  138. }
  139. export declare const DateRangePickerDefaultProps: Partial<IDateRangePickerProps>;