From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 09 二月 2022 11:48:29 +0800
Subject: [PATCH] 2022-02-09
---
src/utils/utils-custom.js | 524 ++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 475 insertions(+), 49 deletions(-)
diff --git a/src/utils/utils-custom.js b/src/utils/utils-custom.js
index d1387bf..9053815 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)
@@ -97,6 +99,11 @@
value: item.uuid,
label: item.name
}
+ } else if (item.type === 'form') { // 鏁版嵁鏍煎紡锛屽瓨鍦ㄦ暟鎹簮
+ return {
+ value: item.uuid,
+ label: item.name
+ }
} else if (item.type === 'tabs') {
let _item = {
value: item.uuid,
@@ -166,11 +173,89 @@
}
/**
+ * @description 鑾峰彇鍙叧鑱旀ā鍧�
+ */
+ static getLinkModules (components) {
+ let modules = components.map(item => {
+ if ((item.type === 'card' && item.subtype === 'datacard') || (item.type === 'table' && item.subtype === 'normaltable')) {
+ return {
+ value: item.uuid,
+ label: item.name
+ }
+ } else if (item.type === 'tabs') {
+ let _item = {
+ value: item.uuid,
+ label: item.name,
+ children: item.subtabs.map(f_tab => {
+ let subItem = {
+ value: f_tab.uuid,
+ label: f_tab.label,
+ children: this.getLinkModules(f_tab.components)
+ }
+
+ if (!subItem.children || subItem.children.length === 0) {
+ return {children: null}
+ }
+ return subItem
+ })
+ }
+
+ _item.children = _item.children.filter(t => t.children !== null)
+
+ if (_item.children.length === 0) {
+ return {children: null}
+ }
+
+ return _item
+ } else if (item.type === 'group') {
+ let _item = {
+ value: item.uuid,
+ label: item.name,
+ children: item.components.map(f_tab => {
+ if ((f_tab.type === 'card' && f_tab.subtype === 'datacard') || (f_tab.type === 'table' && f_tab.subtype === 'normaltable')) {
+ return {
+ value: f_tab.uuid,
+ label: f_tab.name
+ }
+ }
+ return {
+ children: null
+ }
+ })
+ }
+
+ _item.children = _item.children.filter(t => t.children !== null)
+
+ if (_item.children.length === 0) {
+ return {children: null}
+ }
+
+ return _item
+ } else {
+ return {
+ children: null
+ }
+ }
+ })
+
+ modules = modules.filter(mod => mod.children !== null)
+
+ if (modules.length === 0) {
+ return null
+ }
+ return modules
+ }
+
+ /**
* @description 鑾峰彇鍒犻櫎鎸夐挳Id
* @return {String} name
*/
static getDelButtonIds (card) {
+ let appType = sessionStorage.getItem('appType')
let uuids = []
+
+ if (appType === 'mob') return uuids
+
const getUuids = (item) => {
if (item.type === 'tabs') {
item.subtabs.forEach(tab => {
@@ -183,48 +268,41 @@
getUuids(c)
})
} else {
- if (item.action && item.action.length > 0) {
- item.action.forEach(act => {
- if (!act.origin) {
- uuids.push(act.uuid)
- }
- })
- }
- if (item.type === 'card') {
+ item.action && item.action.forEach(act => {
+ if (act.origin || (appType === 'pc' && act.OpenType !== 'popview')) return
+
+ uuids.push(act.uuid)
+ })
+
+ 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') {
- uuids.push(cell.uuid)
- }
+ if (cell.eleType !== 'button') return
+ if (appType === 'pc' && cell.OpenType !== 'popview') return
+
+ uuids.push(cell.uuid)
})
_card.backElements && _card.backElements.forEach(cell => {
- if (cell.eleType === 'button') {
- uuids.push(cell.uuid)
- }
+ if (cell.eleType !== 'button') return
+ if (appType === 'pc' && cell.OpenType !== 'popview') return
+
+ uuids.push(cell.uuid)
})
})
- } else if (item.type === 'carousel') {
- item.subcards.forEach(_card => {
- _card.elements && _card.elements.forEach(cell => {
- if (cell.eleType === 'button') {
- uuids.push(cell.uuid)
- }
- })
- })
- } else if (item.type === 'table' && item.subtype === 'tablecard') {
- item.subcards.forEach(_card => {
- _card.elements && _card.elements.forEach(cell => {
- if (cell.eleType === 'button') {
- uuids.push(cell.uuid)
- }
- })
- })
- } else if (item.type === 'table' && item.subtype === 'normaltable') {
+ } 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
+
uuids.push(cell.uuid)
})
+ })
+ } else if (item.type === 'balcony') {
+ item.elements && item.elements.forEach(cell => {
+ if (appType === 'pc' && cell.OpenType !== 'popview') return
+
+ uuids.push(cell.uuid)
})
}
}
@@ -251,20 +329,22 @@
}
/**
- * @description 閲嶇疆鑿滃崟閰嶇疆
+ * @description 閲嶇疆鑿滃崟閰嶇疆锛岄〉闈㈡暣浣撳鍒�
* @return {String} components 閰嶇疆淇℃伅
*/
- static resetConfig = (components) => {
+ static resetConfig = (components, uuids = {}) => {
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 => {
@@ -272,15 +352,20 @@
cell.parentId = item.uuid
return cell
})
- tab.components = this.resetConfig(tab.components)
+ tab.components = this.resetConfig(tab.components, uuids)
})
} else if (item.type === 'group') {
item.components = item.components.map(cell => {
cell.parentId = item.uuid
return cell
})
- item.components = this.resetConfig(item.components)
- } else if (item.type === 'card' || item.type === 'carousel' || (item.type === 'table' && item.subtype === 'tablecard')) {
+ item.components = this.resetConfig(item.components, uuids)
+ } else 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) {
@@ -296,7 +381,14 @@
})
}
})
- } else if (item.type === 'table' && item.subtype === 'normaltable' && item.cols) {
+ } else if (item.type === 'balcony') {
+ if (item.elements) {
+ item.elements = item.elements.map(cell => {
+ cell.uuid = this.getuuid()
+ 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()
@@ -319,9 +411,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)
@@ -338,19 +433,50 @@
}
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
+
return cell
})
}
- if (item.search) {
+ if (item.type === 'topbar') {
+ 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
@@ -362,9 +488,310 @@
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
}
}
@@ -373,21 +800,20 @@
* @return {Object} style
*/
export function resetStyle (style) {
- if (sessionStorage.getItem('appType') === 'mob' && style) {
+ if (!style) return {}
+ if (sessionStorage.getItem('appType') === 'mob') {
let _style = JSON.stringify(style)
// scaleview
_style = _style.replace(/\d+vw/ig, (word) => {
- return parseFloat(word) * 420 / 100 + 'px'
+ return parseFloat(word) * (window.GLOB.winWidth || 420) / 100 + 'px'
// return parseFloat(word) * 350 / 100 + 'px'
}).replace(/\d+vh/ig, (word) => {
- return parseFloat(word) * 738 / 100 + 'px'
+ return parseFloat(word) * (window.GLOB.winHeight || 738) / 100 + 'px'
// return parseFloat(word) * 615 / 100 + 'px'
})
return JSON.parse(_style)
- } else {
- return style
}
-
+ return JSON.parse(JSON.stringify(style))
}
\ No newline at end of file
--
Gitblit v1.8.0