From 182445f68ca03beb95a90e57867f356fe155126b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 13 十一月 2021 21:14:23 +0800 Subject: [PATCH] 2021-11-13 --- src/menu/components/card/cardsimplecomponent/index.jsx | 26 +++++++++++++++++++++----- 1 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/menu/components/card/cardsimplecomponent/index.jsx b/src/menu/components/card/cardsimplecomponent/index.jsx index 8cada9d..f77a254 100644 --- a/src/menu/components/card/cardsimplecomponent/index.jsx +++ b/src/menu/components/card/cardsimplecomponent/index.jsx @@ -12,6 +12,7 @@ // import './index.scss' const NormalForm = asyncIconComponent(() => import('@/components/normalform')) +const NodesWrap = asyncComponent(() => import('./node-wrap')) const CardCellComponent = asyncComponent(() => import('../cardcellcomponent')) const CopyComponent = asyncIconComponent(() => import('@/menu/components/share/copycomponent')) @@ -155,6 +156,16 @@ } } + updateNodes = (res) => { + const { card } = this.state + + this.setState({ + card: {...card, nodes: res} + }) + + this.props.updateElement({...card, nodes: res}) + } + updateSetting = (res) => { const { card, appType } = this.state @@ -193,6 +204,11 @@ if (cards.type === 'carousel') { _style.height = cards.style.height } + + let control = true + if (cards.subtype === 'datacard' || cards.type === 'timeline') { + control = false + } _style = resetStyle(_style) @@ -205,12 +221,12 @@ <div className="mk-popover-control"> <Icon className="plus" title="娣诲姞鍏冪礌" onClick={this.addElement} type="plus" /> <Icon className="plus" title="娣诲姞鎸夐挳" onClick={this.addButton} type="plus-square" /> - <NormalForm title="鍗$墖璁剧疆" width={800} update={this.updateSetting} getForms={this.getSettingForms}> + {cards.type !== 'timeline' ? <NormalForm title="鍗$墖璁剧疆" width={800} update={this.updateSetting} getForms={this.getSettingForms}> <Icon type="edit" style={{color: '#1890ff'}} title="缂栬緫"/> - </NormalForm> - <CopyComponent type="cardcell" card={card}/> + </NormalForm> : <NodesWrap card={card} updateMenus={this.updateNodes}/>} + {cards.type !== 'timeline' ? <CopyComponent type="cardcell" card={card}/> : null} <Icon className="style" title="璋冩暣鏍峰紡" onClick={this.changeStyle} type="font-colors" /> - {cards.subtype !== 'datacard' ? <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ + {control ? <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> <Icon className="plus" title="鍓嶇Щ" type="arrow-left" onClick={() => this.props.move(card, 'left')} /> <Icon className="close" title="鍚庣Щ" type="arrow-right" onClick={() => this.props.move(card, 'right')} /> @@ -218,7 +234,7 @@ } trigger="hover" getPopupContainer={() => document.getElementById(card.uuid + 'swap')}> <Icon type="swap" id={card.uuid + 'swap'}/> </Popover> : null} - {cards.subtype !== 'datacard' ? <Icon className="close" title="鍒犻櫎鍗$墖" type="delete" onClick={() => this.props.deleteElement(card)} /> : null} + {control ? <Icon className="close" title="鍒犻櫎鍗$墖" type="delete" onClick={() => this.props.deleteElement(card)} /> : null} </div> } trigger="hover"> <Icon type="tool" /> -- Gitblit v1.8.0