<view class="ant-form-item {{className ? className : ''}} ant-form-item-{{requiredMark}}">
  <slot
    name="header"
    errors="{{errors}}"
    status="{{status}}"
  ></slot>
  <view class="ant-form-item-line ant-form-item-line-{{position}} {{errorInfo ? 'noLine' : ''}}">
    <view class="ant-form-item-content ant-form-item-content-{{position}}">
      <view
        a:if="{{label}}"
        style="{{labelWidth ? 'width: ' + labelWidth : ''}}"
        class="ant-form-item-label {{disabled ? 'ant-form-item-label-disabled' : ''}} ant-form-item-label-{{position}} {{required ? 'ant-form-item-label-required' : ''}}"
      >
        <view class="ant-form-item-label-text">{{label}}</view>
        <popover a:if="{{tooltip}}">
          <view
            slot="content"
            class="ant-form-item-label-help-content"
          >
            {{tooltip}}
          </view>
          <ant-icon type="QuestionCircleOutline"></ant-icon>
        </popover>
        <slot
          name="tooltip"
          a:else
        ></slot>
      </view>
      <view class="ant-form-item-field ant-form-item-field-{{position}}">
        <slot></slot>
        <view
          a:if="{{help || (validateStatus === 'error' || !validateStatus) && status === 'error'}}"
          class="{{validateStatus === 'error' || !validateStatus && status === 'error' ? 'ant-form-item-error-info' : 'ant-form-item-help-info'}} ant-form-item-error-info-{{position}}"
        >
          <view>{{help || errors[0]}}</view>
        </view>
      </view>
    </view>
    <view class="ant-form-item-extra">
      <slot name="extra"></slot>
    </view>
  </view>
  <slot
    name="footer"
    errors="{{errors}}"
    status="{{status}}"
  ></slot>
</view>