From c96108bd84050feb01b47db3f5cae96670fda435 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 30 十月 2024 12:54:24 +0800 Subject: [PATCH] 2024-10-30 --- src/menu/components/card/cardcellcomponent/dragaction/card.jsx | 38 +++++++++++++++++++++++++++++++++----- 1 files changed, 33 insertions(+), 5 deletions(-) diff --git a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx index 4cbb8a3..2bee5ee 100644 --- a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx +++ b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx @@ -59,14 +59,20 @@ let _style = {opacity: isDragging ? 0.3 : 1} - if (card.style) { + if (card.style && card.eleType !== 'tag') { _style = {...card.style, opacity: isDragging ? 0.3 : 1} _style = resetStyle(_style) } if (card.eleType === 'picture' && card.maxWidth) { _style.maxWidth = card.maxWidth - let left = _style.marginLeft && _style.marginLeft !== '0px' ? _style.marginLeft : 'auto' - let right = _style.marginRight && _style.marginRight !== '0px' ? _style.marginRight : 'auto' + let left = _style.marginLeft || 'auto' + let right = _style.marginRight || 'auto' + + if (_style.marginLeft === '0px' && _style.marginRight === '0px') { + left = 'auto' + right = 'auto' + } + _style.margin = (_style.marginTop || 0) + ' ' + right + ' ' + (_style.marginBottom || 0) + ' ' + left delete _style.marginLeft delete _style.marginRight @@ -77,7 +83,7 @@ const getContent = () => { if (card.eleType === 'sequence') { return ( - <div style={{height: card.innerHeight || 'auto'}} className="ant-mk-text">1</div> + <div style={{height: card.innerHeight || 'auto'}} className="ant-mk-text">{card.prefix || ''}1{card.postfix || ''}</div> ) } else if (card.eleType === 'text' || card.eleType === 'number') { let val = `${card.prefix || ''}${card.datatype === 'static' ? (card.value || '') : (card.field || '')}${card.postfix || ''}` @@ -178,9 +184,25 @@ let _s = {fontSize: card.fixSize, color: card.fixColor, marginLeft: card.fixLeft, marginRight: card.fixRight} val = <><span style={_s}>{card.prefix || ''}</span>{card.formula}<span style={_s}>{card.postfix || ''}</span></> } + return ( <div className="ant-mk-text" style={{height: card.innerHeight || 'auto'}}> {val} + </div> + ) + } else if (card.eleType === 'tag') { + let vals = [] + if (card.datatype === 'static') { + vals = card.value.split(',').filter(Boolean) + } else { + vals = [card.field || ''] + } + + let _style = resetStyle(card.style) + + return ( + <div className="ant-mk-tag"> + {vals.map((val, index) => <span key={index} className="tag-item" style={_style}>{val}</span>)} </div> ) } else if (card.eleType === 'color') { @@ -226,6 +248,12 @@ mark = false } + let className = 'ant-col card-cell ant-col-' + card.width + + if (card.noValue === 'hide') { + className += ' no-value-hide' + } + return ( <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control" onDoubleClick={(e) => e.stopPropagation()}> @@ -236,7 +264,7 @@ {mark ? <MarkColumn field={card.field || ''} columns={fields} type={card.eleType} marks={card.marks} onSubmit={(vals) => updateMarks({...card, marks: vals})} /> : null } </div> } trigger="hover"> - <div ref={node => drag(drop(node))} style={_style_} className={'ant-col card-cell ant-col-' + card.width}> + <div ref={node => drag(drop(node))} style={_style_} className={className}> <div style={_style} onClick={clickComponent} onDoubleClick={() => able && editCard(id)} id={card.uuid}> {getContent()} </div> -- Gitblit v1.8.0