<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 a:if="{{readonly}}">
    <slot
      name="readonly"
      formData="{{formData}}"
    >
      <image
        a:if="{{formData.value.length > 0}}"
        class="ant-image-upload-image"
        mode="{{imageMode}}"
        src="{{item.url || item.path}}"
        a:for="{{formData.value}}"
        a:for-index="index"
        a:for-item="item"
      ></image>
      <text a:if="{{formData.value.length <= 0}}">-</text>
    </slot>
  </view>
  <image-upload
    style="{{readonly ? 'display:none' : ''}};{{imageUploadStyle}}"
    ref="handleRef"
    defaultFileList="{{formData.value}}"
    maxCount="{{maxCount}}"
    imageMode="{{imageMode}}"
    sourceType="{{sourceType}}"
    onChange="onChange"
    onUpload="{{handleUpload ? handleUpload : 'handleUpload'}}"
    onRemove="{{handleRemove ? handleRemove : 'handleRemove'}}"
    onPreview="onPreview"
    onBeforeUpload="{{handleBeforeUpload ? handleBeforeUpload : 'handleBeforeUpload'}}"
    onChooseImageError="onChooseImageError"
  ></image-upload>
  <view
    a:if="{{!tooltip}}"
    slot="tooltip"
  >
    <slot name="tooltip"></slot>
  </view>
  <view slot="extra">
    <slot name="extra">
      {{extra}}
    </slot>
  </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>