props.d.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. import { IBaseProps } from '../_util/base';
  2. export interface PickerData {
  3. value: PickerValue;
  4. label: string;
  5. }
  6. export declare type PickerValue = string | number | PickerData | (string | number | PickerData)[];
  7. /**
  8. * @description 选择器,包括一个或多个不同值的可滚动列表,每个值可以在视图的中心以较暗的文本形式显示。当用户激活 **Picker** 后,将会从底部弹出。
  9. */
  10. export interface IPickerProps extends IBaseProps {
  11. visible?: boolean;
  12. defaultVisible?: boolean;
  13. /**
  14. * @desciption 动画类型
  15. * @default "transform"
  16. */
  17. animationType: 'transform' | 'position';
  18. /**
  19. * @description picker 数据
  20. */
  21. value: PickerValue;
  22. /**
  23. * @description 格式化后的 value 文本, 优先级大于 onFormat
  24. */
  25. formattedValueText?: string;
  26. /**
  27. * @description 默认picker 数据
  28. */
  29. defaultValue: PickerValue;
  30. /**
  31. * @description 是否禁用
  32. */
  33. disabled?: boolean;
  34. /**
  35. * @description 标题
  36. */
  37. title: string;
  38. /**
  39. * @description 确定按钮文案
  40. * @default "确定"
  41. */
  42. okText: string;
  43. /**
  44. * @description 取消文案
  45. * @default "取消"
  46. */
  47. cancelText: string;
  48. /**
  49. * @description 提示文案
  50. * @default '请选择'
  51. */
  52. placeholder: string;
  53. /**
  54. * @description 空状态提示文案
  55. * @default '暂无数据'
  56. */
  57. emptyText?: string;
  58. /**
  59. * @description picker 数据
  60. */
  61. options: PickerValue[];
  62. /**
  63. * @description 点击蒙层是否可以关闭
  64. * @default false
  65. */
  66. maskClosable: boolean;
  67. /**
  68. * @description 弹出框类名
  69. */
  70. popClassName: string;
  71. /**
  72. * @description 弹出框样式
  73. */
  74. popStyle: string;
  75. /**
  76. *@description 选中框样式
  77. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  78. */
  79. indicatorStyle?: string;
  80. /**
  81. *@description 选中框类名
  82. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  83. */
  84. indicatorClassName?: string;
  85. /**
  86. * @description 蒙层的样式。
  87. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  88. */
  89. maskStyle?: string;
  90. /**
  91. * @description 蒙层的类名。
  92. * 版本要求: 支付宝小程序基础库 1.10.0 及以上
  93. */
  94. maskClassName?: string;
  95. /**
  96. * @description 点击确认回调
  97. */
  98. onOk?: (value: PickerValue, column: PickerData, e: Record<string, any>) => void;
  99. /**
  100. * @description 点击取消回调
  101. */
  102. onCancel?: (e: Record<string, any>) => void;
  103. /**
  104. * @description 发生滚动即触发, 与 onChange 点击 ok 后触发不同
  105. */
  106. onChange?: (value: PickerValue, column: PickerData, e: Record<string, any>) => void;
  107. /**
  108. * @description 选中值的文本显示格式
  109. */
  110. onFormat?: (value: PickerValue, column: PickerValue) => string;
  111. /**
  112. * @description 切换显示隐藏
  113. */
  114. onVisibleChange?: (visible: boolean, e: Record<string, any>) => void;
  115. }
  116. export declare const PickerDefaultProps: Partial<IPickerProps>;