From ccac5187bd5f7e0a868a69d00b9672bec155bea6 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 24 十二月 2023 23:17:50 +0800
Subject: [PATCH] 2023-12-24
---
src/menu/pastecontroller/index.jsx | 342 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 321 insertions(+), 21 deletions(-)
diff --git a/src/menu/pastecontroller/index.jsx b/src/menu/pastecontroller/index.jsx
index cb38cb5..1ef0452 100644
--- a/src/menu/pastecontroller/index.jsx
+++ b/src/menu/pastecontroller/index.jsx
@@ -1,7 +1,9 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
+import { fromJS } from 'immutable'
import { Modal, Button, notification } from 'antd'
import { SnippetsOutlined } from '@ant-design/icons'
+import md5 from 'md5'
import MenuUtils from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
@@ -18,60 +20,264 @@
visible: false
}
- resetconfig = (item, appType) => {
+ resetconfig = (item, appType, commonId) => {
if (item.type === 'tabs') {
- item.uuid = MenuUtils.getuuid()
+ item.uuid = md5(commonId + item.uuid)
item.setting.name = (item.setting.name || '') + MenuUtils.getSignName()
item.name = item.setting.name
item.subtabs.forEach(tab => {
- tab.uuid = MenuUtils.getuuid()
+ tab.uuid = md5(commonId + tab.uuid)
if (appType !== 'mob') {
tab.components = tab.components.filter(cell => cell.type !== 'menubar')
}
tab.components = tab.components.map(cell => {
- cell = this.resetconfig(cell, appType)
+ cell = this.resetconfig(cell, appType, commonId)
return cell
})
})
} else if (item.type === 'group') {
- item.uuid = MenuUtils.getuuid()
+ item.uuid = md5(commonId + item.uuid)
item.setting.name = (item.setting.name || '') + MenuUtils.getSignName()
item.name = item.setting.name
item.components = item.components.map(cell => {
- cell = MenuUtils.resetComponentConfig(cell, appType)
+ cell.uuid = md5(commonId + cell.uuid)
+
+ cell = MenuUtils.resetComponentConfig(cell, appType, commonId)
return cell
})
} else {
- item = MenuUtils.resetComponentConfig(item, appType)
+ item.uuid = md5(commonId + item.uuid)
+
+ item = MenuUtils.resetComponentConfig(item, appType, commonId)
}
return item
}
+ resetlink = (item, commonId) => {
+ if (item.type === 'tabs') {
+ item.subtabs.forEach(tab => {
+ tab.components.forEach(cell => {
+ this.resetlink(cell, commonId)
+ })
+ })
+ } else if (item.type === 'group') {
+ item.components.forEach(cell => {
+ this.resetlink(cell, commonId)
+ })
+ } else {
+ if (['card', 'carousel', 'timeline'].includes(item.type)) {
+ item.subcards.forEach(card => {
+ card.elements && card.elements.forEach(cell => {
+ if (cell.eleType === 'button') {
+ this.resetBtn(cell, commonId)
+ }
+ })
+ card.backElements && card.backElements.forEach(cell => {
+ if (cell.eleType === 'button') {
+ this.resetBtn(cell, commonId)
+ }
+ })
+ })
+ } else if (item.type === 'balcony') {
+ item.elements && item.elements.forEach(cell => {
+ if (cell.eleType === 'button') {
+ this.resetBtn(cell, commonId)
+ }
+ })
+ } else if (item.type === 'table' && item.cols) {
+ let loopCol = (cols) => {
+ cols.forEach(col => {
+ if (col.type === 'colspan' && col.subcols) {
+ loopCol(col.subcols)
+ } else if (col.type === 'custom' && col.elements) {
+ col.elements.forEach(cell => {
+ if (cell.eleType === 'button') {
+ this.resetBtn(cell, commonId)
+ }
+ })
+ }
+ })
+ }
+
+ loopCol(item.cols)
+ } else if (item.type === 'form') {
+ item.subcards.forEach(cell => {
+ if (cell.subButton) {
+ this.resetBtn(cell.subButton, commonId)
+ }
+ })
+ }
+
+ item.action && item.action.forEach(cell => {
+ this.resetBtn(cell, commonId)
+ })
+
+ if (item.wrap && item.wrap.supType === 'multi') {
+ if (item.setting && item.setting.supModule) {
+ item.setting.supModule = ''
+ }
+
+ if (item.supNodes) {
+ item.supNodes = item.supNodes.map(cell => {
+ let id = cell.nodes[cell.nodes.length - 1]
+ let _id = md5(commonId + id)
+
+ if (this.modules[id] || this.modules[_id]) {
+ cell.nodes = this.modules[id] || this.modules[_id]
+ cell.componentId = cell.nodes[cell.nodes.length - 1]
+
+ return cell
+ }
+
+ return null
+ })
+
+ item.supNodes = item.supNodes.filter(Boolean)
+ }
+
+ if (!item.supNodes || item.supNodes.length === 0) {
+ item.wrap.supType = 'single'
+ delete item.supNodes
+ }
+ }
+ if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty') {
+ let id = item.setting.supModule[item.setting.supModule.length - 1]
+ let _id = md5(commonId + id)
+
+ item.setting.supModule = this.modules[id] || this.modules[_id] || ''
+ }
+
+ if (item.wrap && item.wrap.supModule && item.wrap.supModule[0]) {
+ let id = item.wrap.supModule[item.wrap.supModule.length - 1]
+ let _id = md5(commonId + id)
+
+ item.wrap.supModule = this.modules[id] || this.modules[_id] || ''
+ }
+ }
+ }
+
+ resetBtn (btn, commonId) {
+ if (btn.switchTab && btn.switchTab.length > 0) {
+ let id = btn.switchTab[btn.switchTab.length - 1]
+ let _id = md5(commonId + id)
+
+ btn.switchTab = this.modules[id] || this.modules[_id] || null
+ }
+ if (btn.anchors && btn.anchors.length > 0) {
+ let id = btn.anchors[btn.anchors.length - 1]
+ let _id = md5(commonId + id)
+
+ btn.anchors = this.modules[id] || this.modules[_id] || null
+ }
+ if (btn.syncComponent && btn.syncComponent[0] === 'multiComponent' && btn.syncComponents) {
+ btn.syncComponents = btn.syncComponents.map(m => {
+ let id = m.syncComId[m.syncComId.length - 1]
+ let _id = md5(commonId + id)
+
+ return this.modules[id] || this.modules[_id] || null
+ })
+ btn.syncComponents = btn.syncComponents.filter(Boolean)
+
+ if (btn.syncComponents.length === 0) {
+ btn.syncComponent = null
+ btn.syncComponents = null
+ }
+ } else if (btn.syncComponent && btn.syncComponent.length > 0) {
+ let id = btn.syncComponent[btn.syncComponent.length - 1]
+ let _id = md5(commonId + id)
+
+ btn.syncComponent = this.modules[id] || this.modules[_id] || null
+ }
+ }
+
+ resetmenu = (components, componentId, res) => {
+ components.forEach(item => {
+ if (item.type === 'tabs') {
+ item.subtabs.forEach(tab => {
+ if (tab.uuid === componentId) {
+ tab.components.push(res)
+ } else {
+ this.resetmenu(tab.components, componentId, res)
+ }
+ })
+ } else if (item.type === 'group' && item.uuid === componentId) {
+ item.components.push(res)
+ }
+ })
+ }
+
+ getModules = (components, interfaces, sups = []) => {
+ components.forEach(item => {
+ this.modules[item.uuid] = [...sups, item.uuid]
+ if (item.type === 'tabs') {
+ item.subtabs.forEach(f_tab => {
+ this.getModules(f_tab.components, null, [...sups, item.uuid, f_tab.uuid])
+ })
+ } else if (item.type === 'group') {
+ item.components.forEach(cell => {
+ this.modules[cell.uuid] = [...sups, item.uuid, cell.uuid]
+ })
+ }
+ })
+
+ if (interfaces && interfaces.length > 0) {
+ interfaces.forEach(item => {
+ this.modules[item.uuid] = [item.uuid]
+ })
+ }
+ }
+
pasteSubmit = () => {
+ const { type, tab } = this.props
+
let appType = sessionStorage.getItem('appType')
// ['calendar', 'balcony', 'datacard', 'doublecard', 'propcard', 'tablecard', 'cardatacard', 'carpropcard', 'line', 'dashboard', 'antvG6', 'pie', 'scatter', 'antvX6', 'chart', 'sandbox', 'editor', 'simpleform', 'stepform', 'tabform', 'group', 'iframe', 'mainsearch', 'basetable', 'editable', 'normaltable', 'tabs', 'timeline', 'tree', 'menubar', 'singleSearch', 'topbar']
- let options = ['tabs', 'timeline', 'datacard', 'doublecard', 'propcard', 'cardatacard', 'carpropcard', 'simpleform', 'stepform', 'tabform', 'balcony', 'group', 'normaltable', 'tablecard', 'line', 'editor', 'pie', 'scatter', 'iframe', 'sandbox']
+ let options = []
- if (appType === 'mob') {
- options.push('menubar', 'singleSearch')
- if (sessionStorage.getItem('editMenuType') !== 'popview') {
- options.push('topbar')
+ let types = {
+ topbar: '瀵艰埅鏍�',
+ singleSearch: '鎼滅储',
+ iframe: 'iframe',
+ tabs: '鏍囩椤�',
+ group: '鍒嗙粍',
+ menubar: '鑿滃崟鏍�',
+ mainsearch: '鎼滅储'
+ }
+
+ if (!type) {
+ options = ['tabs', 'timeline', 'datacard', 'doublecard', 'propcard', 'cardatacard', 'carpropcard', 'simpleform', 'stepform', 'tabform', 'balcony', 'group', 'normaltable', 'tablecard', 'line', 'editor', 'pie', 'scatter', 'iframe', 'sandbox']
+
+ if (appType === 'mob') {
+ options.push('menubar', 'singleSearch')
+ if (sessionStorage.getItem('editMenuType') !== 'popview') {
+ options.push('topbar')
+ }
+ } else {
+ options.push('editable', 'mainsearch', 'antvG6', 'antvX6', 'calendar', 'tree', 'dashboard', 'chart')
}
} else {
- options.push('editable', 'mainsearch', 'antvG6', 'antvX6', 'calendar', 'tree', 'dashboard', 'chart')
+ if (appType === 'mob') {
+ options = ['balcony', 'datacard', 'doublecard', 'propcard', 'tablecard', 'cardatacard', 'carpropcard', 'line', 'pie', 'scatter', 'sandbox', 'editor', 'simpleform', 'stepform', 'tabform', 'normaltable', 'timeline']
+
+ if (type === 'tabs') {
+ options.push('tabs', 'group', 'menubar')
+ }
+ } else {
+ options = ['calendar', 'balcony', 'datacard', 'doublecard', 'propcard', 'tablecard', 'cardatacard', 'carpropcard', 'line', 'dashboard', 'antvG6', 'pie', 'scatter', 'antvX6', 'chart', 'sandbox', 'editor', 'simpleform', 'stepform', 'tabform', 'editable', 'normaltable', 'timeline', 'tree']
+
+ if (type === 'tabs') {
+ options.push('tabs', 'group', 'mainsearch')
+ }
+ }
}
this.pasteFormRef.handleConfirm().then(res => {
- if (res.copyType === 'basetable') {
- res.copyType = 'normaltable'
- res.subtype = 'normaltable'
- }
- if (!options.includes(res.copyType)) {
+ if (!res.copyType) {
notification.warning({
top: 92,
message: '閰嶇疆淇℃伅鏍煎紡閿欒锛�',
@@ -80,22 +286,116 @@
return
}
- res = this.resetconfig(res, appType)
+ if (res.copyType === 'basetable') {
+ res.copyType = 'normaltable'
+ res.subtype = 'normaltable'
+ }
- // delete res.copyType
+ let menu = fromJS(window.GLOB.customMenu).toJS()
+
+ if (!options.includes(res.copyType)) {
+ if (type && types[res.copyType]) {
+ notification.warning({
+ top: 92,
+ message: (type === 'group' ? '鍒嗙粍涓�' : '鏍囩椤典腑') + '涓嶅彲娣诲姞銆�' + types[res.copyType] + '銆嬬粍浠讹紒',
+ duration: 5
+ })
+ return
+ } else {
+ notification.warning({
+ top: 92,
+ message: '閰嶇疆淇℃伅鏍煎紡閿欒锛�',
+ duration: 5
+ })
+ }
+ return
+ } else if (appType === 'mob') {
+ if (res.type === 'search') {
+ if (menu.components.filter(card => card.type === 'topbar' && card.wrap.type !== 'navbar').length > 0) {
+ notification.warning({
+ top: 92,
+ message: '瀵艰埅鏍忎娇鐢ㄤ簡鎼滅储锛屼笉鍙坊鍔犳悳绱㈢粍浠讹紒',
+ duration: 5
+ })
+ return
+ }
+ if (menu.components.filter(card => card.type === 'search').length > 0) {
+ notification.warning({
+ top: 92,
+ message: '鎼滅储鏉′欢涓嶅彲閲嶅娣诲姞锛�',
+ duration: 5
+ })
+ return
+ }
+ } else if (res.type === 'topbar') {
+ if (menu.components.findIndex(m => m.type === 'topbar') > -1) {
+ notification.warning({
+ top: 92,
+ message: '瀵艰埅鏍忎笉鍙噸澶嶆坊鍔狅紒',
+ duration: 5
+ })
+ return
+ }
+ }
+ } else if (res.type === 'search') {
+ if (tab) {
+ if (tab.components.findIndex(card => card.type === 'search') > -1) {
+ notification.warning({
+ top: 92,
+ message: '鎼滅储鏉′欢涓嶅彲閲嶅娣诲姞锛�',
+ duration: 5
+ })
+ return
+ }
+ } else {
+ if (menu.components.findIndex(m => m.type === 'search') > -1) {
+ notification.warning({
+ top: 92,
+ message: '鎼滅储鏉′欢涓嶅彲閲嶅娣诲姞锛�',
+ duration: 5
+ })
+ return
+ }
+ }
+ }
+ delete res.copyType
+
+ let commonId = MenuUtils.getuuid()
+
+ res = this.resetconfig(res, appType, commonId)
+
+ if (tab) {
+ this.resetmenu(menu.components, tab.uuid, res)
+ } else {
+ menu.components.push(res)
+ }
+
+ this.modules = {}
+
+ this.getModules(menu.components, menu.interfaces)
+
+ this.resetlink(res, commonId)
this.props.insert(res)
this.setState({visible: false})
+
+ notification.success({
+ top: 92,
+ message: '绮樿创鎴愬姛锛�',
+ duration: 2
+ })
})
}
render() {
+ const { type } = this.props
const { visible } = this.state
return (
<>
- <Button style={{borderColor: '#40a9ff', color: '#40a9ff'}} onClick={() => {this.setState({visible: true})}}><SnippetsOutlined />绮樿创</Button>
+ {type ? <SnippetsOutlined style={{color: 'purple'}} onClick={() => {this.setState({visible: true})}} /> :
+ <Button style={{borderColor: '#40a9ff', color: '#40a9ff'}} onClick={() => {this.setState({visible: true})}}><SnippetsOutlined />绮樿创</Button>}
<Modal
title="绮樿创"
visible={visible}
--
Gitblit v1.8.0