<wxs
  src="./index.wxs"
  module="_sjs"
></wxs>
<wxs
  src="../_util/isPropsEmpty.wxs"
  module="u"
></wxs>
<view
  class="ant-picker {{disabled ? 'ant-picker-disabled' : ''}} {{readonly ? 'ant-picker-readonly' : ''}} {{className || ''}}"
  style="{{style || ''}}"
  bindtap="onOpen"
>
  <slot
    name="prefix"
    value="{{formatValue}}"
  ></slot>
  <view class="ant-picker-value">
    <view
      wx:if="{{formatValue}}"
      class="ant-picker-value-text"
    >{{formatValue}}</view>
    <block wx:else>
      <view class="ant-picker-value-placeholder">{{u.isPropsEmpty(placeholder) ? locale.global.placeholder : placeholder}}</view>
    </block>
  </view>
  <slot
    name="suffix"
    value="{{formatValue}}"
  ></slot>
</view>
<ant-popup
  className="ant-picker-popup {{popClassName || ''}}"
  style="{{popStyle || ''}}"
  position="bottom"
  animationType="{{animationType}}"
  destroyOnClose
  bindclose="onMaskDismiss"
  visible="{{visible}}"
>
  <view class="ant-picker-header">
    <view
      class="ant-picker-header-item ant-picker-header-cancel"
      hoverClass="ant-picker-header-item-hover"
      hoverStartTime="20"
      hoverStayTime="50"
      bindtap="onCancel"
    >{{u.isPropsEmpty(cancelText) ? locale.global.cancelText : cancelText}}</view>
    <view class="ant-picker-header-item ant-picker-header-title">
      <view>{{title}}</view>
    </view>
    <view
      class="ant-picker-header-item ant-picker-header-confirm"
      hoverClass="ant-picker-header-item-hover"
      hoverStartTime="20"
      hoverStayTime="50"
      bindtap="onOk"
    >{{u.isPropsEmpty(okText) ? locale.global.okText : okText}}</view>
  </view>
  <view class="ant-picker-content">
    <slot name="content-header"></slot>
    <block wx:if="{{columns.length > 0}}">
      <picker-view
        class="ant-picker-picker-view"
        maskStyle="{{maskStyle || ''}}"
        maskClass="{{maskClassName || ''}}"
        indicatorStyle="{{indicatorStyle || ''}}"
        indicatorClass="{{indicatorClassName || ''}}"
        value="{{selectedIndex}}"
        bindchange="onChange"
      >
        <block
          wx:for="{{columns}}"
          wx:for-index="dataIndex"
          wx:for-item="dataRoot"
        >
          <picker-view-column
            wx:if="{{dataIndex < options.length}}"
            class="ant-picker-picker-view-column"
          >
            <block
              wx:for="{{dataRoot}}"
              wx:for-index="index"
              wx:for-item="item"
            >
              <view class="ant-picker-content-item">{{_sjs.getPickerViewLabel(item)}}</view>
            </block>
          </picker-view-column>
        </block>
      </picker-view>
    </block>
    <block wx:else>
      <picker-view class="ant-picker-picker-view">
        <picker-view-column class="ant-picker-picker-view-column">
          <!--display: inline-->
          <text style="color: #ccc">{{u.isPropsEmpty(emptyText) ? locale.global.emptyText : emptyText}}</text>
        </picker-view-column>
      </picker-view>
    </block>
  </view>
</ant-popup>