| | |
| | | } |
| | | |
| | | let checkAll = '' |
| | | let mainBox = '' |
| | | if (config.wrap.selStyle && config.wrap.selStyle.indexOf('check') > -1) { |
| | | if (selectedData.length > 0) { |
| | | checkAll = selectedData.length < data.length ? ' half' : ' whole' |
| | | } |
| | | } else if (card.setting.display !== 'default' && card.setting.controlIcon === 'left') { |
| | | mainBox = 'flex-card ' |
| | | } |
| | | |
| | | return ( |
| | | <div className="custom-data-card-box" id={'anchor' + config.uuid} style={config.style}> |
| | | {loading ? |
| | |
| | | </Col> |
| | | ))} |
| | | {data && data.map((item, index) => { |
| | | let className = `card-item-wrap mk-card ` |
| | | let className = 'card-item-wrap mk-card ' + mainBox |
| | | let subClass = 'mk-unfold' |
| | | let unfold = true |
| | | if (config.wrap.parity === 'true') { |
| | |
| | | } |
| | | } |
| | | if (item.$disabled) { |
| | | className = 'mk-disabled' |
| | | className = 'mk-disabled ' + mainBox |
| | | } else if (activeKey === index) { |
| | | className += 'active' |
| | | } else if (selectKeys.indexOf(index) > -1) { |
| | |
| | | {card.setting.display !== 'default' && card.setting.controlIcon !== 'left' ? <UpOutlined className={subClass} onClick={(e) => this.changeUnfold(e, index, subClass)}/> : null} |
| | | </CardItem> |
| | | <div className={'sub-card-wrap ' + subClass}> |
| | | {item.children.map((cell, index) => <Col key={'d' + index} span={subcard.setting.width || 24}> |
| | | {item.children.map((cell, index) => <Col key={'sub' + index} span={subcard.setting.width || 24}> |
| | | <CardItem card={subcard} cards={subconfig} data={cell} /> |
| | | </Col>)} |
| | | </div> |