From 8f394e7ef20cc0abba3f47c23a63b069e9dd0e45 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 19 十月 2022 15:09:30 +0800 Subject: [PATCH] 2022-10-19 --- src/menu/components/group/normal-group/index.jsx | 53 ++++++----------------------------------------------- 1 files changed, 6 insertions(+), 47 deletions(-) diff --git a/src/menu/components/group/normal-group/index.jsx b/src/menu/components/group/normal-group/index.jsx index 08229ed..3d5ec2f 100644 --- a/src/menu/components/group/normal-group/index.jsx +++ b/src/menu/components/group/normal-group/index.jsx @@ -35,8 +35,6 @@ let _group = { uuid: group.uuid, type: group.type, - tabId: group.tabId || '', - parentId: group.parentId || '', subtype: group.subtype, width: 24, name: group.name, @@ -59,11 +57,6 @@ return !is(fromJS(this.state), fromJS(nextState)) } - componentDidMount () { - MKEmitter.addListener('tabsChange', this.handleTabsChange) - MKEmitter.addListener('submitComponentStyle', this.updateComponentStyle) - } - /** * @description 缁勪欢閿�姣侊紝娓呴櫎state鏇存柊锛屾竻闄ゅ揩鎹烽敭璁剧疆 */ @@ -71,27 +64,6 @@ this.setState = () => { return } - MKEmitter.removeListener('tabsChange', this.handleTabsChange) - MKEmitter.removeListener('submitComponentStyle', this.updateComponentStyle) - } - - updateComponentStyle = (parentId, keys, style) => { - const { group } = this.state - - if (group.uuid !== parentId) return - - let components = group.components.map(item => { - if (keys.includes(item.uuid)) { - item.style = {...item.style, ...style} - } - return item - }) - - this.setState({ - group: {...group, components: []} - }, () => { - this.updateComponent({...group, components: components}) - }) } changeStyle = () => { @@ -110,20 +82,16 @@ this.props.updateConfig(_card) } - handleTabsChange = (parentId) => { - const { group } = this.state - - if (parentId === group.parentId) { - MKEmitter.emit('tabsChange', group.uuid) - } - } - updateComponent = (component) => { const { group } = this.state if (!is(fromJS(group.setting), fromJS(component.setting)) || !is(fromJS(group.style), fromJS(component.style))) { // 娉ㄥ唽浜嬩欢-鏍囩鍙樺寲锛岄�氱煡缁勫唴鍏冪礌 - MKEmitter.emit('tabsChange', group.uuid) + let ids = [] + group.components.forEach(item => { + ids.push(item.uuid) + }) + MKEmitter.emit('tabsChange', ids.join(',')) } component.width = component.setting.width @@ -137,8 +105,6 @@ insert = (item) => { let group = fromJS(this.state.group).toJS() - - item.parentId = group.parentId group.components.push(item) @@ -156,13 +122,6 @@ this.updateComponent({...this.state.group, setting: res}) } - clickComponent = (e) => { - if (sessionStorage.getItem('style-control') === 'true' || sessionStorage.getItem('style-control') === 'component') { - e.stopPropagation() - MKEmitter.emit('clickComponent', this.state.group) - } - } - render() { const { group } = this.state let _style = resetStyle(group.style) @@ -173,7 +132,7 @@ } return ( - <div className={'menu-group-edit-box ' + (paddingTop ? 'padding ' : '') + (group.setting.layout || '')} style={_style} onClick={this.clickComponent} id={group.uuid}> + <div className={'menu-group-edit-box ' + (paddingTop ? 'padding ' : '') + (group.setting.layout || '')} style={_style} id={group.uuid}> <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> <NormalForm title="鍒嗙粍璁剧疆" width={700} update={this.updateWrap} getForms={this.getWrapForms}> -- Gitblit v1.8.0