<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>
    <view a:if="{{readonly}}">
      <slot
        name="readonly"
        formData="{{formData}}"
      >
        <text a:if="{{formData.value}}">{{formData.value}}</text>
        <text a:else>-</text>
      </slot>
    </view>
    <ant-radio-group
      style="{{readonly ? 'display:none' : ''}};{{radioGroupStyle}}"
      options="{{options}}"
      value="{{formData.value}}"
      onChange="onChange"
      color="{{color}}"
      disabled="{{disabled}}"
      position="{{radioPosition}}"
    >
      <slot
        name="radioLabel"
        value="{{props.value}}"
        index="{{props.index}}"
        slot="label"
        slot-scope="props"
      ></slot>
    </ant-radio-group>
  </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-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>