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.4 KiB
36 lines
1.4 KiB
2 years ago
|
<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-radio
|
||
|
|
class="{{ prefixCls + '__radio' }}"
|
||
|
|
prefixCls="{{ option.prefixCls || 'wux-radio' }}"
|
||
|
|
cellPrefixCls="{{ option.cellPrefixCls || 'wux-cell' }}"
|
||
|
|
selectablePrefixCls="{{ option.selectablePrefixCls || 'wux-selectable' }}"
|
||
|
|
thumb="{{ option.thumb || '' }}"
|
||
|
|
title="{{ option.title || '' }}"
|
||
|
|
label="{{ option.label || '' }}"
|
||
|
|
value="{{ option.value }}"
|
||
|
|
checked="{{ inputValue === option.value }}"
|
||
|
|
disabled="{{ option.disabled || disabled }}"
|
||
|
|
readOnly="{{ option.readOnly || readOnly }}"
|
||
|
|
color="{{ option.color || 'balanced' }}"
|
||
|
|
data-index="{{ index }}"
|
||
|
|
bind:change="onRadioChange"
|
||
|
|
/>
|
||
|
|
</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 }) }
|
||
|
|
</wxs>
|