From 3723f5e83b1733882a152018450bb5ab18e683b0 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 30 三月 2022 22:22:27 +0800
Subject: [PATCH] 2022-03-30
---
src/utils/utils-custom.js | 410 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 393 insertions(+), 17 deletions(-)
diff --git a/src/utils/utils-custom.js b/src/utils/utils-custom.js
index e79cd52..4ad2bfd 100644
--- a/src/utils/utils-custom.js
+++ b/src/utils/utils-custom.js
@@ -16,10 +16,12 @@
}
} else if (item.type === 'tabs') {
let _item = {
+ type: 'tabs',
value: item.uuid,
label: item.name,
children: item.subtabs.map(f_tab => {
let subItem = {
+ type: 'tab',
value: f_tab.uuid,
label: f_tab.label,
children: this.getSubModules(f_tab.components, selfId)
@@ -93,6 +95,11 @@
children: null
}
} else if (item.switchable) { // 鏁版嵁鍙垏鎹�
+ return {
+ value: item.uuid,
+ label: item.name
+ }
+ } else if (item.type === 'form') { // 鏁版嵁鏍煎紡锛屽瓨鍦ㄦ暟鎹簮
return {
value: item.uuid,
label: item.name
@@ -267,8 +274,8 @@
uuids.push(act.uuid)
})
- if (card.type === 'card' || item.type === 'carousel' || (card.type === 'table' && card.subtype === 'tablecard')) {
- card.subcards.forEach(_card => {
+ if (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) {
+ item.subcards.forEach(_card => {
_card.elements && _card.elements.forEach(cell => {
if (cell.eleType !== 'button') return
if (appType === 'pc' && cell.OpenType !== 'popview') return
@@ -282,8 +289,8 @@
uuids.push(cell.uuid)
})
})
- } else if (card.type === 'table' && card.subtype === 'normaltable') {
- card.cols && card.cols.forEach(col => {
+ } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable')) {
+ item.cols && item.cols.forEach(col => {
if (col.type !== 'action') return
col.elements && col.elements.forEach(cell => {
if (appType === 'pc' && cell.OpenType !== 'popview') return
@@ -291,8 +298,8 @@
uuids.push(cell.uuid)
})
})
- } else if (card.type === 'balcony') {
- card.elements && card.elements.forEach(cell => {
+ } else if (item.type === 'balcony') {
+ item.elements && item.elements.forEach(cell => {
if (appType === 'pc' && cell.OpenType !== 'popview') return
uuids.push(cell.uuid)
@@ -322,20 +329,22 @@
}
/**
- * @description 閲嶇疆鑿滃崟閰嶇疆
+ * @description 閲嶇疆鑿滃崟閰嶇疆锛岄〉闈㈡暣浣撳鍒�
* @return {String} components 閰嶇疆淇℃伅
*/
- static resetConfig = (components) => {
+ static resetConfig = (components, uuids = {}, clear = false) => {
return components.map(item => {
if (item.type === 'navbar') {
return item
}
- item.uuid = this.getuuid()
+ uuids[item.uuid] = this.getuuid()
+ item.uuid = uuids[item.uuid]
if (item.type === 'tabs') {
item.subtabs.forEach(tab => {
- tab.uuid = this.getuuid()
+ uuids[tab.uuid] = this.getuuid()
+ tab.uuid = uuids[tab.uuid]
tab.parentId = item.uuid
tab.components = tab.components.map(cell => {
@@ -343,31 +352,59 @@
cell.parentId = item.uuid
return cell
})
- tab.components = this.resetConfig(tab.components)
+ tab.components = this.resetConfig(tab.components, uuids, clear)
})
} else if (item.type === 'group') {
item.components = item.components.map(cell => {
cell.parentId = item.uuid
return cell
})
- item.components = this.resetConfig(item.components)
+ item.components = this.resetConfig(item.components, uuids, clear)
} else if (item.type === 'menubar') {
item.subMenus = item.subMenus.map(cell => {
cell.uuid = this.getuuid()
+ if (clear && cell.setting.type === 'linkmenu') {
+ cell.setting.type = 'menu'
+ cell.setting.linkMenuId = ''
+ }
return cell
})
- } else if (item.type === 'card' || item.type === 'carousel' || (item.type === 'table' && item.subtype === 'tablecard')) {
+ } else if (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) {
item.subcards.forEach(card => {
card.uuid = this.getuuid()
+
+ if (clear) {
+ if (card.setting.click === 'menu') {
+ card.setting.click = ''
+ card.setting.menu = ''
+ } else if (card.setting.click === 'menus') {
+ card.setting.click = ''
+ card.setting.menuType = ''
+ delete card.menus
+ }
+ }
+
if (card.elements) {
card.elements = card.elements.map(cell => {
cell.uuid = this.getuuid()
+
+ if (clear && cell.eleType === 'button' && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
+ cell.pageTemplate = ''
+ cell.linkmenu = ''
+ }
+
return cell
})
}
if (card.backElements) {
card.backElements = card.backElements.map(cell => {
cell.uuid = this.getuuid()
+
+ if (clear && cell.eleType === 'button' && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
+ cell.pageTemplate = ''
+ cell.linkmenu = ''
+ }
+
return cell
})
}
@@ -376,10 +413,16 @@
if (item.elements) {
item.elements = item.elements.map(cell => {
cell.uuid = this.getuuid()
+
+ if (clear && cell.eleType === 'button' && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
+ cell.pageTemplate = ''
+ cell.linkmenu = ''
+ }
+
return cell
})
}
- } else if (item.type === 'table' && item.subtype === 'normaltable' && item.cols) {
+ } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && item.cols) {
let loopCol = (col) => {
col.subcols = col.subcols.map(c => {
c.uuid = this.getuuid()
@@ -389,11 +432,18 @@
} else if (c.type === 'custom' && c.elements) {
c.elements = c.elements.map(cell => {
cell.uuid = this.getuuid()
+
return cell
})
} else if (c.type === 'action' && c.elements) {
c.elements = c.elements.map(cell => {
cell.uuid = this.getuuid()
+
+ if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
+ cell.pageTemplate = ''
+ cell.linkmenu = ''
+ }
+
return cell
})
}
@@ -402,9 +452,12 @@
return col
}
-
+ let _uuids = {}
item.cols = item.cols.map(col => {
- col.uuid = this.getuuid()
+ let uuid = this.getuuid()
+
+ _uuids[col.uuid] = uuid
+ col.uuid = uuid
if (col.type === 'colspan' && col.subcols) {
col = loopCol(col)
@@ -421,15 +474,34 @@
}
return col
})
+
+ if (item.subtype === 'editable') {
+ item.cols = item.cols.map(col => {
+ if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
+ col.enter = _uuids[col.enter]
+ }
+ return col
+ })
+ }
}
if (item.btnlog) {
item.btnlog = []
}
+ let oriUids = {}
if (item.action) {
item.action = item.action.map(cell => {
- cell.uuid = this.getuuid()
+ let _uuid = this.getuuid()
+
+ oriUids[cell.uuid] = _uuid
+ cell.uuid = _uuid
+
+ if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
+ cell.pageTemplate = ''
+ cell.linkmenu = ''
+ }
+
return cell
})
}
@@ -450,6 +522,9 @@
return cell
})
}
+ if (clear && item.wrap.menus) {
+ item.wrap.menus = []
+ }
} else if (item.search) {
item.search = item.search.map(cell => {
cell.uuid = this.getuuid()
@@ -462,10 +537,311 @@
return cell
})
}
+
+ if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty') {
+ let em = false
+ item.setting.supModule = item.setting.supModule.map(c => {
+ if (!uuids[c]) {
+ em = true
+ }
+ return uuids[c] || ''
+ })
+ if (em) {
+ item.setting.supModule = ''
+ }
+ }
+
+ if (item.wrap && item.wrap.doubleClick) {
+ item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
+ }
return item
})
}
+
+ /**
+ * @description 閲嶇疆鑿滃崟閰嶇疆锛岄〉闈㈡暣浣撳鍒�
+ * @return {String} components 閰嶇疆淇℃伅
+ */
+ static getFloor = (id) => {
+ let floor = 1
+ let finish = false
+
+ let reCheck = (components, f) => {
+ components.forEach(item => {
+ if (finish) return
+ if (item.type === 'tabs') {
+ if (item.uuid === id) {
+ floor = f
+ finish = true
+ } else {
+ item.subtabs.forEach(tab => {
+ reCheck(tab.components, f + 1)
+ })
+ }
+ }
+ })
+ }
+
+ reCheck(window.GLOB.customMenu.components, 1)
+
+ return floor
+ }
+
+ /**
+ * @description 鏁版嵁婧愬悕绉帮紝鐢ㄤ簬缁熶竴鏌ヨ
+ * @return {String} name
+ */
+ static getdataName () {
+ let name = []
+ let _options = 'abcdefghigklmnopqrstuvwxyz'
+ for (let i = 0; i < 6; i++) {
+ name.push(_options.substr(Math.floor(Math.random() * 26), 1))
+ }
+ name.splice(3, 0, new Date().getTime())
+ return name.join('')
+ }
+
+ /**
+ * @description 閲嶇疆缁勪欢閰嶇疆
+ * @return {String} item 缁勪欢淇℃伅
+ */
+ static resetComponentConfig = (item, copyBtns, uuids = {}) => {
+ if (item.type === 'navbar') {
+ return item
+ }
+
+ let _uuid = this.getuuid()
+
+ uuids[item.uuid] = _uuid
+
+ item.uuid = _uuid
+
+ if (item.dataName) {
+ item.dataName = this.getdataName()
+ }
+
+ // 閲嶇疆缁勪欢鍚嶇О
+ let sign = this.getdataName().toUpperCase().substr(-4)
+ if (item.plot) { // 鍥捐〃
+ item.plot.name = item.plot.name + sign
+ item.name = item.plot.name
+ } else if (item.wrap) { // 閫氱敤
+ item.wrap.name = item.wrap.name + sign
+ item.name = item.wrap.name
+ } else if (item.setting) { // 鍒嗙粍銆佹爣绛鹃〉绛�
+ item.setting.name = item.setting.name + sign
+ item.name = item.setting.name
+ }
+
+ if (item.type === 'menubar') {
+ item.subMenus = item.subMenus.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ } else if (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) {
+ item.subcards.forEach(card => {
+ card.uuid = this.getuuid()
+ if (card.elements) {
+ if (sessionStorage.getItem('editMenuType') === 'popview') {
+ card.elements = card.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
+ }
+ card.elements = card.elements.map(cell => {
+ let _uuid = this.getuuid()
+ if (cell.OpenType === 'popview' && copyBtns) {
+ let _cell = JSON.parse(JSON.stringify(cell))
+ _cell.$originUuid = _cell.uuid
+ _cell.uuid = _uuid
+ copyBtns.set(_uuid, _cell)
+ }
+ cell.uuid = _uuid
+ return cell
+ })
+ }
+ if (card.backElements) {
+ if (sessionStorage.getItem('editMenuType') === 'popview') {
+ card.elements = card.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
+ }
+ card.backElements = card.backElements.map(cell => {
+ let _uuid = this.getuuid()
+ if (cell.OpenType === 'popview' && copyBtns) {
+ let _cell = JSON.parse(JSON.stringify(cell))
+ _cell.$originUuid = _cell.uuid
+ _cell.uuid = _uuid
+ copyBtns.set(_uuid, _cell)
+ }
+ cell.uuid = _uuid
+ return cell
+ })
+ }
+ })
+ } else if (item.type === 'balcony') {
+ if (item.elements) {
+ if (sessionStorage.getItem('editMenuType') === 'popview') {
+ item.elements = item.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
+ }
+ item.elements = item.elements.map(cell => {
+ let _uuid = this.getuuid()
+ if (cell.OpenType === 'popview' && copyBtns) {
+ let _cell = JSON.parse(JSON.stringify(cell))
+ _cell.$originUuid = _cell.uuid
+ _cell.uuid = _uuid
+ copyBtns.set(_uuid, _cell)
+ }
+ cell.uuid = _uuid
+ return cell
+ })
+ }
+ } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && item.cols) {
+ let loopCol = (col) => {
+ col.subcols = col.subcols.map(c => {
+ c.uuid = this.getuuid()
+
+ if (c.type === 'colspan' && c.subcols) {
+ c = loopCol(c)
+ } else if (c.type === 'custom' && c.elements) {
+ c.elements = c.elements.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ }
+ return c
+ })
+
+ return col
+ }
+
+ let _uuids = {}
+ item.cols = item.cols.map(col => {
+ let uuid = this.getuuid()
+
+ _uuids[col.uuid] = uuid
+ col.uuid = uuid
+
+ if (col.type === 'colspan' && col.subcols) {
+ col = loopCol(col)
+ } else if (col.type === 'custom' && col.elements) {
+ col.elements = col.elements.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ } else if (col.type === 'action' && col.elements) {
+ if (sessionStorage.getItem('editMenuType') === 'popview') {
+ col.elements = col.elements.filter(c => c.OpenType !== 'popview' && c.OpenType !== 'funcbutton')
+ }
+ col.elements = col.elements.map(cell => {
+ let _uuid = this.getuuid()
+ if (cell.OpenType === 'popview' && copyBtns) {
+ let _cell = JSON.parse(JSON.stringify(cell))
+ _cell.$originUuid = _cell.uuid
+ _cell.uuid = _uuid
+ copyBtns.set(_uuid, _cell)
+ }
+ cell.uuid = _uuid
+ return cell
+ })
+ }
+ return col
+ })
+
+ if (item.subtype === 'editable') {
+ item.cols = item.cols.map(col => {
+ if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
+ col.enter = _uuids[col.enter]
+ }
+ return col
+ })
+ }
+ } else if (item.type === 'form') {
+ item.subcards = item.subcards.map(cell => {
+ cell.uuid = this.getuuid()
+
+ cell.fields = cell.fields.map(m => {
+ m.uuid = this.getuuid()
+
+ return m
+ })
+ return cell
+ })
+ }
+
+ if (item.btnlog) {
+ item.btnlog = []
+ }
+
+ let oriUids = {}
+ if (item.action) {
+ if (sessionStorage.getItem('editMenuType') === 'popview') {
+ item.action = item.action.filter(c => c.OpenType !== 'popview' && c.OpenType !== 'funcbutton')
+ }
+ item.action = item.action.map(cell => {
+ let _uuid = this.getuuid()
+
+ oriUids[cell.uuid] = _uuid
+
+ if (cell.OpenType === 'popview' && copyBtns) {
+ let _cell = JSON.parse(JSON.stringify(cell))
+ _cell.$originUuid = _cell.uuid
+ _cell.uuid = _uuid
+ copyBtns.set(_uuid, _cell)
+ }
+
+ cell.uuid = _uuid
+
+ return cell
+ })
+ }
+ if (item.type === 'topbar') {
+ item.wrap.name = ''
+ item.name = ''
+ if (item.search && item.search.fields) {
+ item.search.fields = item.search.fields.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ }
+ if (item.search && item.search.groups) {
+ item.search.groups = item.search.groups.map(cell => {
+ cell.uuid = this.getuuid()
+ cell.fields = cell.fields.map(m => {
+ m.uuid = this.getuuid()
+ return m
+ })
+ return cell
+ })
+ }
+ } else if (item.search) {
+ item.search = item.search.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ }
+ if (item.columns) {
+ item.columns = item.columns.map(cell => {
+ cell.uuid = this.getuuid()
+ return cell
+ })
+ }
+
+ if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty') {
+ let em = false
+ item.setting.supModule = item.setting.supModule.map(c => {
+ if (!uuids[c]) {
+ em = true
+ }
+ return uuids[c] || ''
+ })
+ if (em) {
+ item.setting.supModule = ''
+ }
+ }
+
+ if (item.wrap && item.wrap.doubleClick) {
+ item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
+ }
+
+ return item
+ }
}
/**
--
Gitblit v1.8.0