<wxs
  src="../../_util/isPropsEmpty.wxs"
  module="u"
></wxs>
<form-item
  className="{{className}}"
  style="{{style}}"
  position="{{position}}"
  label="{{label}}"
  labelWidth="{{labelWidth}}"
  status="{{formData.status}}"
  errors="{{formData.errors}}"
  tooltip="{{tooltip}}"
  required="{{formData.required}}"
  requiredMark="{{requiredMark}}"
  validateStatus="{{validateStatus}}"
  help="{{help}}"
>
  <view wx:if="{{readonly}}">
    <text wx:if="{{formData.value}}">{{formData.value}}</text>
    <text wx:else>-</text>
  </view>
  <ant-textarea
    style="{{readonly ? 'display:none' : ''}};{{textareaStyle}}"
    bindref="handleRef"
    allowClear="{{allowClear}}"
    enableNative="{{enableNative}}"
    disabled="{{disabled}}"
    placeholder="{{u.isPropsEmpty(placeholder) ? locale.global.placeholder : placeholder}}"
    placeholderClassName="{{placeholderClassName}}"
    placeholderStyle="{{placeholderStyle}}"
    maxLength="{{maxLength}}"
    autoHeight="{{autoHeight}}"
    showCount="{{showCount}}"
    bindchange="onChange"
    onBlur="onBlur"
    onFocus="onFocus"
    onConfirm="onConfirm"
  ></ant-textarea>
  <view
    wx:if="{{!tooltip}}"
    slot="tooltip"
  >
    <slot name="tooltip"></slot>
  </view>
  <view slot="extra">{{extra}}</view>
  <view
    slot="header"
    slot-scope="item"
  >
    <slot
      name="header"
      errors="{{item.errors}}"
      status="{{item.status}}"
    ></slot>
  </view>
  <view
    slot="footer"
    slot-scope="item"
  >
    <slot
      name="footer"
      errors="{{item.errors}}"
      status="{{item.status}}"
    ></slot>
  </view>
</form-item>