index.axml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <import-sjs
  2. from="./index.sjs"
  3. name="_sjs" />
  4. <view
  5. class="ant-picker {{disabled ? 'ant-picker-disabled' : ''}} {{className ? className : ''}}"
  6. style="{{style || ''}}"
  7. onTap="onOpen">
  8. <slot name="prefix" />
  9. <view class="ant-picker-value">
  10. <slot name="content" />
  11. <view
  12. a:if="{{formatValue}}"
  13. class="ant-picker-value-text">
  14. {{formatValue}}
  15. </view>
  16. <view
  17. a:elif="{{placeholder}}"
  18. class="ant-picker-value-placeholder">
  19. {{placeholder}}
  20. </view>
  21. </view>
  22. <slot name="suffix" />
  23. </view>
  24. <popup
  25. className="ant-picker-popup {{popClassName || ''}}"
  26. style="{{popStyle || ''}}"
  27. position="bottom"
  28. animationType="{{ animationType }}"
  29. maskClosable
  30. destroyOnClose
  31. onClose="onMaskDismiss"
  32. visible="{{visible}}">
  33. <view class="ant-picker-header">
  34. <view
  35. class="ant-picker-header-item ant-picker-header-cancel"
  36. hover-class="ant-picker-header-item-hover"
  37. hover-start-time="20"
  38. hover-stay-time="50"
  39. onTap="onCancel">
  40. {{cancelText}}
  41. </view>
  42. <view class="ant-picker-header-item ant-picker-header-title">
  43. <slot name="title">{{title}}</slot>
  44. </view>
  45. <view
  46. class="ant-picker-header-item ant-picker-header-confirm"
  47. hover-class="ant-picker-header-item-hover"
  48. hover-start-time="20"
  49. hover-stay-time="50"
  50. onTap="onOk">
  51. {{okText}}
  52. </view>
  53. </view>
  54. <view class="ant-picker-content">
  55. <slot name="content-header" />
  56. <block a:if="{{columns}}">
  57. <picker-view
  58. mask-style="{{maskStyle || ''}}"
  59. mask-class="{{ maskClassName || ''}}"
  60. indicator-style="{{indicatorStyle|| ''}}"
  61. indicator-class="{{indicatorClassName || ''}}"
  62. value="{{selectedIndex}}"
  63. onChange="onChange">
  64. <block
  65. a:for="{{columns}}"
  66. a:for-item="dataRoot"
  67. a:for-index="dataIndex">
  68. <picker-view-column a:if="{{dataIndex < options.length}}">
  69. <view
  70. a:for="{{dataRoot}}"
  71. class="ant-picker-content-item">
  72. {{_sjs.getPickerViewLabel(item)}}
  73. </view>
  74. </picker-view-column>
  75. </block>
  76. </picker-view>
  77. </block>
  78. <block a:else>
  79. <picker-view>
  80. <picker-view-column>
  81. <text style="color: #ccc">暂无数据</text>
  82. </picker-view-column>
  83. </picker-view>
  84. </block>
  85. </view>
  86. </popup>