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.
36 lines
1.5 KiB
36 lines
1.5 KiB
<wux-cell-group
|
|
id="wux-cell-group"
|
|
wux-class="{{ prefixCls }}"
|
|
prefixCls="{{ cellGroupPrefixCls }}"
|
|
title="{{ title }}"
|
|
label="{{ label }}"
|
|
mode="{{ mode }}"
|
|
bodyStyle="{{ bodyStyle }}"
|
|
>
|
|
<block wx:for="{{ common.getOptions(options) }}" wx:for-item="option" wx:key="index" wx:if="{{ options.length > 0 }}">
|
|
<wux-checkbox
|
|
class="{{ prefixCls + '__checkbox' }}"
|
|
prefixCls="{{ option.prefixCls || 'wux-checkbox' }}"
|
|
cellPrefixCls="{{ option.cellPrefixCls || 'wux-cell' }}"
|
|
selectablePrefixCls="{{ option.selectablePrefixCls || 'wux-selectable' }}"
|
|
title="{{ option.title || '' }}"
|
|
label="{{ option.label || '' }}"
|
|
extra="{{ option.extra || '' }}"
|
|
value="{{ option.value }}"
|
|
checked="{{ common.getChecked(inputValue, option) }}"
|
|
disabled="{{ option.disabled || disabled }}"
|
|
readOnly="{{ option.readOnly || readOnly }}"
|
|
color="{{ option.color || 'balanced' }}"
|
|
data-index="{{ index }}"
|
|
bind:change="onCheckboxChange"
|
|
/>
|
|
</block>
|
|
<block wx:if="{{ options.length === 0 }}">
|
|
<slot></slot>
|
|
</block>
|
|
</wux-cell-group>
|
|
|
|
<wxs module="common">
|
|
module.exports.getOptions = function(options) { return options.map(function(option) { if (option.constructor === 'String') { return { title: option, value: option } } return option }) }
|
|
module.exports.getChecked = function(values, option) { return values.indexOf(option.value) !== -1 }
|
|
</wxs>
|
|
|