props.d.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. import { IBaseProps } from '../_util/base';
  2. export type PickerValue = Date | string | number;
  3. /**
  4. * @description 对话框
  5. */
  6. export interface IDatePickerProps 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?: PickerValue;
  23. /**
  24. * @description 最大值
  25. * @default 十年后
  26. */
  27. max?: PickerValue;
  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. * @default 'day'
  58. */
  59. precision: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
  60. /**
  61. * @description 点击蒙层是否可以关闭
  62. * @default false
  63. */
  64. maskClosable?: boolean;
  65. /**
  66. * @description 弹出框类名
  67. */
  68. popClassName?: string;
  69. /**
  70. * @description 弹出框样式
  71. */
  72. popStyle?: string;
  73. /**
  74. * @description 是否禁用
  75. */
  76. disabled?: boolean;
  77. /**
  78. *@description 选中框样式
  79. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  80. */
  81. indicatorStyle?: string;
  82. /**
  83. *@description 选中框类名
  84. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  85. */
  86. indicatorClassName?: string;
  87. /**
  88. * @description 蒙层的样式。
  89. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  90. */
  91. maskStyle?: string;
  92. /**
  93. * @description 蒙层的类名。
  94. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  95. */
  96. maskClassName?: string;
  97. /**
  98. * @description 点击确认回调
  99. */
  100. onOk?: (date: PickerValue, dateStr: string, e: Record<string, any>) => void;
  101. /**
  102. * @description 点击取消回调
  103. */
  104. onCancel?: (e: Record<string, any>) => void;
  105. /**
  106. * @description 发生滚动即触发, 与 onChange 点击 ok 后触发不同
  107. */
  108. onPickerChange?: (date: PickerValue, dateStr: string, e: Record<string, any>) => void;
  109. /**
  110. * @description 选中值的文本显示格式
  111. */
  112. onFormat?: (date: PickerValue, dateStr: string) => string;
  113. /**
  114. * @description 切换显示隐藏
  115. */
  116. onVisibleChange?: (visible: any, e: Record<string, any>) => void;
  117. /**
  118. * 自定义每列展示的内容
  119. * @param type
  120. * @param value
  121. */
  122. onFormatLabel?(type: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second', value: number): string;
  123. }
  124. export declare const DatePickerDefaultProps: IDatePickerProps;