From c98e45bfac25e9110ad0383faac54a54d98ea9d5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 18 十一月 2021 20:47:04 +0800 Subject: [PATCH] 2021-11-18 --- src/utils/utils-custom.js | 327 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 310 insertions(+), 17 deletions(-) diff --git a/src/utils/utils-custom.js b/src/utils/utils-custom.js index 601ab7f..928c462 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) @@ -272,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 @@ -287,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 @@ -296,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) @@ -327,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 => { @@ -348,20 +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) + 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 (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 (card.elements) { @@ -384,7 +388,7 @@ 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() @@ -407,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) @@ -426,15 +433,29 @@ } 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 }) } @@ -467,10 +488,282 @@ 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} 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