2024-12-01 11:56:54 +00:00
|
|
|
<import-sjs
|
|
|
|
from="./index.sjs"
|
|
|
|
name="componentUtils"
|
|
|
|
></import-sjs>
|
|
|
|
<label
|
|
|
|
class="ant-checkbox-item {{className || ''}}"
|
|
|
|
style="{{style || ''}}"
|
|
|
|
>
|
2024-11-10 07:01:22 +00:00
|
|
|
<view class="ant-checkbox-item-container">
|
|
|
|
<view class="ant-checkbox-item-wrap">
|
2024-12-01 11:56:54 +00:00
|
|
|
<checkbox
|
2024-11-10 07:01:22 +00:00
|
|
|
class="ant-checkbox-item-base"
|
|
|
|
value="{{value}}"
|
|
|
|
onChange="onChange"
|
|
|
|
checked="{{mixin.value}}"
|
|
|
|
disabled="{{disabled}}"
|
2024-12-01 11:56:54 +00:00
|
|
|
></checkbox>
|
2024-11-10 07:01:22 +00:00
|
|
|
<view class="ant-checkbox-item-fake">
|
2024-12-01 11:56:54 +00:00
|
|
|
<view
|
|
|
|
class="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}"
|
|
|
|
style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}"
|
|
|
|
>
|
|
|
|
<ant-icon
|
|
|
|
a:if="{{mixin.value}}"
|
|
|
|
type="CheckOutline"
|
|
|
|
className="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon"
|
|
|
|
></ant-icon>
|
2024-11-10 07:01:22 +00:00
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="ant-checkbox-item-content {{disabled ? 'ant-checkbox-item-disabled' : ''}}">
|
2024-12-01 11:56:54 +00:00
|
|
|
<slot></slot>
|
2024-11-10 07:01:22 +00:00
|
|
|
</view>
|
|
|
|
</view>
|
2024-12-01 11:56:54 +00:00
|
|
|
</label>
|