<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}}"
>
  <block a:if="{{readonly && !formData.value && formData.value !== 0}}">
    <slot
      name="readonly"
      formData="{{formData}}"
    >
      -
    </slot>
  </block>
  <rate
    style="{{readonly && !formData.value && formData.value !== 0 ? 'display:none' : ''}};{{rateStyle}}"
    value="{{formData.value}}"
    count="{{count}}"
    gutter="{{gutter}}"
    readonly="{{readonly}}"
    allowHalf="{{allowHalf}}"
    allowClear="{{allowClear}}"
    className="{{rateClassName}}"
    characterActiveClassName="{{characterActiveClassName}}"
    characterClassName="{{characterClassName}}"
    onChange="onChange"
  >
    <view slot="character">
      <slot name="character">
        <ant-icon type="StarFill"></ant-icon>
      </slot>
    </view>
  </rate>
  <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>