<view style="display: contents" bindtap="click">
  <slot/>

</view>

<popup-plugin visible="{{visible}}" bind:close="close" title="{{title}}">

  <view style="padding: 12px 0;">
    <t-radio-group
      wx:if="{{mode == 'single'}}"
      bind:change="radioChange"
      allow-uncheck
      value="{{val}}"
      borderless
    >
      <t-radio
        wx:for="{{options}}"
        wx:key="index"
        value="{{item.value}}"
        style="padding-bottom: 6px;padding-top: 6px;"
      >{{item.label}}
      </t-radio>
    </t-radio-group>
    <t-checkbox-group
      wx:else
      value="{{val}}"
      bind:change="checkboxChange"
      borderless
    >
      <t-checkbox
        style="padding-bottom: 6px;padding-top: 6px;"
        wx:for="{{options}}"
        icon="rectangle"
        wx:key="index"
        value="{{item.value}}"
      >{{item.label}}
      </t-checkbox>
    </t-checkbox-group>
  </view>
  <view class="footer" wx:if="{{ mode == 'multiple' }}">
    <t-button size="small" theme="primary" bindtap="ok">确定</t-button>
  </view>
</popup-plugin>

