<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="../wxs/style.wxs" module="style" />

<view
  class="{{ utils.bem('rate') }} aio-class"
  bind:touchmove="onTouchMove"
>
  <view
    class="{{ utils.bem('rate__item') }}"
    wx:for="{{ innerCountArray }}"
    wx:key="index"
    style="{{ style({ paddingRight: index !== count - 1 ? utils.addUnit(gutter) : null }) }}"
  >
    <aio-image
      name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
      width="{{ size }}"
      height="{{ size }}"
      class="aio-rate__icon"
      aio-class="icon-class"
      data-score="{{ index }}"
      bind:click="onSelect"
    />
    <!-- 半星待开发 -->
    <!-- <aio-image
      wx:if="{{ allowHalf }}"
      name="{{ index + 0.5 <= innerValue ? icon : voidIcon }}"
      width="{{ size }}"
      height="{{ size }}"
      class="aio-rate__icon"
      aio-class="icon-class"
      data-score="{{ index - 0.5 }}"
      bind:click="onSelect"
    /> -->
  </view>
</view>
