| | |
| | | } |
| | | |
| | | let checkAll = '' |
| | | let mainBox = '' |
| | | if (cards.wrap.selStyle === 'check') { |
| | | checkAll = 'mk-checkable' |
| | | } else if (cards.wrap.selStyle === 'check square') { |
| | | checkAll = 'mk-checkable square' |
| | | } else if (card.setting.display !== 'default' && card.setting.controlIcon === 'left') { |
| | | mainBox = 'flex-card ' |
| | | } |
| | | |
| | | return ( |
| | | <Col span={card.setting.width || 24}> |
| | | <div className="card-item-wrap" style={_wrapStyle}> |
| | | <div className={`card-item ${card.setting.btnControl || ''} ${checkAll} mk-${card.setting.display}`} style={_style} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> |
| | | <div className={`card-item ${card.setting.btnControl || ''} ${checkAll} mk-${card.setting.display} ${mainBox}`} style={_style} onDoubleClick={(e) => {e.stopPropagation(); this.doubleClickCard()}} id={card.uuid}> |
| | | <span className="circle-select"></span> |
| | | {card.setting.controlIcon === 'left' ? <PlusSquareOutlined /> : <UpOutlined />} |
| | | <div className="card-control" onDoubleClick={(e) => e.stopPropagation()}> |