<wxs
  src="./index.wxs"
  module="componentUtils"
></wxs>
<template
  name="radio"
  data="{{$id}}"
>
  <view class="ant-radio-item-wrap">
    <radio
      value="{{value}}"
      class="ant-radio-item-base"
      checked="{{mixin.value}}"
      disabled="{{disabled}}"
    ></radio>
    <view class="ant-radio-item-fake">
      <view
        class="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}"
        style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}"
      >
        <ant-icon
          wx:if="{{mixin.value}}"
          type="CheckOutline"
          className="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon"
        ></ant-icon>
      </view>
    </view>
  </view>
</template>
<label
  wx:if="{{isLabelSupport}}"
  class="ant-radio-item {{className || ''}}"
  style="{{style}}"
  bindtap="handleTap"
>
  <view class="ant-radio-item-container">
    <template
      is="radio"
      data="{{ value, mixin, disabled, color, $id }}"
    ></template>
    <view class="ant-radio-item-content {{disabled ? 'ant-radio-item-disabled' : ''}}">
      <slot></slot>
    </view>
  </view>
</label>
<view
  wx:else
  class="ant-radio-item {{className || ''}}"
  style="{{style}}"
  catchtap="handleTap"
>
  <view class="ant-radio-item-container">
    <template
      is="radio"
      data="{{ value, mixin, disabled, color, $id }}"
    ></template>
    <view class="ant-radio-item-content {{disabled ? 'ant-radio-item-disabled' : ''}}">
      <slot></slot>
    </view>
  </view>
</view>