You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.2 KiB
57 lines
2.2 KiB
1 year ago
|
<wxs src="../common/utils.wxs" module="_" />
|
||
|
|
|
||
|
|
<view
|
||
|
|
style="{{_._style([style, customStyle])}}"
|
||
|
|
class="{{_.cls(classPrefix, [placement, theme, ['checked', checked], ['block', block]])}} class {{prefix}}-class"
|
||
|
|
aria-role="checkbox"
|
||
|
|
aria-checked="{{checked ? (indeterminate ? 'mixed' : true) : false}}"
|
||
|
|
aria-disabled="{{disabled ? true : false}}"
|
||
|
|
bind:tap="onChange"
|
||
|
|
tabindex="{{tabindex}}"
|
||
|
|
>
|
||
|
|
<view
|
||
|
|
wx:if="{{theme == 'default'}}"
|
||
|
|
class="{{_.cls(classPrefix + '__icon', [placement, ['checked', checked], ['disabled', disabled]])}} {{prefix}}-class-icon"
|
||
|
|
>
|
||
|
|
<view wx:if="{{_.isArray(icon)}}" class="{{classPrefix}}__icon">
|
||
|
|
<image src="{{checked ? icon[0] : icon[1]}}" class="{{classPrefix}}__icon-image" webp />
|
||
|
|
</view>
|
||
|
|
<block wx:else>
|
||
|
|
<t-icon
|
||
|
|
wx:if="{{checked && (icon == 'circle' || icon == 'rectangle')}}"
|
||
|
|
name="{{indeterminate ? ('minus-' + icon + '-filled') : ('check-' + icon + '-filled')}}"
|
||
|
|
class="{{_.cls(classPrefix + '__icon-wrapper', [])}}"
|
||
|
|
/>
|
||
|
|
<t-icon
|
||
|
|
wx:if="{{checked && icon == 'line'}}"
|
||
|
|
name="{{indeterminate ? ('minus-' + icon + '-filled') : 'check'}}"
|
||
|
|
class="{{_.cls(classPrefix + '__icon-wrapper', [])}}"
|
||
|
|
/>
|
||
|
|
<view
|
||
|
|
wx:elif="{{!checked && (icon == 'circle' || icon == 'rectangle')}}"
|
||
|
|
class="{{_.cls(classPrefix + '__icon-' + icon, [['disabled', disabled]])}}"
|
||
|
|
/>
|
||
|
|
<view wx:if="{{!checked && icon == 'line'}}" class="placeholder"></view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
<view class="{{classPrefix}}__content" data-target="text" catch:tap="onChange">
|
||
|
|
<view
|
||
|
|
class="{{_.cls(classPrefix + '__title', [['disabled', disabled], ['checked', checked]])}} {{prefix}}-class-label"
|
||
|
|
style="-webkit-line-clamp:{{maxLabelRow}}"
|
||
|
|
>
|
||
|
|
{{label}}
|
||
|
|
<slot />
|
||
|
|
<slot name="label" />
|
||
|
|
</view>
|
||
|
|
<view
|
||
|
|
class="{{_.cls(classPrefix + '__description', [['disabled', disabled]])}} {{prefix}}-class-content "
|
||
|
|
style="-webkit-line-clamp:{{maxContentRow}}"
|
||
|
|
>{{content}}<slot name="content"
|
||
|
|
/></view>
|
||
|
|
</view>
|
||
|
|
<view
|
||
|
|
wx:if="{{theme == 'default' && !borderless}}"
|
||
|
|
class="{{_.cls(classPrefix + '__border', [placement])}} {{prefix}}-class-border"
|
||
|
|
/>
|
||
|
|
</view>
|