| | |
| | | appType: sessionStorage.getItem('appType') |
| | | } |
| | | |
| | | componentDidMount () { |
| | | MKEmitter.addListener('submitStyle', this.getStyle) |
| | | } |
| | | |
| | | shouldComponentUpdate (nextProps, nextState) { |
| | | return !is(fromJS(this.props.config), fromJS(nextProps.config)) |
| | | } |
| | |
| | | this.setState = () => { |
| | | return |
| | | } |
| | | MKEmitter.removeListener('submitStyle', this.getStyle) |
| | | } |
| | | |
| | | getStyle = (comIds, style) => { |
| | | const { config } = this.props |
| | | getStyle = (style) => { |
| | | let _style = fromJS(style).toJS() |
| | | if (!_style.borderBottomWidth) { |
| | | _style.borderBottomWidth = '0px' |
| | | } |
| | | if (_style.fontFamily) { |
| | | if (_style.fontFamily.length === 0) { |
| | | delete _style.fontFamily |
| | | } else { |
| | | _style.fontFamily = _style.fontFamily.join(',') |
| | | } |
| | | } |
| | | if (_style.lineHeight === 2.8) { |
| | | delete _style.lineHeight |
| | | } |
| | | |
| | | if (comIds[0] !== config.uuid || comIds[1] !== 'header') return |
| | | |
| | | let _config = {...config, headerStyle: style} |
| | | let _config = {...this.props.config, headerStyle: _style} |
| | | |
| | | this.props.updateComponent(_config) |
| | | } |
| | |
| | | changeStyle = () => { |
| | | const { config } = this.props |
| | | |
| | | let options = ['font', 'border', 'background'] |
| | | if (config.type === 'menubar') { |
| | | options.push('padding') |
| | | } |
| | | let _style = config.headerStyle ? fromJS(config.headerStyle).toJS() : {} |
| | | let options = ['font', 'border', 'background', 'padding', 'fontFamily'] |
| | | |
| | | MKEmitter.emit('changeStyle', [config.uuid, 'header'], options, config.headerStyle) |
| | | _style.fontFamily = _style.fontFamily ? _style.fontFamily.split(',') : [] |
| | | _style.lineHeight = _style.lineHeight || 2.8 |
| | | |
| | | MKEmitter.emit('changeStyle', options, _style, this.getStyle) |
| | | } |
| | | |
| | | render() { |
| | | const { config, hideSearch } = this.props |
| | | const { appType } = this.state |
| | | |
| | | let title = config.plot ? config.plot.title : config.wrap.title |
| | | let title = '' |
| | | let show = true |
| | | |
| | | if (!title && appType === 'mob' && config.type === 'card' && config.subtype === 'datacard' && config.action && config.action.length) { |
| | | title = ' ' |
| | | if (config.plot) { |
| | | title = config.plot.title |
| | | } else if (config.type === 'group') { |
| | | title = config.setting.title || '' |
| | | } else if (config.wrap) { |
| | | title = config.wrap.title || '' |
| | | } |
| | | |
| | | if (!title && (!config.search || config.search.length === 0 || hideSearch === 'true')) { |