n20-common-lib 1.1.98

package/src/utils/i18n/index.js

@@ -0,0 +1,54 @@
+import locale from 'element-ui/lib/locale'
+import langEn from 'element-ui/lib/locale/lang/en'
+import langTw from 'element-ui/lib/locale/lang/zh-TW'
+import langCN from 'element-ui/lib/locale/lang/zh-CN'
+langCN?.el?.pagination?.goto && (langCN.el.pagination.goto = '到第')
+
+import zhHk from './cn2hk.json' // 简体繁体映射
+// 语言枚举
+// const langEm = { 中文: 'zh', 中文简体: 'zh-cn', 中文繁体: 'zh-hk', 英文: 'en', 德文: 'de', 法文: 'fr' }
+
+let pageLang = window.localStorage.getItem('pageLang') // 当前页面的语言
+let $i18n_map_root = undefined // 全局的国际化
+
+export function $l(zh, map = {}) {
+  if (!pageLang || pageLang === 'zh-cn') {
+    return zh
+  } else if (pageLang === 'zh-hk') {
+    return cn2hk(zh)
+  } else {
+    let key = pageLang
+    let valMap = map[zh] || $i18n_map_root[zh] || {}
+    let val = valMap[key] || zh
+
+    return val
+  }
+}
+function cn2hk(zh = '') {
+  let _zh = ''
+  for (let i = 0; i < zh.length; i++) {
+    let v = zh[i]
+    let v_hk = zhHk[v]
+    v_hk ? (_zh += v_hk) : (_zh += v)
+  }
+  return _zh
+}
+
+const directive = {}
+directive.install = (Vue, map = {}) => {
+  if (pageLang === 'en') {
+    locale.use(langEn)
+  } else if (pageLang === 'zh-hk') {
+    locale.use(langTw)
+  } else {
+    locale.use(langCN)
+  }
+
+  $i18n_map_root = map
+
+  Vue.prototype.$i18n_map_root = $i18n_map_root
+  Vue.prototype.$l = $l
+  Vue.filter('$l', $l)
+}
+
+export default directive

package/src/utils/list2tree.js

@@ -0,0 +1,36 @@
+function list2tree(arr, id = 'id', pid = 'pId', children = 'children', sortk) {
+  let r = []
+  let hash = {}
+
+  arr.forEach((item) => {
+    hash[item[id]] = item
+  })
+
+  arr.forEach((item) => {
+    let aVal = item
+    let hashVP = hash[aVal[pid]]
+    if (hashVP) {
+      !hashVP[children] && (hashVP[children] = [])
+      hashVP[children].push(aVal)
+    } else {
+      r.push(aVal)
+    }
+  })
+  if (sortk !== undefined) {
+    arr.forEach((item) => {
+      if (hash[item[id]][children]) {
+        hash[item[id]][children].sort(function (n1, n2) {
+          return n1[sortk] - n2[sortk]
+        })
+      }
+    })
+
+    r.sort(function (n1, n2) {
+      return n1[sortk] - n2[sortk]
+    })
+  }
+
+  return r
+}
+
+export default list2tree

package/src/utils/msgboxPor.js

@@ -0,0 +1,26 @@
+export function msgPor(opt = {}) {
+  let { title, message, customClass = '' } = opt
+  const h = this.$createElement
+  Object.assign(opt, {
+    message: h('div', null, [
+      h('div', { class: 'message-por__header' }, title),
+      h('div', { class: 'message-por__content' }, message)
+    ]),
+    customClass: customClass + ' message-por'
+  })
+  return this.$message(opt)
+}
+
+export function msgboxPor(opt = {}) {
+  let { type, center, customClass = '' } = opt
+  opt = Object.assign({ showClose: false, showCancelButton: true, showConfirmButton: true }, opt)
+  if (type && !center) {
+    Object.assign(opt, {
+      customClass: customClass + ' header-show-icon',
+      center: true,
+      showClose: false
+    })
+  }
+
+  return this.$msgbox(opt)
+}

package/src/utils/print.js

@@ -0,0 +1,161 @@
+// 打印类属性、方法定义
+/* eslint-disable */
+const Print = function (dom, options) {
+  if (!(this instanceof Print)) return new Print(dom, options)
+
+  this.options = this.extend(
+    {
+      noPrint: '.no-print'
+    },
+    options
+  )
+
+  if (typeof dom === 'string') {
+    this.dom = document.querySelector(dom)
+  } else {
+    this.isDOM(dom)
+    this.dom = this.isDOM(dom) ? dom : dom.$el
+  }
+  this.init()
+}
+Print.prototype = {
+  init: function () {
+    var content = this.getStyle() + this.getHtml()
+    this.writeIframe(content)
+  },
+  extend: function (obj, obj2) {
+    for (var k in obj2) {
+      obj[k] = obj2[k]
+    }
+    return obj
+  },
+
+  getStyle: function () {
+    var str = '',
+      styles = document.querySelectorAll('style,link')
+    for (var i = 0; i < styles.length; i++) {
+      str += styles[i].outerHTML
+    }
+    str += '<style>' + (this.options.noPrint ? this.options.noPrint : '.no-print') + '{display:none;}</style>'
+
+    return str
+  },
+
+  getHtml: function () {
+    var inputs = document.querySelectorAll('input')
+    var textareas = document.querySelectorAll('textarea')
+    var selects = document.querySelectorAll('select')
+
+    for (var k = 0; k < inputs.length; k++) {
+      if (inputs[k].type === 'checkbox' || inputs[k].type === 'radio') {
+        if (inputs[k].checked === true) {
+          inputs[k].setAttribute('checked', 'checked')
+        } else {
+          inputs[k].removeAttribute('checked')
+        }
+      } else if (inputs[k].type === 'text') {
+        inputs[k].setAttribute('value', inputs[k].value)
+      } else {
+        inputs[k].setAttribute('value', inputs[k].value)
+      }
+    }
+
+    for (var k2 = 0; k2 < textareas.length; k2++) {
+      if (textareas[k2].type === 'textarea') {
+        textareas[k2].innerHTML = textareas[k2].value
+      }
+    }
+
+    for (var k3 = 0; k3 < selects.length; k3++) {
+      if (selects[k3].type === 'select-one') {
+        var child = selects[k3].children
+        for (var i in child) {
+          if (child[i].tagName === 'OPTION') {
+            if (child[i].selected === true) {
+              child[i].setAttribute('selected', 'selected')
+            } else {
+              child[i].removeAttribute('selected')
+            }
+          }
+        }
+      }
+    }
+    // 包裹要打印的元素
+    return this.wrapperRefDom(this.dom).outerHTML
+  },
+  // 向父级元素循环，包裹当前需要打印的元素
+  // 防止根级别开头的 css 选择器不生效
+  wrapperRefDom: function (refDom) {
+    let prevDom = null
+    let currDom = refDom
+    // 判断当前元素是否在 body 中，不在文档中则直接返回该节点
+    if (!this.isInBody(currDom)) return currDom
+
+    while (currDom) {
+      if (prevDom) {
+        let element = currDom.cloneNode(false)
+        element.appendChild(prevDom)
+        prevDom = element
+      } else {
+        prevDom = currDom.cloneNode(true)
+      }
+
+      currDom = currDom.parentElement
+    }
+
+    return prevDom
+  },
+
+  writeIframe: function (content) {
+    var w,
+      doc,
+      iframe = document.createElement('iframe'),
+      f = document.body.appendChild(iframe)
+    iframe.id = 'myIframe'
+    //iframe.style = "position:absolute;width:0;height:0;top:-10px;left:-10px;";
+    iframe.setAttribute('style', 'position:absolute;width:0;height:0;top:-10px;left:-10px;')
+    w = f.contentWindow || f.contentDocument
+    doc = f.contentDocument || f.contentWindow.document
+    doc.open()
+    doc.write(content)
+    doc.close()
+    var _this = this
+    iframe.onload = function () {
+      _this.toPrint(w)
+      setTimeout(function () {
+        document.body.removeChild(iframe)
+      }, 100)
+    }
+  },
+
+  toPrint: function (frameWindow) {
+    try {
+      setTimeout(function () {
+        frameWindow.focus()
+        try {
+          if (!frameWindow.document.execCommand('print', false, null)) {
+            frameWindow.print()
+          }
+        } catch (e) {
+          frameWindow.print()
+        }
+        frameWindow.close()
+      }, 10)
+    } catch (err) {
+      console.log('err', err)
+    }
+  },
+  // 检查一个元素是否是 body 元素的后代元素且非 body 元素本身
+  isInBody: function (node) {
+    return node === document.body ? false : document.body.contains(node)
+  },
+  isDOM:
+    typeof HTMLElement === 'object'
+      ? function (obj) {
+          return obj instanceof HTMLElement
+        }
+      : function (obj) {
+          return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string'
+        }
+}
+export default Print

package/src/utils/relaNo.js

@@ -0,0 +1,35 @@
+import forEachs from './forEachs'
+
+const name = process.env.VUE_APP_NAME
+
+let relaObj = {
+  appNo: name,
+  relaNos: []
+}
+
+export function getRela() {
+  return relaObj
+}
+
+export function setRela(name) {
+  let relaNosStr = sessionStorage.getItem('relaNos')
+  if (relaNosStr) {
+    let relaNos = JSON.parse(relaNosStr)
+    Object.assign(
+      relaObj,
+      relaNos.find((r) => r.appNo === name)
+    )
+    console.log(relaObj, 'has权限列表')
+    return
+  }
+  /* 兼容旧门户 */
+  let resourcesStr = sessionStorage.getItem('resources')
+  if (resourcesStr) {
+    let resources = JSON.parse(resourcesStr)
+    let relaNos = []
+    forEachs(resources, (item) => {
+      relaNos.push(item.relaNo)
+    })
+    relaObj.relaNos = relaNos
+  }
+}

package/src/utils/repairElementUI.js

@@ -0,0 +1,66 @@
+/* 对ElementUI硬优化 */
+import Popper from 'element-ui/lib/utils/popper.js'
+
+function setPropsDefault(component, props) {
+  let c_props = component.props
+  Object.keys(props).forEach((key) => {
+    c_props[key] = Object.assign({}, c_props[key], props[key])
+  })
+}
+
+function repairPopper() {
+  if (!Popper.prototype.repairR) {
+    Popper.prototype.repairR = true
+
+    let __getBoundaries = Popper.prototype._getBoundaries
+    Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
+      const boundaries = __getBoundaries.call(this, data, padding, boundariesElement)
+
+      if (this._options.boundariesElement === 'viewport') {
+        const root = window
+        const body = root.document.body
+        const html = root.document.documentElement
+        let width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth)
+        let height = Math.max(
+          body.scrollHeight,
+          body.offsetHeight,
+          html.clientHeight,
+          html.scrollHeight,
+          html.offsetHeight
+        )
+
+        boundaries.right = boundaries.right - root.document.documentElement.clientWidth + width
+        boundaries.bottom = boundaries.bottom - root.document.documentElement.clientHeight + height
+      }
+      return boundaries
+    }
+  }
+}
+
+export default function (ElementUI) {
+  repairPopper()
+
+  setPropsDefault(ElementUI.Table, {
+    tooltipEffect: {
+      default: 'light'
+    }
+  })
+
+  setPropsDefault(ElementUI.TableColumn, {
+    filterPlacement: {
+      default: 'bottom'
+    }
+  })
+
+  setPropsDefault(ElementUI.Dropdown, {
+    placement: {
+      default: 'bottom'
+    }
+  })
+
+  setPropsDefault(ElementUI.Dialog, {
+    appendToBody: {
+      default: true
+    }
+  })
+}

package/src/utils/urlToGo.js

@@ -0,0 +1,82 @@
+function encode(val) {
+  return encodeURIComponent(val)
+    .replace(/%3A/gi, ':')
+    .replace(/%24/g, '$')
+    .replace(/%2C/gi, ',')
+    .replace(/%20/g, '+')
+    .replace(/%5B/gi, '[')
+    .replace(/%5D/gi, ']')
+}
+function isDate(val) {
+  return toString.call(val) === '[object Date]'
+}
+function isObject(val) {
+  return val !== null && typeof val === 'object'
+}
+
+function buildURL(url, params) {
+  if (!params) {
+    return url
+  }
+
+  let parts = []
+  Object.entries(params).forEach(([key, val]) => {
+    if (val === null || typeof val === 'undefined') {
+      return
+    }
+
+    if (Array.isArray(val)) {
+      key = key + '[]'
+    } else {
+      val = [val]
+    }
+
+    val.forEach((v) => {
+      if (isDate(v)) {
+        v = v.toISOString()
+      } else if (isObject(v)) {
+        v = JSON.stringify(v)
+      }
+      parts.push(encode(key) + '=' + encode(v))
+    })
+  })
+
+  let serializedParams = parts.join('&')
+
+  if (serializedParams) {
+    let hashmarkIndex = url.indexOf('#')
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex)
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams
+  }
+
+  return url
+}
+
+export function linkPush(url, params = {}) {
+  params._fromNo = Date.now()
+  sessionStorage.setItem(params._fromNo, location.href)
+
+  url = buildURL(url, params)
+  history.pushState(null, null, url)
+}
+
+export function linkGo() {
+  let _fromUrl
+  const search = window.location.search
+  let _fromRe = search.includes('_fromNo=') ? /_fromNo=(\d+)/ : /_fromId=(\d+)/
+  let _fromM = search.match(_fromRe)
+  if (_fromM?.[1]) {
+    _fromUrl = sessionStorage.getItem(_fromM[1])
+  }
+
+  if (_fromUrl) {
+    // window.history.go(-1)
+    // window.history.replaceState(null, null, _fromUrl)
+    history.pushState(null, null, _fromUrl)
+  } else {
+    window.history.go(-1)
+  }
+}