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 | 26 ++++++++++++++++++++++++-- 1 files changed, 24 insertions(+), 2 deletions(-) diff --git a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx index 7395d2a..2bee5ee 100644 --- a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx +++ b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx @@ -59,7 +59,7 @@ 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) } @@ -184,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') { @@ -232,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()}> @@ -242,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