2023-05-09

king

2023-05-09 7b0dbecd1d6155d26ec67be0a47a16264c738c85

 src/utils/utils-custom.js

@@ -1,18 +1,98 @@
import md5 from 'md5'

export default class MenuUtils {
  /**
   * @description 获取下级模块
   * @return {String}  selfId  当前组件id
   */
  static getSubModules (components, selfId) {
  static getSubModules (components, selfId, supId) {
    let modules = []
    components.forEach(item => {
      if (item.uuid === selfId || item.type === 'navbar') {
        return
      } else if (item.format) { // 数据格式，存在数据源
        modules.push({
          value: item.uuid,
          label: item.name,
          disabled: supId === item.uuid
        })
      } else if (item.type === 'tabs') {
        if (item.subtype === 'tabletabs') {
          item.subtabs.forEach(tab => {
            modules.push({
              value: tab.components[0].uuid,
              label: tab.label,
              disabled: supId === tab.components[0].uuid
            })
          })
        } else {
          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, supId)
              }
  
              if (subItem.children.length === 0) {
                return {children: null}
              }
              return subItem
            })
          }
  
          _item.children = _item.children.filter(t => t.children !== null)
  
          if (_item.children.length > 0) {
            modules.push(_item)
          }
        }
      } else if (item.type === 'group') {
        let _item = {
          value: item.uuid,
          label: item.name,
          children: item.components.map(f_tab => {
            if (f_tab.uuid === selfId) {
              return {
                children: null
              }
            } else if (f_tab.format) {
              return {
                value: f_tab.uuid,
                label: f_tab.name,
                disabled: supId === f_tab.uuid
              }
            }
            return {
              children: null
            }
          })
        }

        _item.children = _item.children.filter(t => t.children !== null)

        if (_item.children.length > 0) {
          modules.push(_item)
        }
      }
    })

    return modules
  }

  /**
   * @description 获取下级模块
   * @return {String}  selfId  当前组件id
   */
  static getAnchors (components, selfId) {
    let modules = components.map(item => {
      if (item.uuid === selfId) {
        return {
          children: null
        }
      } else if (item.format) { // 数据格式，存在数据源
        return {
          value: item.uuid,
          label: item.name
        }
      } else if (item.type === 'tabs') {
        let _item = {
@@ -69,6 +149,11 @@
        }

        return _item
      } else if (!['login', 'navbar', 'topbar', 'tabs', 'search', 'group', 'balcony'].includes(item.type)) { // 数据格式，存在数据源
        return {
          value: item.uuid,
          label: item.name
        }
      } else {
        return {
          children: null
@@ -88,47 +173,63 @@
   * @description 获取上级模块
   * @return {String}  selfId  当前组件id
   */
  static getSupModules (components, selfId) {
    let modules = components.map(item => {
  static getSupModules (components, selfId, interfaces) {
    let modules = []
    components.forEach(item => {
      if (item.uuid === selfId) {
        return {
          children: null
        }

      } else if (item.switchable) { // 数据可切换
        return {
          value: item.uuid,
          label: item.name
        let disabled = false
        if (item.type === 'card') {
          disabled = item.wrap.cardType === ''
        } else if (item.type === 'table') {
          disabled = item.wrap.tableType === ''
        }
      } else if (item.type === 'form') { // 数据格式，存在数据源
        return {
          value: item.uuid,
          label: item.name
        }
      } else if (item.type === 'tabs') {
        let _item = {
        modules.push({
          value: item.uuid,
          label: item.name,
          children: item.subtabs.map(f_tab => {
            let subItem = {
              value: f_tab.uuid,
              label: f_tab.label,
              children: this.getSupModules(f_tab.components, selfId)
            }
          disabled: disabled
        })
      } else if (item.type === 'form') { // 数据格式，存在数据源
        modules.push({
          value: item.uuid,
          label: item.name
        })
      } else if (item.type === 'tabs') {
        if (item.subtype === 'tabletabs') {
          item.subtabs.forEach(tab => {
            if (tab.components[0].uuid === selfId) return

            if (!subItem.children || subItem.children.length === 0) {
              return {children: null}
            }
            return subItem
            modules.push({
              value: tab.components[0].uuid,
              label: tab.label,
              disabled: tab.components[0].wrap.tableType === ''
            })
          })
        } else {
          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.getSupModules(f_tab.components, selfId)
              }
  
              if (subItem.children.length === 0) {
                return {children: null}
              }
              return subItem
            })
          }
  
          _item.children = _item.children.filter(t => t.children !== null)
  
          if (_item.children.length > 0) {
            modules.push(_item)
          }
        }

        _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,
@@ -139,9 +240,16 @@
                children: null
              }
            } else if (f_tab.switchable) {
              let disabled = false
              if (f_tab.type === 'card') {
                disabled = f_tab.wrap.cardType === ''
              } else if (f_tab.type === 'table') {
                disabled = f_tab.wrap.tableType === ''
              }
              return {
                value: f_tab.uuid,
                label: f_tab.name
                label: f_tab.name,
                disabled: disabled
              }
            }
            return {
@@ -152,24 +260,47 @@

        _item.children = _item.children.filter(t => t.children !== null)

        if (_item.children.length === 0) {
          return {children: null}
        }

        return _item
      } else {
        return {
          children: null
        if (_item.children.length > 0) {
          modules.push(_item)
        }
      }
    })

    modules = modules.filter(mod => mod.children !== null)

    if (modules.length === 0) {
      return null
    if (interfaces && interfaces.length > 0) {
      interfaces.forEach(item => {
        modules.push({
          value: item.uuid,
          label: item.name
        })
      })
    }

    return modules
  }

  /**
   * @description 获取上级模块
   * @return {String}  selfId  当前组件id
   */
  static checkSupModules (modules, supId) {
    let has = false

    let check = (list) => {
      list.forEach(m => {
        if (has) return
        if (supId === m.value) {
          has = true
          return
        }
        if (m.children) {
          check(m.children)
        }
      })
    }

    check(modules)
   
    return has
  }

  /**
@@ -247,73 +378,6 @@
  }

  /**
   * @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 => {
          tab.components.forEach(c => {
            getUuids(c)
          })
        })
      } else if (item.type === 'group') {
        item.components.forEach(c => {
          getUuids(c)
        })
      } else {
        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') return
              if (appType === 'pc' && cell.OpenType !== 'popview') return
  
              uuids.push(cell.uuid)
            })
            _card.backElements && _card.backElements.forEach(cell => {
              if (cell.eleType !== 'button') return
              if (appType === 'pc' && cell.OpenType !== 'popview') return
  
              uuids.push(cell.uuid)
            })
          })
        } 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)
          })
        }
      }
    }

    getUuids(card)

    return uuids
  }

  /**
   * @description 生成32位uuid string + 时间
   * @return {String}  uuid
   */
@@ -332,77 +396,150 @@
   * @description 重置菜单配置，页面整体复制
   * @return {String}  components 配置信息
   */
  static resetConfig = (components, uuids = {}) => {
  static resetConfig = (components, commonId, clear = false) => {
    return components.map(item => {
      if (item.type === 'navbar') {
        return item
      }

      uuids[item.uuid] = this.getuuid()
      item.uuid = uuids[item.uuid]
      if (item.subtype === 'tablecard') { // 兼容
        item.type = 'card'
      }

      item.uuid = md5(commonId + item.uuid)

      if (item.type === 'tabs') {
        item.subtabs.forEach(tab => {
          uuids[tab.uuid] = this.getuuid()
          tab.uuid = uuids[tab.uuid]
          tab.parentId = item.uuid
  
          tab.components = tab.components.map(cell => {
            cell.tabId = tab.uuid
            cell.parentId = item.uuid
            return cell
          })
          tab.components = this.resetConfig(tab.components, uuids)
          tab.uuid = md5(commonId + tab.uuid)

          tab.components = this.resetConfig(tab.components, commonId, clear)
        })
      } else if (item.type === 'group') {
        item.components = item.components.map(cell => {
          cell.parentId = item.uuid
          return cell
        })
        item.components = this.resetConfig(item.components, uuids)
        item.components = this.resetConfig(item.components, commonId, 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 (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) {
      } else if (['card', 'carousel', 'timeline'].includes(item.type)) {
        if (item.wrap.datatype === 'public' && item.wrap.publicId) {
          item.wrap.publicId = md5(commonId + item.wrap.publicId)
        }
        if (item.wrap.autoExec) {
          item.wrap.autoExec = md5(commonId + item.wrap.autoExec)
        }

        if (item.supNodes && item.supNodes.length > 0) {
          item.supNodes = item.supNodes.map(cell => {
            cell.nodes = cell.nodes.map(n => md5(commonId + n))
            cell.componentId = cell.nodes[cell.nodes.length - 1]

            return cell
          })
        }
        
        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.setting.click === 'button' && card.setting.linkbtn) {
            card.setting.linkbtn = md5(commonId + card.setting.linkbtn)
          }

          if (card.elements) {
            card.elements = card.elements.map(cell => {
              cell.uuid = this.getuuid()
              if (cell.eleType === 'button') {
                cell.uuid = md5(commonId + cell.uuid)
                if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
                  cell.pageTemplate = ''
                  cell.linkmenu = ''
                }
                this.resetBtn(cell, commonId)
              } else {
                cell.uuid = this.getuuid()
              }
              
              return cell
            })
          }
          if (card.backElements) {
            card.backElements = card.backElements.map(cell => {
              cell.uuid = this.getuuid()
              if (cell.eleType === 'button') {
                cell.uuid = md5(commonId + cell.uuid)
                if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
                  cell.pageTemplate = ''
                  cell.linkmenu = ''
                }
                this.resetBtn(cell, commonId)
              } else {
                cell.uuid = this.getuuid()
              }

              return cell
            })
          }
        })
      } else if (item.type === 'balcony') {
        if (item.wrap.datatype === 'public' && item.wrap.publicId) {
          item.wrap.publicId = md5(commonId + item.wrap.publicId)
        }
        if (item.wrap.linkbtn) {
          item.wrap.linkbtn = md5(commonId + item.wrap.linkbtn)
        }
        if (item.elements) {
          item.elements = item.elements.map(cell => {
            cell.uuid = this.getuuid()
            if (cell.eleType === 'button') {
              cell.uuid = md5(commonId + cell.uuid)
              if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
                cell.pageTemplate = ''
                cell.linkmenu = ''
              }
              this.resetBtn(cell, commonId)
            } else {
              cell.uuid = this.getuuid()
            }

            return cell
          })
        }
      } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && item.cols) {
      } else if (item.type === 'table' && item.cols) {
        let loopCol = (col) => {
          col.subcols = col.subcols.map(c => {
            c.uuid = this.getuuid()
            c.uuid = md5(commonId + c.uuid)
  
            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
              })
            } else if (c.type === 'action' && c.elements) {
              c.elements = c.elements.map(cell => {
                cell.uuid = this.getuuid()
                cell.uuid = md5(commonId + cell.uuid)

                if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
                  cell.pageTemplate = ''
                  cell.linkmenu = ''
                }

                this.resetBtn(cell, commonId)

                return cell
              })
            }
@@ -411,12 +548,9 @@
  
          return col
        }
        let _uuids = {}
        item.cols = item.cols.map(col => {
          let uuid = this.getuuid()

          _uuids[col.uuid] = uuid
          col.uuid = uuid
        item.cols = item.cols.map(col => {
          col.uuid = md5(commonId + col.uuid)
  
          if (col.type === 'colspan' && col.subcols) {
            col = loopCol(col)
@@ -427,7 +561,8 @@
            })
          } else if (col.type === 'action' && col.elements) {
            col.elements = col.elements.map(cell => {
              cell.uuid = this.getuuid()
              cell.uuid = md5(commonId + cell.uuid)
              this.resetBtn(cell, commonId)
              return cell
            })
          }
@@ -436,25 +571,51 @@

        if (item.subtype === 'editable') {
          item.cols = item.cols.map(col => {
            if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
              col.enter = _uuids[col.enter]
            if (col.editable === 'true' && col.enter) {
              col.enter = md5(commonId + col.enter)
            } else if (col.type === 'colspan' && col.subcols) {
              col.subcols = col.subcols.map(c => {
                if (c.editable === 'true' && c.enter) {
                  c.enter = md5(commonId + c.enter)
                }
                return c
              })
            }
            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
          })

          if (cell.subButton) {
            this.resetBtn(cell.subButton, commonId)
          }

          return cell
        })
      }
  
      if (item.btnlog) {
        item.btnlog = []
        item.btnlog = null
      }
  
      let oriUids = {}
      if (item.action) {
        item.action = item.action.map(cell => {
          let _uuid = this.getuuid()
          cell.uuid = md5(commonId + cell.uuid)

          oriUids[cell.uuid] = _uuid
          cell.uuid = _uuid
          if (clear && cell.pageTemplate === 'linkpage' && cell.linkmenu) {
            cell.pageTemplate = ''
            cell.linkmenu = ''
          }

          this.resetBtn(cell, commonId)

          return cell
        })
@@ -476,6 +637,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()
@@ -490,20 +654,16 @@
      }

      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] || ''
          return md5(commonId + c)
        })
        if (em) {
          item.setting.supModule = ''
        if (item.wrap && item.wrap.supModule) {
          item.wrap.supModule = item.setting.supModule
        }
      }

      if (item.wrap && item.wrap.doubleClick) {
        item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
        item.wrap.doubleClick = md5(commonId + item.wrap.doubleClick)
      }
  
      return item
@@ -511,69 +671,58 @@
  }

  /**
   * @description 重置菜单配置，页面整体复制
   * @return {String}  components 配置信息
   * @description 按钮重置
   */
  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)
            })
          }
        }
      })
  static resetBtn (btn, commonId) {
    if (btn.OpenType === 'pop' || (btn.OpenType === 'funcbutton' && btn.execMode === 'pop')) {
      if (btn.modal && btn.modal.fields.length > 0) {
        btn.modal.fields = btn.modal.fields.map(m => {
          m.uuid = this.getuuid()
          return m
        })
      }
    }

    reCheck(window.GLOB.customMenu.components, 1)

    return floor
    if (btn.switchTab && btn.switchTab.length > 0) {
      btn.switchTab = btn.switchTab.map(m => md5(commonId + m))
    }
    if (btn.anchors && btn.anchors.length > 0) {
      btn.anchors = btn.anchors.map(m => md5(commonId + m))
    }
    if (btn.syncComponent && btn.syncComponent.length > 0) {
      btn.syncComponent = btn.syncComponent.map(m => md5(commonId + m))
    }
  }

  /**
   * @description 数据源名称，用于统一查询
   * @return {String}  name
   * @description 组件名加后缀
   */
  static getdataName () {
  static getSignName () {
    let name = []
    let _options = 'abcdefghigklmnopqrstuvwxyz'
    for (let i = 0; i < 6; i++) {
    for (let i = 0; i < 3; i++) {
      name.push(_options.substr(Math.floor(Math.random() * 26), 1))
    }
    name.splice(3, 0, new Date().getTime())
    return name.join('')
    return (Math.floor(Math.random()*10) + name.join('')).toUpperCase()
  }

  /**
  * @description 重置组件配置
  * @return {String}  item 组件信息
  */
  static resetComponentConfig = (item, copyBtns, uuids = {}) => {
  static resetComponentConfig = (item, appType) => {
    if (item.type === 'navbar') {
      return item
    }

    let _uuid = this.getuuid()

    uuids[item.uuid] = _uuid

    item.uuid = _uuid

    if (item.dataName) {
      item.dataName = this.getdataName()
    if (item.subtype === 'tablecard') { // 兼容
      item.type = 'card'
    }

    item.uuid = this.getuuid()
    let commonId = this.getuuid()

    // 重置组件名称
    let sign = this.getdataName().toUpperCase().substr(-4)
    let sign = this.getSignName()
    if (item.plot) { // 图表
      item.plot.name = item.plot.name + sign
      item.name = item.plot.name
@@ -590,22 +739,47 @@
        cell.uuid = this.getuuid()
        return cell
      })
    } else if (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) {
    } else if (['card', 'carousel', 'timeline'].includes(item.type)) {
      if (item.wrap.autoExec) {
        item.wrap.autoExec = md5(commonId + item.wrap.autoExec)
      }

      if (appType !== 'mob') {
        if (item.wrap.pagestyle === 'slide') {
          item.wrap.pagestyle = 'page'
        }
      } else {
        if (item.wrap.pagestyle === 'switch') {
          item.wrap.pagestyle = 'page'
        }
      }
      
      item.subcards.forEach(card => {
        card.uuid = this.getuuid()

        if (card.setting.click === 'button' && card.setting.linkbtn) {
          card.setting.linkbtn = md5(commonId + card.setting.linkbtn)
        }

        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)
            if (cell.eleType === 'button') {
              cell.uuid = md5(commonId + cell.uuid)

              if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
                if (cell.modal && cell.modal.fields.length > 0) {
                  cell.modal.fields = cell.modal.fields.map(m => {
                    m.uuid = this.getuuid()
                    return m
                  })
                }
              }
            } else {
              cell.uuid = this.getuuid()
            }
            cell.uuid = _uuid
            return cell
          })
        }
@@ -614,14 +788,19 @@
            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)
            if (cell.eleType === 'button') {
              cell.uuid = md5(commonId + cell.uuid)
              if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
                if (cell.modal && cell.modal.fields.length > 0) {
                  cell.modal.fields = cell.modal.fields.map(m => {
                    m.uuid = this.getuuid()
                    return m
                  })
                }
              }
            } else {
              cell.uuid = this.getuuid()
            }
            cell.uuid = _uuid
            return cell
          })
        }
@@ -631,19 +810,27 @@
        if (sessionStorage.getItem('editMenuType') === 'popview') {
          item.elements = item.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
        }
        if (item.wrap.linkbtn) {
          item.wrap.linkbtn = md5(commonId + item.wrap.linkbtn)
        }
        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)
          if (cell.eleType === 'button') {
            cell.uuid = md5(commonId + cell.uuid)
            if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
              if (cell.modal && cell.modal.fields.length > 0) {
                cell.modal.fields = cell.modal.fields.map(m => {
                  m.uuid = this.getuuid()
                  return m
                })
              }
            }
          } else {
            cell.uuid = this.getuuid()
          }
          cell.uuid = _uuid
          return cell
        })
      }
    } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && item.cols) {
    } else if (item.type === 'table' && item.cols) {
      let loopCol = (col) => {
        col.subcols = col.subcols.map(c => {
          c.uuid = this.getuuid()
@@ -662,12 +849,8 @@
        return col
      }

      let _uuids = {}
      item.cols = item.cols.map(col => {
        let uuid = this.getuuid()

        _uuids[col.uuid] = uuid
        col.uuid = uuid
        col.uuid = md5(commonId + col.uuid)

        if (col.type === 'colspan' && col.subcols) {
          col = loopCol(col)
@@ -681,14 +864,16 @@
            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 = md5(commonId + cell.uuid)
            if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
              if (cell.modal && cell.modal.fields.length > 0) {
                cell.modal.fields = cell.modal.fields.map(m => {
                  m.uuid = this.getuuid()
                  return m
                })
              }
            }
            cell.uuid = _uuid

            return cell
          })
        }
@@ -697,8 +882,8 @@

      if (item.subtype === 'editable') {
        item.cols = item.cols.map(col => {
          if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
            col.enter = _uuids[col.enter]
          if (col.editable === 'true' && col.enter) {
            col.enter = md5(commonId + col.enter)
          }
          return col
        })
@@ -716,28 +901,22 @@
      })
    }

    if (item.btnlog) {
      item.btnlog = []
    }
    delete 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 = md5(commonId + cell.uuid)
        if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
          if (cell.modal && cell.modal.fields.length > 0) {
            cell.modal.fields = cell.modal.fields.map(m => {
              m.uuid = this.getuuid()
              return m
            })
          }
        }

        cell.uuid = _uuid

        return cell
      })
@@ -775,20 +954,14 @@
    }

    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 = ''
      }
      item.setting.supModule = ''
    }
    if (item.wrap && item.wrap.supModule) {
      item.wrap.supModule = ''
    }

    if (item.wrap && item.wrap.doubleClick) {
      item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
      item.wrap.doubleClick = md5(commonId + item.wrap.doubleClick)
    }

    return item
@@ -801,9 +974,11 @@
 */
export function resetStyle (style) {
  if (!style) return {}
  if (sessionStorage.getItem('appType') === 'mob') {
    let _style = JSON.stringify(style)

  let _style = JSON.stringify(style)
  _style = _style.replace(/@mywebsite@\//ig, window.GLOB.baseurl)

  if (sessionStorage.getItem('appType') === 'mob') {
    // scaleview
    _style = _style.replace(/\d+vw/ig, (word) => {
      return parseFloat(word) * (window.GLOB.winWidth || 420) / 100 + 'px'
@@ -812,8 +987,445 @@
      return parseFloat(word) * (window.GLOB.winHeight || 738) / 100 + 'px'
      // return parseFloat(word) * 615 / 100 + 'px'
    })

    return JSON.parse(_style)
  }
  return JSON.parse(JSON.stringify(style))
  
  return JSON.parse(_style)
}

/**
 * @description 获取图表高度
 */
export function getHeight (val) {
  if (typeof(val) === 'string') {
    if (val.indexOf('px') > -1) {
      val = parseFloat(val)
    } else if (val.indexOf('vw') > -1) {
      val = parseFloat(val)
      val = document.body.clientWidth * val / 100
    } else if (val.indexOf('vh') > -1) {
      val = parseFloat(val)
      val = document.body.clientHeight * val / 100
    }
  }

  return parseInt(val || 400) - 30
}

/**
 * @description 获取表名
 */
export function getTables (config, pops) {
  let tables = []
  let cuts = []
  let cutreg = /(from|update|insert\s+into)\s+(@db@)?[a-z0-9_]+/ig
  let trimreg = /(from|update|insert\s+into)\s+(@db@)?/ig

  if (config.setting && (!config.wrap || !config.wrap.datatype || config.wrap.datatype === 'dynamic')) {
    if (config.setting.interType === 'system') {
      if (config.setting.execute !== 'false' && config.setting.dataresource) {
        let tbs = config.setting.dataresource.match(cutreg)
        tbs && cuts.push(...tbs)
      }
      config.scripts && config.scripts.forEach(script => {
        if (script.status === 'false') return
        let tbs = script.sql.match(cutreg)
        tbs && cuts.push(...tbs)
      })
    } else if (config.setting.tableName) {
      let tb = config.setting.tableName.replace(/@db@|\s+/ig, '')
      if (/[a-z_]+/ig.test(tb)) {
        tables.push(tb)
      }
    }
  }

  config.search && config.search.forEach(cell => {
    if (cell.resourceType === '1' && cell.dataSource) {
      let tbs = cell.dataSource.match(cutreg)
      tbs && cuts.push(...tbs)
    }
  })

  let action = []

  if (config.type === 'form') {
    config.subcards.forEach(item => {
      action.push(item.subButton)
      item.fields && item.fields.forEach(cell => {
        if (cell.resourceType === '1' && cell.dataSource) {
          let tbs = cell.dataSource.match(cutreg)
          tbs && cuts.push(...tbs)
        }
      })
    })
  } else if (config.subcards) {
    config.subcards.forEach(item => {
      item.elements.forEach(cell => {
        if (cell.eleType !== 'button') return
        if (['form', 'pop', 'prompt', 'exec', 'excelIn', 'excelOut'].includes(cell.OpenType)) {
          action.push(cell)
        } else if (cell.OpenType === 'funcbutton' && cell.funcType === 'print' && cell.verify) {
          action.push(cell)
        } else if (cell.OpenType === 'popview') {
          if (pops) {
            pops.push({...cell, parentId: config.uuid})
          } else if (cell.config && cell.config.$tables) {
            tables.push(...cell.config.$tables)
          }
        }
      })
  
      if (item.backElements && item.setting.type === 'multi') {
        item.backElements.forEach(cell => {
          if (cell.eleType !== 'button') return
          if (['form', 'pop', 'prompt', 'exec', 'excelIn', 'excelOut'].includes(cell.OpenType)) {
            action.push(cell)
          } else if (cell.OpenType === 'funcbutton' && cell.funcType === 'print' && cell.verify) {
            action.push(cell)
          } else if (cell.OpenType === 'popview') {
            if (pops) {
              pops.push({...cell, parentId: config.uuid})
            } else if (cell.config && cell.config.$tables) {
              tables.push(...cell.config.$tables)
            }
          }
        })
      }
    })
  }

  config.cols && config.cols.forEach(col => {
    if (col.type === 'action') {
      col.elements.forEach(cell => {
        if (['form', 'pop', 'prompt', 'exec', 'excelIn', 'excelOut'].includes(cell.OpenType)) {
          action.push(cell)
        } else if (cell.OpenType === 'funcbutton' && cell.funcType === 'print' && cell.verify) {
          action.push(cell)
        } else if (cell.OpenType === 'popview') {
          if (pops) {
            pops.push({...cell, parentId: config.uuid})
          } else if (cell.config && cell.config.$tables) {
            tables.push(...cell.config.$tables)
          }
        }
      })
    }
  })

  config.elements && config.elements.forEach(cell => {
    if (cell.eleType !== 'button') return
    if (['form', 'pop', 'prompt', 'exec', 'excelIn', 'excelOut'].includes(cell.OpenType)) {
      action.push(cell)
    } else if (cell.OpenType === 'funcbutton' && cell.funcType === 'print' && cell.verify) {
      action.push(cell)
    } else if (cell.OpenType === 'popview') {
      if (pops) {
        pops.push({...cell, parentId: config.uuid})
      } else if (cell.config && cell.config.$tables) {
        tables.push(...cell.config.$tables)
      }
    }
  })

  config.action && config.action.forEach(cell => {
    if (['pop', 'prompt', 'exec', 'excelIn', 'excelOut'].includes(cell.OpenType)) {
      action.push(cell)
    } else if (cell.OpenType === 'funcbutton' && cell.funcType === 'print' && cell.verify) {
      action.push(cell)
    } else if (cell.OpenType === 'popview') {
      if (pops) {
        pops.push({...cell, parentId: config.uuid})
      } else if (cell.config && cell.config.$tables) {
        tables.push(...cell.config.$tables)
      }
    }
  })

  action.forEach(btn => {
    if (btn.OpenType === 'excelIn') {
      if (!btn.verify) return
      if (btn.intertype !== 'system' || btn.verify.default !== 'false') {
        let tb = btn.sheet.replace(/@db@|\s+/ig, '')
        if (/[a-z_]+/ig.test(tb)) {
          tables.push(tb)
        }
      }
      if (btn.intertype === 'system' && btn.verify.scripts) {
        btn.verify.scripts.forEach(script => {
          if (script.status === 'false') return
          let tbs = script.sql.match(cutreg)
          tbs && cuts.push(...tbs)
        })
      }
    } else if (btn.OpenType === 'funcbutton') {
      if (btn.intertype !== 'system' || !btn.verify || !btn.verify.setting) return
      if (btn.verify.dataType === 'custom') {
        if (btn.verify.setting.defaultSql !== 'false') {
          let tbs = btn.verify.setting.dataresource.match(cutreg)
          tbs && cuts.push(...tbs)
        }
        btn.verify.scripts && btn.verify.scripts.forEach(script => {
          if (script.status === 'false') return
          let tbs = script.sql.match(cutreg)
          tbs && cuts.push(...tbs)
        })
      }
    } else if (btn.OpenType === 'excelOut') {
      if (btn.intertype !== 'system' || !btn.verify) return
      if (btn.verify.dataType === 'custom') {
        if (btn.verify.defaultSql !== 'false') {
          let tbs = btn.verify.dataresource.match(cutreg)
          tbs && cuts.push(...tbs)
        }
        btn.verify.scripts && btn.verify.scripts.forEach(script => {
          if (script.status === 'false') return
          let tbs = script.sql.match(cutreg)
          tbs && cuts.push(...tbs)
        })
      }
      if (btn.verify.enable === 'true' && btn.verify.script) {
        let tbs = btn.verify.script.match(cutreg)
        tbs && cuts.push(...tbs)
      }
    } else {
      if (btn.OpenType === 'pop' && btn.modal && btn.modal.fields) {
        btn.modal.fields.forEach(cell => {
          if (cell.resourceType === '1' && cell.dataSource) {
            let tbs = cell.dataSource.match(cutreg)
            tbs && cuts.push(...tbs)
          }
        })
      }
      if (btn.intertype === 'inner') return
      if (btn.intertype === 'outer' || btn.intertype === 'custom') {
        if (btn.procMode === 'system' && btn.verify) {
          if (btn.verify.default !== 'false' && btn.sql) {
            let tb = btn.sql.replace(/@db@|\s+/ig, '')
            if (/[a-z_]+/ig.test(tb)) {
              tables.push(tb)
            }
          }
          btn.verify.customverifys && btn.verify.customverifys.forEach(script => {
            if (script.status === 'false') return
            let tbs = script.sql.match(cutreg)
            tbs && cuts.push(...tbs)
          })
          btn.verify.scripts && btn.verify.scripts.forEach(script => {
            if (script.status === 'false') return
            let tbs = script.sql.match(cutreg)
            tbs && cuts.push(...tbs)
          })
        }
        if (btn.callbackType === 'script' && btn.verify) {
          btn.verify.cbScripts && btn.verify.cbScripts.forEach(script => {
            if (script.status === 'false') return
            let tbs = script.sql.match(cutreg)
            tbs && cuts.push(...tbs)
          })
        }
      } else if (btn.verify) {
        if (btn.verify.default !== 'false' && btn.sql) {
          let tb = btn.sql.replace(/@db@|\s+/ig, '')
          if (/[a-z_]+/ig.test(tb)) {
            tables.push(tb)
          }
        }
        btn.verify.customverifys && btn.verify.customverifys.forEach(script => {
          if (script.status === 'false') return
          let tbs = script.sql.match(cutreg)
          tbs && cuts.push(...tbs)
        })
        btn.verify.scripts && btn.verify.scripts.forEach(script => {
          if (script.status === 'false') return
          let tbs = script.sql.match(cutreg)
          tbs && cuts.push(...tbs)
        })
      }
    }
  })

  cuts = cuts.map(item => item.replace(trimreg, ''))
  tables.push(...cuts)
  tables = tables.filter(tb => tb && tb !== 'dbo' && tb.length > 1)
  tables = Array.from(new Set(tables))

  return tables
}

/**
 * @description 检测组件内容
 */
export function checkComponent (card) {
  let errors = []
  let columns = []

  if (card.$c_ds) {
    columns = card.columns.map(c => c.field)
    if (card.setting.interType === 'system' && card.setting.execute !== 'false' && !card.setting.dataresource) {
      errors.push({ level: 0, detail: '未设置数据源！'})
    } else if (card.setting.interType === 'system' && card.setting.execute === 'false' && card.scripts.filter(script => script.status !== 'false').length === 0) {
      errors.push({ level: 0, detail: '数据源中无可用脚本！'})
    } else if (!card.setting.primaryKey) {
      errors.push({ level: 0, detail: '未设置主键！'})
    } else if (!columns.includes(card.setting.primaryKey)) {
      errors.push({ level: 0, detail: '主键已失效！'})
    } else if (card.subtype === 'dualdatacard') {                     // 双重卡
      if (!card.setting.subKey) {
        errors.push({ level: 0, detail: '未设置子表主键！'})
      } else if (!card.setting.subBID) {
        errors.push({ level: 0, detail: '未设置子表BID！'})
      } else if (!card.setting.supModule) {
        errors.push({ level: 0, detail: '未设置上级组件！'})
      }
    } else if (card.type === 'card' && card.subtype === 'datacard') { // 数据卡，可能有多上级
      if (card.wrap.supType !== 'multi' && !card.setting.supModule) {
        errors.push({ level: 0, detail: '未设置上级组件！'})
      }
    } else if (card.type !== 'balcony' && !card.setting.supModule) {  // 悬浮框上级组件需单独设置
      errors.push({ level: 0, detail: '未设置上级组件！'})
    }
  } else if ((card.type === 'balcony' || card.type === 'card') && card.wrap.datatype === 'public') {
    columns = card.columns.map(c => c.field)
  }

  let doubleClick = ''
  if (card.type === 'table') {
    doubleClick = card.wrap.doubleClick || ''
  }

  if (card.$c_ac) {
    card.action.forEach(cell => {
      if (cell.hidden === 'true' || cell.origin) return
      // if (cell.OpenType === 'popview') {
      //   if (!cell.config) {
      //     errors.push({ level: 0, detail: `按钮“${cell.label}”中弹窗标签尚未设置`})
      //   } else if (!cell.config.enabled) {
      //     errors.push({ level: 0, detail: `按钮“${cell.label}”中弹窗标签未启用`})
      //   }
      // }
      if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
        if (!cell.modal || cell.modal.fields.length === 0) {
          errors.push({ level: 0, detail: `按钮“${cell.label}”中表单尚未添加`})
        }
      } else if (cell.OpenType === 'excelIn' && (!cell.verify || !cell.verify.sheet || !cell.verify.columns || cell.verify.columns.length === 0)) {
        errors.push({ level: 0, detail: `按钮“${cell.label}”中导入列未设置！`})
      } else if (cell.OpenType === 'excelOut' && (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0)) {
        errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列未设置！`})
      }
      if (doubleClick === cell.uuid) {
        doubleClick = ''
      }
    })
  }

  if (card.$c_sc) {
    card.subcards.forEach((item, i) => {
      let linkbtn = item.setting.linkbtn || ''
      item.elements.forEach(cell => {
        if (cell.eleType === 'button') {
          if (cell.hidden === 'true') return
          if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
            if (!cell.modal || cell.modal.fields.length === 0) {
              errors.push({ level: 0, detail: `按钮“${cell.label}”中表单尚未添加`})
            }
          } else if (cell.OpenType === 'excelIn' && (!cell.verify || !cell.verify.sheet || !cell.verify.columns || cell.verify.columns.length === 0)) {
            errors.push({ level: 0, detail: `按钮“${cell.label}”中导入列未设置！`})
          } else if (cell.OpenType === 'excelOut' && (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0)) {
            errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列未设置！`})
          }
          if (linkbtn && linkbtn === cell.uuid) {
            linkbtn = ''
          }
        } else if (cell.datatype === 'dynamic' && cell.field && !columns.includes(cell.field)) {
          errors.push({ level: 1, detail: `卡片中动态字段“${cell.field}”无效`})
        }
      })
  
      if (card.subtype === 'dualdatacard' || (item.setting.type === 'multi' && item.backElements && sessionStorage.getItem('appType') !== 'mob')) {
        item.backElements.forEach(cell => {
          if (cell.eleType === 'button') {
            if (cell.hidden === 'true') return
            if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
              if (!cell.modal || cell.modal.fields.length === 0) {
                errors.push({ level: 0, detail: `按钮“${cell.label}”中表单尚未添加`})
              }
            } else if (cell.OpenType === 'excelIn' && (!cell.verify || !cell.verify.sheet || !cell.verify.columns || cell.verify.columns.length === 0)) {
              errors.push({ level: 0, detail: `按钮“${cell.label}”中导入列未设置！`})
            } else if (cell.OpenType === 'excelOut' && (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0)) {
              errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列未设置！`})
            }
            if (linkbtn && linkbtn === cell.uuid) {
              linkbtn = ''
            }
          } else if (cell.datatype === 'dynamic' && cell.field && !columns.includes(cell.field)) {
            errors.push({ level: 1, detail: `卡片中动态字段“${cell.field}”无效`})
          }
        })
      }
  
      if (linkbtn) {
        errors.push({ level: 1, detail: `第${i + 1}张卡片中绑定按钮已删除`})
      }
    })

    if (card.subcards.length === 0) {
      errors.push({ level: 0, detail: '卡片不可为空！'})
    }
  }

  if (card.$c_el) {
    card.elements.forEach(cell => {
      if (cell.eleType === 'button') {
        if (cell.hidden === 'true') return
        if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
          if (!cell.modal || cell.modal.fields.length === 0) {
            errors.push({ level: 0, detail: `按钮“${cell.label}”中表单尚未添加`})
          }
        } else if (cell.OpenType === 'excelIn' && (!cell.verify || !cell.verify.sheet || !cell.verify.columns || cell.verify.columns.length === 0)) {
          errors.push({ level: 0, detail: `按钮“${cell.label}”中导入列未设置！`})
        } else if (cell.OpenType === 'excelOut' && (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0)) {
          errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列未设置！`})
        }
      } else if (cell.datatype === 'dynamic' && cell.field && !columns.includes(cell.field)) {
        errors.push({ level: 1, detail: `卡片中动态字段“${cell.field}”无效`})
      }
    })
  }

  if (card.$c_cl) {
    card.cols.forEach(col => {
      if (col.type === 'action') {
        col.elements.forEach(cell => {
          if (cell.hidden === 'true') return
          if (cell.OpenType === 'pop' || (cell.OpenType === 'funcbutton' && cell.execMode === 'pop')) {
            if (!cell.modal || cell.modal.fields.length === 0) {
              errors.push({ level: 0, detail: `按钮“${cell.label}”中表单尚未添加`})
            }
          } else if (cell.OpenType === 'excelIn' && (!cell.verify || !cell.verify.sheet || !cell.verify.columns || cell.verify.columns.length === 0)) {
            errors.push({ level: 0, detail: `按钮“${cell.label}”中导入列未设置！`})
          } else if (cell.OpenType === 'excelOut' && (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0)) {
            errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列未设置！`})
          }

          if (doubleClick === cell.uuid) {
            doubleClick = ''
          }
        })
      } else if (col.type === 'custom') {
        col.elements.forEach(cell => {
          if (cell.datatype === 'dynamic' && cell.field && !columns.includes(cell.field)) {
            errors.push({ level: 1, detail: `显示列“${col.label}”中动态字段“${cell.field}”无效`})
          }
        })
      } else if (col.field && !columns.includes(col.field)) {
        errors.push({ level: 1, detail: `显示列“${col.label}”中字段“${col.field}”无效`})
      }
    })

    if (doubleClick) {
      errors.push({ level: 1, detail: `绑定的双击按钮已删除`})
    }
  }

  return errors
}