| | |
| | | changeStyle = () => { |
| | | const { card } = this.state |
| | | |
| | | MKEmitter.emit('changeStyle', [card.uuid], ['background', 'border', 'padding', 'margin', 'shadow'], card.style) |
| | | let style = {...card.style} |
| | | style.color = card.wrap.color || 'rgba(0, 0, 0, 0.65)' |
| | | style.fontSize = card.wrap.fontSize || 14 |
| | | style.fontWeight = card.wrap.fontWeight || 'normal' |
| | | |
| | | MKEmitter.emit('changeStyle', [card.uuid], ['font1', 'background', 'border', 'padding', 'margin', 'shadow'], style) |
| | | } |
| | | |
| | | getStyle = (comIds, style) => { |
| | |
| | | |
| | | if (comIds[0] !== card.uuid || comIds.length !== 1) return |
| | | |
| | | let _card = {...card, style} |
| | | let _card = fromJS(card).toJS() |
| | | let _style = fromJS(style).toJS() |
| | | |
| | | let color = style.color |
| | | let fontSize = style.fontSize |
| | | let fontWeight = style.fontWeight |
| | | |
| | | delete _style.color |
| | | delete _style.fontSize |
| | | delete _style.fontWeight |
| | | |
| | | _card.style = _style |
| | | _card.wrap.color = color |
| | | _card.wrap.fontSize = fontSize |
| | | _card.wrap.fontWeight = fontWeight |
| | | |
| | | this.setState({ |
| | | card: _card |
| | |
| | | } |
| | | |
| | | updateWrap = (res) => { |
| | | let card = {...this.state.card, wrap: res} |
| | | const { card } = this.state |
| | | |
| | | res.color = card.wrap.color |
| | | res.fontSize = card.wrap.fontSize |
| | | res.fontWeight = card.wrap.fontWeight |
| | | |
| | | let _card = {...card, wrap: res} |
| | | |
| | | if (res.tableType) { |
| | | card.switchable = true |
| | | _card.switchable = true |
| | | } |
| | | |
| | | this.updateComponent(card) |
| | | this.updateComponent(_card) |
| | | } |
| | | |
| | | clickComponent = (e) => { |
| | |
| | | <SearchComponent config={card} updatesearch={this.updateconfig}/> |
| | | <ActionComponent type="editable" config={card} setSubConfig={this.setSubConfig} updateaction={this.updateComponent}/> |
| | | <ColumnComponent config={card} updatecolumn={this.updateconfig}/> |
| | | <div className="component-name"><div className="center">{card.name}</div></div> |
| | | </div> |
| | | ) |
| | | } |