| | |
| | | } |
| | | <EditOutlined className="edit" title="编辑" onClick={() => this.props.editColumn(column)} /> |
| | | {column.type === 'custom' ? <PasteComponent options={['customCardElement']} updateConfig={(res, resolve) => this.props.pasteCell(column, res, resolve)} /> : null} |
| | | {column.type === 'action' ? <PasteComponent options={['action']} updateConfig={(res, resolve) => this.props.pasteCell(column, res, resolve)} /> : null} |
| | | {column.type === 'custom' ? <FontColorsOutlined className="style" title="调整样式" onClick={() => this.props.changeStyle(column)}/> : null} |
| | | <DeleteOutlined className="close" title="删除" onClick={this.deleteCol} /> |
| | | {['text', 'number', 'formula'].includes(column.type) ? <MarkColumn columns={fields} marks={column.marks} onSubmit={this.updateMarks} /> : null } |
| | | {['text', 'number', 'formula'].includes(column.type) ? <MarkColumn field={column.field || ''} columns={fields} marks={column.marks} onSubmit={this.updateMarks} /> : null } |
| | | </div> |
| | | } trigger="hover"> |
| | | {children} |
| | |
| | | editStyleCard: fromJS(col).toJS() |
| | | }) |
| | | |
| | | MKEmitter.emit('changeStyle', [col.uuid], ['font', 'padding'], col.style || {}) |
| | | MKEmitter.emit('changeStyle', ['font', 'padding'], col.style || {}, this.getStyle) |
| | | } |
| | | |
| | | changeSubmitStyle = () => { |
| | | const { config } = this.props |
| | | |
| | | MKEmitter.emit('changeStyle', [config.uuid, 'submit'], ['font', 'background', 'border', 'margin', 'padding'], config.submit.style || {}) |
| | | MKEmitter.emit('changeStyle', ['font', 'background', 'border', 'margin', 'padding'], config.submit.style || {}, this.getSubmitStyle) |
| | | } |
| | | |
| | | getStyle = (comIds, style) => { |
| | | getSubmitStyle = (style) => { |
| | | const { config } = this.props |
| | | const { editStyleCard } = this.state |
| | | |
| | | if (comIds.length === 2 && comIds[0] === config.uuid && comIds[1] === 'submit') { |
| | | let submit = {...config.submit, style} |
| | | |
| | | this.props.updatecolumn({...config, submit: submit}) |
| | | |
| | | return |
| | | } |
| | | if (comIds.length !== 1 || !editStyleCard || comIds[0] !== editStyleCard.uuid) return |
| | | |
| | | getStyle = (style) => { |
| | | const { editStyleCard } = this.state |
| | | |
| | | let _card = {...editStyleCard, style} |
| | | |