<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>
    <block a:if="{{readonly && !formData.value && formData.value !== false}}">
      <slot
        name="readonly"
        formData="{{formData}}"
      >
        -
      </slot>
    </block>
    <switch
      style="{{readonly && !formData.value && formData.value !== false ? 'display:none' : ''}};{{switchStyle}}"
      className="{{switchClassName}}"
      checked="{{formData.value}}"
      checkedText="{{checkedText}}"
      color="{{color}}"
      disabled="{{disabled}}"
      readonly="{{readonly}}"
      uncheckedText="{{uncheckedText}}"
      size="{{size}}"
      onChange="onChange"
    ></switch>
  </view>
  <view
    a:if="{{!tooltip}}"
    slot="tooltip"
  >
    <slot name="tooltip"></slot>
  </view>
  <view slot="extra">
    <slot name="extra">{{extra}}</slot>
  </view>
  <view slot="header">
    <slot name="header"></slot>
  </view>
  <view slot="footer">
    <slot name="footer"></slot>
  </view>
</form-item>