2024-06-19

king

2024-06-19 9ff5920c0a58771219b134a7b46b7d0c1e1542ad

 src/utils/utils-custom.js

@@ -6,7 +6,7 @@
   * @description 获取下级模块
   * @return {String}  selfId  当前组件id
   */
  static getSubModules (components, selfId, supId) {
  static getSubModules (components, selfId, supId, interfaces) {
    let modules = []
    components.forEach(item => {
      if (item.uuid === selfId || item.type === 'navbar') {
@@ -17,6 +17,17 @@
          label: item.name,
          disabled: supId === item.uuid
        })

        if (item.type === 'form' && item.subtype === 'simpleform' && item.wrap.refocus && supId !== item.uuid) {
          modules.push({
            value: item.uuid + '$focus-refresh',
            label: item.name + '（刷新-聚焦）',
          })
          modules.push({
            value: item.uuid + '$focus-nofresh',
            label: item.name + '（不刷新-聚焦）',
          })
        }
      } else if (item.type === 'tabs') {
        if (item.subtype === 'tabletabs') {
          item.subtabs.forEach(tab => {
@@ -83,6 +94,15 @@
        }
      }
    })

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

    return modules
  }
@@ -170,6 +190,42 @@
      return null
    }
    return modules
  }

  /**
   * @description 获取指定组件
   * @return {String}  组件id
   */
  static getComponent (Id) {
    let interfaces = window.GLOB.customMenu.interfaces
    let components = window.GLOB.customMenu.components
    let cell = null

    let mapComponents = (components = []) => {
      components.forEach(item => {
        if (item.uuid === Id) {
          cell = item
        }else if (item.type === 'tabs') {
          item.subtabs.forEach(f_tab => {
            mapComponents(f_tab.components)
          })
        } else if (item.type === 'group') {
          mapComponents(item.components)
        }
      })
    }

    mapComponents(components)

    if (!cell && interfaces) {
      interfaces.forEach(m => {
        if (m.uuid === Id && m.status === 'true') {
          cell = m
        }
      })
    }
    
    return cell
  }

  /**
@@ -305,80 +361,6 @@
    check(modules)
   
    return has
  }

  /**
   * @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
  }

  /**
@@ -520,7 +502,16 @@
            return cell
          })
        }
      } else if (item.type === 'table' && item.cols) {
      } else if (item.type === 'table') {
        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
          })
        }

        let loopCol = (cols) => {
          return cols.map(col => {
            if (col.type === 'action') {
@@ -558,7 +549,7 @@
          })
        }

        item.cols = loopCol(item.cols)
        item.cols = loopCol(item.cols || [])

        if (item.colsCtrls) {
          item.colsCtrls = item.colsCtrls.map(col => {
@@ -567,6 +558,9 @@
          })
        }
      } else if (item.type === 'form') {
        if (item.wrap.datatype === 'public' && item.wrap.publicId) {
          item.wrap.publicId = md5(commonId + item.wrap.publicId)
        }
        item.subcards = item.subcards.map(cell => {
          cell.uuid = this.getuuid()
  
@@ -635,7 +629,7 @@
        })
      }

      if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty') {
      if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty' && item.setting.supModule[0] !== 'preview') {
        item.setting.supModule = item.setting.supModule.map(c => {
          return md5(commonId + c)
        })
@@ -672,11 +666,23 @@
    }
    if (btn.syncComponent && btn.syncComponent[0] === 'multiComponent' && btn.syncComponents) {
      btn.syncComponents = btn.syncComponents.map(m => {
        m.syncComId = m.syncComId.map(n => md5(commonId + n))
        m.syncComId = m.syncComId.map(n => {
          if (/\$focus/.test(n)) {
            return md5(commonId + n.split('$')[0]) + '$' + n.split('$')[1]
          }

          return md5(commonId + n)
        })
        return m
      })
    } else if (btn.syncComponent && btn.syncComponent.length > 0) {
      btn.syncComponent = btn.syncComponent.map(m => md5(commonId + m))
      btn.syncComponent = btn.syncComponent.map(m => {
        if (/\$focus/.test(m)) {
          return md5(commonId + m.split('$')[0]) + '$' + m.split('$')[1]
        }

        return md5(commonId + m)
      })
    }
  }

@@ -696,7 +702,7 @@
  * @description 重置组件配置
  * @return {String}  item 组件信息
  */
  static resetComponentConfig = (item, appType) => {
  static resetComponentConfig = (item, appType, commonId) => {
    if (item.type === 'navbar') {
      return item
    }
@@ -704,9 +710,6 @@
    if (item.subtype === 'tablecard') { // 兼容
      item.type = 'card'
    }

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

    // 重置组件名称
    let sign = this.getSignName()
@@ -817,7 +820,7 @@
          return cell
        })
      }
    } else if (item.type === 'table' && item.cols) {
    } else if (item.type === 'table') {
      let loopCol = (cols) => {
        return cols.map(col => {
          if (col.type === 'action') {
@@ -858,7 +861,7 @@
        })
      }

      item.cols = loopCol(item.cols)
      item.cols = loopCol(item.cols || [])

      if (item.colsCtrls) {
        item.colsCtrls = item.colsCtrls.map(col => {
@@ -931,26 +934,134 @@
      })
    }

    if (item.setting && item.setting.supModule && item.setting.supModule[0] !== 'empty') {
      item.setting.supModule = ''
    }
    
    if (item.wrap && item.wrap.supType === 'multi') {
      item.wrap.supType = 'single'

      delete item.supNodes
    }
    
    if (item.wrap && item.wrap.supModule) {
      item.wrap.supModule = ''
    }

    if (item.wrap && item.wrap.doubleClick) {
      item.wrap.doubleClick = md5(commonId + item.wrap.doubleClick)
    }

    return item
  }
}

/**
 * @description 获取可关联模块
 */
export function 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: 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 获取公共数据源
 */
export function getInterfaces () {
  let menu = window.GLOB.customMenu

  let interfaces = []
  if (menu.interfaces) {
    menu.interfaces.forEach(item => {
      if (item.status === 'true') {
        interfaces.push({
          value: item.uuid,
          label: item.name,
          columns: JSON.parse(JSON.stringify(item.columns))
        })
      }
    })
  }

  let mapComponents = (components = []) => {
    components.forEach(item => {
      if (item.type === 'card' && item.subtype === 'datacard') {
        interfaces.push({
          value: item.uuid,
          label: item.name + '（数据卡）',
          columns: JSON.parse(JSON.stringify(item.columns))
        })
      } else if (item.type === 'table' && item.subtype === 'normaltable') {
        interfaces.push({
          value: item.uuid,
          label: item.name + '（常用表）',
          columns: JSON.parse(JSON.stringify(item.columns))
        })
      } else if (item.type === 'tabs') {
        item.subtabs.forEach(f_tab => {
          mapComponents(f_tab.components)
        })
      } else if (item.type === 'group') {
        mapComponents(item.components)
      }
    })
  }

  mapComponents(menu.components)

  return interfaces
}

/**
@@ -978,25 +1089,29 @@
        forbid: item.query === 'false'
      })
    } else {
      let value = item.initval
      let value = '0'
      let type = item.type

      if (item.type === 'date') {
        value = '1949-10-01 00:00:00.000'
      } else if (item.type === 'datemonth') {
        value = '1949-10-01 00:00:00.000,1949-10-02 00:00:00.000'
        if (item.match === '=') {
          value = '1949-10'
        } else {
          value = '1949-10-01 00:00:00.000,1949-10-02 00:00:00.000'
        }
      } else if (item.type === 'dateweek') {
        value = '1949-10-01 00:00:00.000,1949-10-02 00:00:00.000'
      } else if (item.type === 'daterange') {
        value = '1949-10-01 00:00:00.000,1949-10-02 00:00:00.000'
      } else if (item.type === 'range') {
        value = `${item.minValue},${item.maxValue}`
        value = item.initval || `${item.minValue || '-999999999'},${item.maxValue || '999999999'}`
      } else if (item.type === 'multiselect' || (item.type === 'checkcard' && item.multiple === 'true')) {
        type = 'multi'
        value = '0'
      } else {
        value = '0'
        value = item.initval || '0'
      }

      newsearches.push({
        key: item.field,
        match: item.match,
@@ -1036,9 +1151,19 @@
      searchText.push(`('${item.value}' ${item.match} '%'+${item.key}+'%')`)
    } else if (item.type === 'date') {
      searchText.push('(' + item.key + ' ' + item.match + ' \'' + item.value + '\')')
    } else if (item.type === 'datemonth' || item.type === 'dateweek' || item.type === 'range') {
    } else if (item.type === 'dateweek') {
      let val = item.value.split(',')
      searchText.push('(' + item.key + ' >= \'' + val[0] + '\' AND ' + item.key + ' < \'' + val[1] + '\')')
    } else if (item.type === 'range') {
      let val = item.value.split(',')
      searchText.push('(' + item.key + ' >= ' + (val[0] || -999999999) + ' AND ' + item.key + ' <= ' + (val[1] || 999999999) + ')')
    } else if (item.type === 'datemonth') {
      if (item.match === '=') {
        searchText.push('(' + item.key + ' = \'' + item.value + '\')')
      } else {
        let val = item.value.split(',')
        searchText.push('(' + item.key + ' >= \'' + val[0] + '\' AND ' + item.key + ' < \'' + val[1] + '\')')
      }
    } else if (item.type === 'daterange') {
      let val = item.value.split(',')

@@ -1081,7 +1206,8 @@
          value: `'${item.value}'`
        })
      }
    } else if (['dateweek', 'datemonth', 'range'].includes(item.type)) {
      
    } else if (item.type === 'dateweek') {
      let val = item.value.split(',')
      options.push({
        reg: new RegExp('@' + item.key + '@', 'ig'),
@@ -1090,6 +1216,31 @@
        reg: new RegExp('@' + item.key + '1@', 'ig'),
        value: `'${val[1]}'`
      })
    } else if (item.type === 'range') {
      let val = item.value.split(',')
      options.push({
        reg: new RegExp('@' + item.key + '@', 'ig'),
        value: `${val[0] || -999999999}`
      }, {
        reg: new RegExp('@' + item.key + '1@', 'ig'),
        value: `${val[1] || 999999999}`
      })
    } else if (item.type === 'datemonth') {
      if (item.match === '=') {
        options.push({
          reg: new RegExp('@' + item.key + '@', 'ig'),
          value: `'${item.value}'`
        })
      } else {
        let val = item.value.split(',')
        options.push({
          reg: new RegExp('@' + item.key + '@', 'ig'),
          value: `'${val[0]}'`
        }, {
          reg: new RegExp('@' + item.key + '1@', 'ig'),
          value: `'${val[1]}'`
        })
      }
    } else if (item.type === 'daterange') {
      let val = item.value.split(',')
      let _skey = item.key
@@ -1123,6 +1274,57 @@
  })

  return options
}

/**
 * @description 获取搜索字段
 */
export function getSearchFields (searches) {
  if (!searches) return ''

  let _usefulFields = []
  searches.forEach(item => {
    let key = item.key || item.field
    
    if (!key) return

    if (item.type === 'group') {
      _usefulFields.push(key)
      if (item.datefield) {
        _usefulFields.push(item.datefield)
        _usefulFields.push(item.datefield + '1')
      }
    } else if (item.type === 'dateweek') {
      _usefulFields.push(key)
      _usefulFields.push(key + '1')
    } else if (item.type === 'datemonth') {
      if (item.match === '=') {
        _usefulFields.push(key)
      } else {
        _usefulFields.push(key)
        _usefulFields.push(key + '1')
      }
    } else if (item.type === 'range') {
      _usefulFields.push(key)
      _usefulFields.push(key + '1')
    } else if (item.type === 'daterange') {
      let _skey = key
      let _ekey = key + '1'

      if (/,/.test(key)) {
        _skey = key.split(',')[0]
        _ekey = key.split(',')[1]
      }
      _usefulFields.push(_skey)
      _usefulFields.push(_ekey)
    } else if (item.type === 'date' && _usefulFields.includes(key)) {
      _usefulFields.push(key + '1')
    } else {
      _usefulFields.push(key)
    }
  })

  return _usefulFields.join(', ')
}

/**
@@ -1545,6 +1747,16 @@

  if (card.$c_ds) {
    columns = card.columns.map(c => c.field)

    if (card.setting.primaryKey && !columns.includes(card.setting.primaryKey)) {
      let key = card.setting.primaryKey.toLowerCase()
      columns.forEach(f => {
        if (f.toLowerCase() === key) {
          card.setting.primaryKey = f
        }
      })
    }

    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) {
@@ -1561,7 +1773,7 @@
      } else if (!card.setting.supModule) {
        errors.push({ level: 0, detail: '未设置上级组件！'})
      }
    } else if (card.type === 'card' && card.subtype === 'datacard') { // 数据卡，可能有多上级
    } else if ((card.type === 'card' && card.subtype === 'datacard') || card.subtype === 'normaltable') { // 数据卡、table，可能有多上级
      if (card.wrap.supType !== 'multi' && !card.setting.supModule) {
        errors.push({ level: 0, detail: '未设置上级组件！'})
      }
@@ -1603,6 +1815,14 @@
        if (cols.length) {
          errors.push({ level: 0, detail: `按钮“${cell.label}”中导出列（${cols.join('、')}）在字段集中不存在！`})
        }
      }
    }

    if (['pop', 'prompt', 'exec'].includes(cell.OpenType) && cell.verify && !cell.output) {
      if (cell.verify.noteEnable === 'true') {
        errors.push({ level: 0, detail: `按钮“${cell.label}”未设置返回值短信发送无效！`})
      } else if (cell.verify.emailEnable === 'true') {
        errors.push({ level: 0, detail: `按钮“${cell.label}”未设置返回值邮件发送无效！`})
      }
    }
  }
@@ -1789,6 +2009,13 @@
      duration: 5
    })
    return false
  } else if (/\send\s+begin\s/ig.test(sql)) {
    notification.warning({
      top: 92,
      message: `end 后不可紧跟 begin。`,
      duration: 5
    })
    return false
  } else if (type === 'customscript' && /\son\s+[a-z0-9_]+\.[a-z0-9_]+\s*=\s*[a-z0-9_]+\.[a-z0-9_]+/ig.test(sql)) {
    let list = sql.match(/\son\s+[a-z0-9_]+\.[a-z0-9_]+\s*=\s*[a-z0-9_]+\.[a-z0-9_]+/ig)
    let errors = []
@@ -1849,4 +2076,725 @@
  }

  return true
}

/**
 * @description 获取语言转换信息
 */
export function getLangTrans (config) {
  let langList = sessionStorage.getItem('langList')
  let appType = sessionStorage.getItem('appType')

  if (appType === 'mob' || appType === 'pc') {
    langList = sessionStorage.getItem('applangList')
  }
  
  if (!langList) return

  let defLang = ''

  try {
    langList = JSON.parse(langList)
    defLang = langList[0]
  } catch (e) {
    defLang = ''
  }

  if (!defLang) return ''

  let sql = []
  let btn = []
  let ops = []
  let text = []
  let menu = []

  let filterElement = (card) => {
    if (card.datatype === 'static' && card.eleType === 'text' && !/@.+@/g.test(card.value)) {
      sql.push(card.value)
    }
    if (card.prefix) {
      sql.push(card.prefix)
    }
    if (card.postfix) {
      sql.push(card.postfix)
    }
  }

  let filterSql = (sl) => {
    if (!sl) return

    let cutreg = /[\u4E00-\u9FA5。！，、]+/ig
    let tbs = sl.match(cutreg)

    if (!tbs) return
    
    text.push(...tbs)
  }

  let filterBtn = (btn) => {
    if (!btn.verify) return

    btn.verify.customverifys && btn.verify.customverifys.forEach(script => {
      filterSql(script.sql)
    })
    btn.verify.scripts && btn.verify.scripts.forEach(script => {
      filterSql(script.sql)
    })
    btn.verify.cbScripts && btn.verify.cbScripts.forEach(script => {
      filterSql(script.sql)
    })

    if (btn.OpenType === 'funcbutton') {
      if (btn.intertype === 'system' && btn.verify.dataType === 'custom' && btn.verify.setting) {
        filterSql(btn.verify.setting.dataresource)
      }
    } else if (btn.OpenType === 'excelOut') {
      filterSql(btn.verify.dataresource)
    }
  }

  let filterForm = (n) => {
    sql.push(n.label)
    if (n.resourceType === '1') {
      filterSql(n.dataSource)
    } else if (n.options) {
      n.options.forEach(o => {
        ops.push(o.Text)
      })
    }
  }

  let traversal = (components) => {
    if (!components) return

    components.forEach(item => {
      if (item.type === 'tabs') {
        item.subtabs.forEach(tab => {
          sql.push(tab.label)
          traversal(tab.components)
        })
      } else if (item.type === 'group') {
        traversal(item.components)
      } else {
        if (item.setting && (!item.wrap || !item.wrap.datatype || item.wrap.datatype === 'dynamic')) {
          if (item.setting.interType === 'system') {
            filterSql(item.setting.dataresource)
            item.scripts && item.scripts.forEach(script => {
              filterSql(script.sql)
            })
          }
        }

        if (item.columns) {
          item.columns.forEach(cell => {
            sql.push(cell.label)
          })
        }
        if (item.search) {
          if (item.type === 'topbar') {
            if (item.search.fields) {
              item.search.fields.forEach(cell => {
                filterForm(cell)
              })
            }
            if (item.search.groups) {
              item.search.groups.forEach(group => {
                if (group.fields) {
                  group.fields.forEach(cell => {
                    filterForm(cell)
                  })
                }
              })
            }
          } else {
            item.search.forEach(cell => {
              filterForm(cell)
            })
          }
        }
        if (item.action) {
          item.action.forEach(cell => {
            btn.push(cell.label)
            filterBtn(cell)
            if (cell.OpenType === 'popview' && cell.config) {
              traversal(cell.config.components)
            } else if (cell.OpenType === 'pop') {
              if (cell.modal && cell.modal.fields.length) {
                cell.modal.fields.forEach(n => {
                  filterForm(n)
                })
              }
            }
          })
        }

        if (item.type === 'navbar') {
          if (item.menus) {
            item.menus.forEach(first => {
              menu.push(first.name)
              if (first.sublist) {
                first.sublist.forEach(sec => {
                  menu.push(sec.name)
                  if (sec.sublist) {
                    sec.sublist.forEach(thd => {
                      menu.push(thd.name)
                    })
                  }
                })
              }
            })
          }
        } else if (item.type === 'menubar') {
          item.subMenus.forEach(cell => {
            if (cell.setting.name) {
              menu.push(cell.setting.name)
            }
          })
        } else if (item.type === 'card' || item.type === 'carousel' || item.type === 'timeline') {
          item.subcards.forEach(card => {
            card.elements && card.elements.forEach(cell => {
              if (cell.eleType === 'button') {
                btn.push(cell.label)
                filterBtn(cell)
                if (cell.OpenType === 'popview' && cell.config) {
                  traversal(cell.config.components)
                } else if (cell.OpenType === 'pop') {
                  if (cell.modal && cell.modal.fields.length) {
                    cell.modal.fields.forEach(n => {
                      filterForm(n)
                    })
                  }
                }
              } else {
                filterElement(cell)
              }
            })
            card.backElements && card.backElements.forEach(cell => {
              if (cell.eleType === 'button') {
                btn.push(cell.label)
                filterBtn(cell)
                if (cell.OpenType === 'popview' && cell.config) {
                  traversal(cell.config.components)
                } else if (cell.OpenType === 'pop') {
                  if (cell.modal && cell.modal.fields.length) {
                    cell.modal.fields.forEach(n => {
                      filterForm(n)
                    })
                  }
                }
              } else {
                filterElement(cell)
              }
            })
          })
        } else if (item.type === 'balcony') {
          item.elements && item.elements.forEach(cell => {
            if (cell.eleType === 'button') {
              btn.push(cell.label)
              filterBtn(cell)
              if (cell.OpenType === 'popview' && cell.config) {
                traversal(cell.config.components)
              } else if (cell.OpenType === 'pop') {
                if (cell.modal && cell.modal.fields.length) {
                  cell.modal.fields.forEach(n => {
                    filterForm(n)
                  })
                }
              }
            } else {
              filterElement(cell)
            }
          })
        } else if (item.type === 'table') {
          let loopCol = (cols) => {
            cols.forEach(col => {
              sql.push(col.label)
              if (col.prefix) {
                sql.push(col.prefix)
              }
              if (col.postfix) {
                sql.push(col.postfix)
              }
              if (col.type === 'colspan') {
                loopCol(col.subcols)
              } else if (col.type === 'custom') {
                col.elements.forEach(cell => {
                  if (cell.eleType === 'button') {
                    btn.push(cell.label)
                    filterBtn(cell)
                    if (cell.OpenType === 'popview' && cell.config) {
                      traversal(cell.config.components)
                    } else if (cell.OpenType === 'pop') {
                      if (cell.modal && cell.modal.fields.length) {
                        cell.modal.fields.forEach(n => {
                          filterForm(n)
                        })
                      }
                    }
                  } else {
                    filterElement(cell)
                  }
                })
              }
            })
          }
          loopCol(item.cols)
        } else if (item.type === 'form') {
          item.subcards.forEach(cell => {
            filterBtn(cell.subButton)
            cell.fields.forEach(n => {
              filterForm(n)
            })
          })
        }
      }
    })
  }

  if (config.interfaces) {
    config.interfaces.forEach(item => {
      if (item.setting.interType === 'system') {
        filterSql(item.setting.dataresource)
        item.scripts && item.scripts.forEach(script => {
          filterSql(script.sql)
        })
      }
    })
  }

  traversal(config.components)

  if (config.MenuName) {
    menu.push(config.MenuName)
  }

  if (config.fstMenuId && config.parentId && config.fstMenuId !== 'BillPrintTemp') {
    let menulist = sessionStorage.getItem('fstMenuList')
    try {
      menulist = JSON.parse(menulist)
    } catch(e) {
      menulist = []
    }

    menulist.forEach(item => {
      if (item.MenuID !== config.fstMenuId) return
      menu.push(item.MenuName)
      item.children.forEach(cell => {
        if (cell.MenuID !== config.parentId) return
        menu.push(cell.MenuName)
      })
    })
  }

  sql = sql.filter(Boolean)
  btn = btn.filter(Boolean)
  ops = ops.filter(Boolean)
  text = text.filter(Boolean)
  menu = menu.filter(Boolean)

  sql = Array.from(new Set(sql))
  btn = Array.from(new Set(btn))
  ops = Array.from(new Set(ops))
  text = Array.from(new Set(text))
  menu = Array.from(new Set(menu))

  sql = sql.map(l => `'${l}','title'`)
  btn = btn.map(l => `'${l}','button'`)
  ops = ops.map(l => `'${l}','list'`)
  text = text.map(l => `'${l}','text'`)
  menu = menu.map(l => `'${l}','menu'`)

  let list = [...menu, ...btn, ...sql, ...ops, ...text]

  let result = []

  langList.forEach(lan => {
    if (lan === defLang) return

    list.forEach(n => {
      result.push(`'${lan}',${n}`)
    })
  })

  config.trans = true
  
  return result.join(';')
}

/**
 * @description 语言转换
 */
export function setLangTrans (config, btnDict, titDict, lisDict, menuDict, regs, tail) {
  let filterElement = (card) => {
    if (card.datatype === 'static' && card.eleType === 'text' && !/@.+@/g.test(card.value)) {
      if (card.value && titDict[card.value]) {
        card.value = titDict[card.value]
      }
    }
    if (card.prefix && titDict[card.prefix]) {
      card.prefix = titDict[card.prefix]
    }
    if (card.postfix && titDict[card.postfix]) {
      card.postfix = titDict[card.postfix]
    }
  }

  let filterSql = (sl) => {
    if (!sl) return

    regs.forEach(item => {
      sl = sl.replace(item.reg, item.value)
    })

    return sl
  }

  let filterBtn = (btn) => {
    if (btn.label && btnDict[btn.label]) {
      btn.label = btnDict[btn.label]
    }

    if (btn.OpenType === 'tab' && btn.linkmenu) {
      if (btn.linkmenu[0] === 'multiMenu') {
        btn.multiMenus.forEach(menu => {
          menu.menuId = menu.menuId.map(c => {
            if (c.length <= 24) {
              return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
            } else {
              return c.slice(0, 24) + tail
            }
          })

          menu.MenuID = menu.menuId[menu.menuId.length - 1]
        })
      } else {
        btn.linkmenu = btn.linkmenu.map(c => {
          if (c.length <= 24) {
            return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
          } else {
            return c.slice(0, 24) + tail
          }
        })
        btn.MenuID = btn.linkmenu[btn.linkmenu.length - 1]
      }
    } else {
      if (btn.refreshTab && btn.refreshTab.length > 0) {
        btn.refreshTab = btn.refreshTab.map(c => {
          if (c.length <= 24) {
            return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
          } else {
            return c.slice(0, 24) + tail
          }
        })
      }
      if (btn.openmenu && Array.isArray(btn.openmenu) && btn.openmenu.length > 0) {
        btn.openmenu = btn.openmenu.map(c => {
          if (c.length <= 24) {
            return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
          } else {
            return c.slice(0, 24) + tail
          }
        })
        btn.MenuID = btn.openmenu[btn.openmenu.length - 1]
      } else if (btn.openmenu && typeof(btn.openmenu) === 'string' && btn.openmenu !== 'goback') {
        btn.openmenu = btn.openmenu.slice(0, 24) + tail
      }

      if (btn.pageTemplate === 'linkpage' && btn.linkmenu && typeof(btn.linkmenu) === 'string') {
        btn.linkmenu = btn.linkmenu.slice(0, 24) + tail
      }
    }

    if (!btn.verify) return

    btn.verify.customverifys && btn.verify.customverifys.forEach(script => {
      script.sql = filterSql(script.sql)
    })
    btn.verify.scripts && btn.verify.scripts.forEach(script => {
      script.sql = filterSql(script.sql)
    })
    btn.verify.cbScripts && btn.verify.cbScripts.forEach(script => {
      script.sql = filterSql(script.sql)
    })

    if (btn.OpenType === 'funcbutton') {
      if (btn.intertype === 'system' && btn.verify.dataType === 'custom' && btn.verify.setting) {
        btn.verify.setting.dataresource = filterSql(btn.verify.setting.dataresource)
      }
    } else if (btn.OpenType === 'excelOut' && btn.verify.dataresource) {
      btn.verify.dataresource = filterSql(btn.verify.dataresource)
    }
  }

  let filterForm = (n) => {
    if (n.label && titDict[n.label]) {
      n.label = titDict[n.label]
    }
    if (n.resourceType === '1') {
      n.dataSource = filterSql(n.dataSource)
    } else if (n.options) {
      n.options.forEach(o => {
        if (o.Text && lisDict[o.Text]) {
          o.Text = lisDict[o.Text]
        }
      })
    }
  }

  let resetMenu = (wrap) => {
    if (!wrap.menu) return
    
    if (typeof(wrap.menu) === 'string') {
      wrap.menu = wrap.menu.slice(0, 24) + tail
      if (wrap.MenuID) {
        wrap.MenuID = wrap.menu
      }
    } else {
      wrap.menu = wrap.menu.map(c => {
        if (c.length <= 24) {
          return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
        } else {
          return c.slice(0, 24) + tail
        }
      })
      if (wrap.MenuID) {
        wrap.MenuID = wrap.menu[wrap.menu.length - 1]
      }
    }
  }
  let resetMenus = (wrap) => {
    if (!wrap.menus) return
    
    wrap.menus.forEach(m => {
      if (typeof(m.menu) === 'string') {
        m.menu = m.menu.slice(0, 24) + tail
      } else {
        m.menu = m.menu.map(c => {
          if (c.length <= 24) {
            return md5(window.GLOB.appkey + c + sessionStorage.getItem('lang')).toLowerCase()
          } else {
            return c.slice(0, 24) + tail
          }
        })
        if (m.MenuID) {
          m.MenuID = m.menu[m.menu.length - 1]
        }
      }
    })
  }

  let traversal = (components) => {
    if (!components) return

    components.forEach(item => {
      if (item.type === 'tabs') {
        item.subtabs.forEach(tab => {
          if (tab.label && titDict[tab.label]) {
            tab.label = titDict[tab.label]
          }
          traversal(tab.components)
        })
      } else if (item.type === 'group') {
        traversal(item.components)
      } else {
        if (item.wrap && (item.wrap.click === 'menu' || item.wrap.click === 'menus')) {
          if (item.wrap.click === 'menu') {
            resetMenu(item.wrap)
          } else if (item.wrap.click === 'menus') {
            resetMenus(config.wrap)
          }
        } else if (item.plot && (item.plot.click === 'menu' || item.plot.click === 'menus')) {
          if (item.plot.click === 'menu') {
            resetMenu(item.plot)
          } else if (item.plot.click === 'menus') {
            resetMenus(config.plot)
          }
        }
        if (item.setting && (!item.wrap || !item.wrap.datatype || item.wrap.datatype === 'dynamic')) {
          if (item.setting.interType === 'system') {
            item.setting.dataresource = filterSql(item.setting.dataresource)
            item.scripts && item.scripts.forEach(script => {
              script.sql = filterSql(script.sql)
            })
          }
        }

        if (item.columns) {
          item.columns.forEach(cell => {
            if (cell.label && titDict[cell.label]) {
              cell.label = titDict[cell.label]
            }
          })
        }
        if (item.search) {
          if (item.type === 'topbar') {
            if (item.search.fields) {
              item.search.fields.forEach(cell => {
                filterForm(cell)
              })
            }
            if (item.search.groups) {
              item.search.groups.forEach(group => {
                if (group.fields) {
                  group.fields.forEach(cell => {
                    filterForm(cell)
                  })
                }
              })
            }
          } else {
            item.search.forEach(cell => {
              filterForm(cell)
            })
          }
        }
        if (item.action) {
          item.action.forEach(cell => {
            filterBtn(cell)
            if (cell.OpenType === 'popview' && cell.config) {
              traversal(cell.config.components)
            } else if (cell.OpenType === 'pop') {
              if (cell.modal && cell.modal.fields.length) {
                cell.modal.fields.forEach(n => {
                  filterForm(n)
                })
              }
            }
          })
        }

        if (item.type === 'navbar') {
          item.uuid = item.uuid.slice(0, 24) + tail
        } else if (item.type === 'login') {
          item.wrap.linkmenu = item.wrap.linkmenu.slice(0, 24) + tail
        } else if (item.type === 'menubar') {
          item.subMenus = item.subMenus.map(cell => {
            if (cell.setting.name && menuDict[cell.setting.name]) {
              cell.setting.name = menuDict[cell.setting.name]
            }
            if (cell.setting.type === 'linkmenu') {
              cell.setting.linkMenuId = cell.setting.linkMenuId.slice(0, 24) + tail
            }
            return cell
          })
        } else if (item.type === 'topbar') {
          if (item.wrap.menus) {
            resetMenus(item.wrap)
          }
        } else if (item.type === 'card' || item.type === 'carousel' || item.type === 'timeline') {
          item.subcards.forEach(card => {
            if (card.setting.click === 'menus') {
              resetMenus(card)
            } else if (card.setting.click === 'menu') {
              resetMenu(card.setting)
            }
            card.elements && card.elements.forEach(cell => {
              if (cell.eleType === 'button') {
                filterBtn(cell)
                if (cell.OpenType === 'popview' && cell.config) {
                  traversal(cell.config.components)
                } else if (cell.OpenType === 'pop') {
                  if (cell.modal && cell.modal.fields.length) {
                    cell.modal.fields.forEach(n => {
                      filterForm(n)
                    })
                  }
                }
              } else {
                filterElement(cell)
              }
            })
            card.backElements && card.backElements.forEach(cell => {
              if (cell.eleType === 'button') {
                filterBtn(cell)
                if (cell.OpenType === 'popview' && cell.config) {
                  traversal(cell.config.components)
                } else if (cell.OpenType === 'pop') {
                  if (cell.modal && cell.modal.fields.length) {
                    cell.modal.fields.forEach(n => {
                      filterForm(n)
                    })
                  }
                }
              } else {
                filterElement(cell)
              }
            })
          })
        } else if (item.type === 'balcony') {
          item.elements && item.elements.forEach(cell => {
            if (cell.eleType === 'button') {
              filterBtn(cell)
              if (cell.OpenType === 'popview' && cell.config) {
                traversal(cell.config.components)
              } else if (cell.OpenType === 'pop') {
                if (cell.modal && cell.modal.fields.length) {
                  cell.modal.fields.forEach(n => {
                    filterForm(n)
                  })
                }
              }
            } else {
              filterElement(cell)
            }
          })
        } else if (item.type === 'table') {
          let loopCol = (cols) => {
            cols.forEach(col => {
              if (col.label && titDict[col.label]) {
                col.label = titDict[col.label]
              }
              if (col.prefix && titDict[col.prefix]) {
                col.prefix = titDict[col.prefix]
              }
              if (col.postfix && titDict[col.postfix]) {
                col.postfix = titDict[col.postfix]
              }
              if (col.type === 'colspan') {
                loopCol(col.subcols)
              } else if (col.type === 'custom') {
                col.elements.forEach(cell => {
                  if (cell.eleType === 'button') {
                    filterBtn(cell)
                    if (cell.OpenType === 'popview' && cell.config) {
                      traversal(cell.config.components)
                    } else if (cell.OpenType === 'pop') {
                      if (cell.modal && cell.modal.fields.length) {
                        cell.modal.fields.forEach(n => {
                          filterForm(n)
                        })
                      }
                    }
                  } else {
                    filterElement(cell)
                  }
                })
              }
            })
          }
          loopCol(item.cols)
        } else if (item.type === 'form') {
          item.subcards.forEach(cell => {
            filterBtn(cell.subButton)
            cell.fields.forEach(n => {
              filterForm(n)
            })
          })
        }
      }
    })
  }

  if (config.interfaces) {
    config.interfaces.forEach(item => {
      if (item.setting.interType === 'system') {
        item.setting.dataresource = filterSql(item.setting.dataresource)
        item.scripts && item.scripts.forEach(script => {
          script.sql = filterSql(script.sql)
        })
      }
    })
  }

  traversal(config.components)
}