n20-common-lib 1.3.3 → 1.3.6

package/src/components/LoginTemporary/utils.js

@@ -1,73 +1,73 @@
-import forEachs from '../../utils/forEachs'
-import list2tree from '../../utils/list2tree'
-
-export function siteTree2menus(siteTree) {
-  let list_1 = []
-
-  forEachs(siteTree, (item) => {
-    if (item.resType === '1' || item.resType === '2') {
-      list_1.push(item)
-    }
-  })
-
-  let list_2 = []
-  list_1.forEach((item) => {
-    let menuObj = {
-      menuid: item.menuid,
-      pmid: item.pmid,
-      sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
-      appNo: item.appNo || undefined,
-      title: item.label
-    }
-    if (/^http(s)?:|\/\//.test(item.pageurl)) {
-      menuObj.href = item.pageurl
-    } else {
-      menuObj.route = item.pageurl
-    }
-
-    if (/\//.test(item.logo)) {
-      menuObj.iconUrl = item.logo
-    } else {
-      menuObj.iconClass = item.logo
-    }
-
-    if (item.resType === '2') {
-      menuObj.hide = true
-    }
-
-    list_2.push(menuObj)
-  })
-
-  return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
-}
-
-export function siteTree2RelaNos(siteTree) {
-  let relaNos = []
-  siteTree.forEach((m) => {
-    let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
-    if (oRelaObj) {
-      m.treeno && oRelaObj.relaNos.push(m.treeno)
-      if (Array.isArray(m.children)) {
-        forEachs(m.children, (item) => {
-          item.treeno && oRelaObj.relaNos.push(item.treeno)
-        })
-      }
-    } else {
-      oRelaObj = {
-        appNo: m.appNo,
-        label: m.label,
-        pageurl: m.pageurl,
-        relaNos: []
-      }
-
-      m.treeno && oRelaObj.relaNos.push(m.treeno)
-      if (Array.isArray(m.children)) {
-        forEachs(m.children, (item) => {
-          item.treeno && oRelaObj.relaNos.push(item.treeno)
-        })
-      }
-      relaNos.push(oRelaObj)
-    }
-  })
-  return relaNos
-}
+import forEachs from '../../utils/forEachs'
+import list2tree from '../../utils/list2tree'
+
+export function siteTree2menus(siteTree) {
+  let list_1 = []
+
+  forEachs(siteTree, (item) => {
+    if (item.resType === '1' || item.resType === '2') {
+      list_1.push(item)
+    }
+  })
+
+  let list_2 = []
+  list_1.forEach((item) => {
+    let menuObj = {
+      menuid: item.menuid,
+      pmid: item.pmid,
+      sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
+      appNo: item.appNo || undefined,
+      title: item.label
+    }
+    if (/^http(s)?:|\/\//.test(item.pageurl)) {
+      menuObj.href = item.pageurl
+    } else {
+      menuObj.route = item.pageurl
+    }
+
+    if (/\//.test(item.logo)) {
+      menuObj.iconUrl = item.logo
+    } else {
+      menuObj.iconClass = item.logo
+    }
+
+    if (item.resType === '2') {
+      menuObj.hide = true
+    }
+
+    list_2.push(menuObj)
+  })
+
+  return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
+}
+
+export function siteTree2RelaNos(siteTree) {
+  let relaNos = []
+  siteTree.forEach((m) => {
+    let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
+    if (oRelaObj) {
+      m.treeno && oRelaObj.relaNos.push(m.treeno)
+      if (Array.isArray(m.children)) {
+        forEachs(m.children, (item) => {
+          item.treeno && oRelaObj.relaNos.push(item.treeno)
+        })
+      }
+    } else {
+      oRelaObj = {
+        appNo: m.appNo,
+        label: m.label,
+        pageurl: m.pageurl,
+        relaNos: []
+      }
+
+      m.treeno && oRelaObj.relaNos.push(m.treeno)
+      if (Array.isArray(m.children)) {
+        forEachs(m.children, (item) => {
+          item.treeno && oRelaObj.relaNos.push(item.treeno)
+        })
+      }
+      relaNos.push(oRelaObj)
+    }
+  })
+  return relaNos
+}

package/src/components/MicroApp/index.js

@@ -1,67 +1,67 @@
-import { loadMicroApp } from 'qiankun'
-export default {
-  props: {
-    name: {
-      type: String,
-      default: ''
-    },
-    entry: {
-      type: String,
-      default: ''
-    },
-    props: {
-      type: Object,
-      default: undefined
-    },
-    noCache: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    this.microApp = undefined
-    return {}
-  },
-  computed: {
-    appName() {
-      return '_qiankun_abstract_' + this.name
-    }
-  },
-  watch: {
-    entry() {
-      this.mountApp()
-    }
-  },
-  mounted() {
-    this.mountApp()
-  },
-  activated() {
-    if (this.noCache && window._pending_update_cache) {
-      window._pending_update_cache[this.props.router] = true
-      window.postMessage({
-        updateCache: true,
-        targetName: '*',
-        originName: 'main'
-      })
-    }
-  },
-  beforeDestroy() {
-    window[this.appName]?.unmount({ props: this.props })
-  },
-  methods: {
-    async mountApp() {
-      window[this.appName]?.unmount({ props: this.props })
-      if (this.entry) {
-        window[this.appName] = loadMicroApp({
-          name: this.name,
-          container: this.$el,
-          entry: this.entry,
-          props: this.props
-        })
-      }
-    }
-  },
-  render(h) {
-    return h('div')
-  }
-}
+import { loadMicroApp } from 'qiankun'
+export default {
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    entry: {
+      type: String,
+      default: ''
+    },
+    props: {
+      type: Object,
+      default: undefined
+    },
+    noCache: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    this.microApp = undefined
+    return {}
+  },
+  computed: {
+    appName() {
+      return '_qiankun_abstract_' + this.name
+    }
+  },
+  watch: {
+    entry() {
+      this.mountApp()
+    }
+  },
+  mounted() {
+    this.mountApp()
+  },
+  activated() {
+    if (this.noCache && window._pending_update_cache) {
+      window._pending_update_cache[this.props.router] = true
+      window.postMessage({
+        updateCache: true,
+        targetName: '*',
+        originName: 'main'
+      })
+    }
+  },
+  beforeDestroy() {
+    window[this.appName]?.unmount({ props: this.props })
+  },
+  methods: {
+    async mountApp() {
+      window[this.appName]?.unmount({ props: this.props })
+      if (this.entry) {
+        window[this.appName] = loadMicroApp({
+          name: this.name,
+          container: this.$el,
+          entry: this.entry,
+          props: this.props
+        })
+      }
+    }
+  },
+  render(h) {
+    return h('div')
+  }
+}

package/src/components/MicroFrame/index.vue

@@ -1,95 +1,95 @@
-<template>
-  <content-loading />
-</template>
-
-<script>
-import contentLoading from '../ContentLoading'
-export default {
-  components: {
-    contentLoading
-  },
-  data() {
-    return {
-      loading: true,
-      frameUrl: undefined
-    }
-  },
-  activated() {
-    let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
-    if (!contentWrap) {
-      this.getUrl()
-      this.addFrame()
-    } else {
-      this.showFrame()
-    }
-    contentWrap = undefined
-  },
-  deactivated() {
-    this.hideFrame()
-  },
-  methods: {
-    destroy() {
-      this.removeFrame()
-    },
-    getUrl() {
-      let hrefPrefix = this.$route.meta.hrefPrefix || '/'
-      let pathMatch = this.$route.params.pathMatch || ''
-      let [path, params] = pathMatch.split('/_PARAMS_/')
-      let url = hrefPrefix + path
-      params && (url = url + '?' + params)
-
-      this.frameUrl = url
-    },
-    addFrame() {
-      let frame = document.createElement('iframe')
-      frame.setAttribute('src', this.frameUrl)
-      frame.style.width = '100%'
-      frame.style.height = '100%'
-
-      frame.addEventListener('load', () => {
-        let subDoc = frame.contentDocument
-        if (subDoc) {
-          let style = subDoc.createElement('style')
-          style.textContent =
-            '::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:transparent;border-style:solid}::-webkit-scrollbar-thumb{min-height:28px;background-color:rgba(0,0,0,0.07);border-width:0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.25)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.03)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.03)}html{overflow:auto}'
-          subDoc.querySelector('head').appendChild(style)
-        }
-
-        contentWrap.style.display = ''
-        this.loading = false
-      })
-
-      let contentBox = document.createElement('div')
-      contentBox.setAttribute('class', 'content-box')
-      contentBox.style.overflow = 'hidden'
-      contentBox.appendChild(frame)
-
-      let contentWrap = document.createElement('div')
-      contentWrap.setAttribute('class', 'content-wrap')
-      contentWrap.setAttribute('data-url', this.frameUrl)
-      contentWrap.style.display = 'none'
-      contentWrap.appendChild(contentBox)
-
-      document.querySelector('body').appendChild(contentWrap)
-    },
-    showFrame() {
-      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
-      if (contentWrap) {
-        contentWrap.style.display = ''
-      }
-    },
-    hideFrame() {
-      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
-      if (contentWrap) {
-        contentWrap.style.display = 'none'
-      }
-    },
-    removeFrame() {
-      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
-      if (contentWrap) {
-        contentWrap.parentNode.removeChild(contentWrap)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <content-loading />
+</template>
+
+<script>
+import contentLoading from '../ContentLoading'
+export default {
+  components: {
+    contentLoading
+  },
+  data() {
+    return {
+      loading: true,
+      frameUrl: undefined
+    }
+  },
+  activated() {
+    let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+    if (!contentWrap) {
+      this.getUrl()
+      this.addFrame()
+    } else {
+      this.showFrame()
+    }
+    contentWrap = undefined
+  },
+  deactivated() {
+    this.hideFrame()
+  },
+  methods: {
+    destroy() {
+      this.removeFrame()
+    },
+    getUrl() {
+      let hrefPrefix = this.$route.meta.hrefPrefix || '/'
+      let pathMatch = this.$route.params.pathMatch || ''
+      let [path, params] = pathMatch.split('/_PARAMS_/')
+      let url = hrefPrefix + path
+      params && (url = url + '?' + params)
+
+      this.frameUrl = url
+    },
+    addFrame() {
+      let frame = document.createElement('iframe')
+      frame.setAttribute('src', this.frameUrl)
+      frame.style.width = '100%'
+      frame.style.height = '100%'
+
+      frame.addEventListener('load', () => {
+        let subDoc = frame.contentDocument
+        if (subDoc) {
+          let style = subDoc.createElement('style')
+          style.textContent =
+            '::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:transparent;border-style:solid}::-webkit-scrollbar-thumb{min-height:28px;background-color:rgba(0,0,0,0.07);border-width:0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.25)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.03)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.03)}html{overflow:auto}'
+          subDoc.querySelector('head').appendChild(style)
+        }
+
+        contentWrap.style.display = ''
+        this.loading = false
+      })
+
+      let contentBox = document.createElement('div')
+      contentBox.setAttribute('class', 'content-box')
+      contentBox.style.overflow = 'hidden'
+      contentBox.appendChild(frame)
+
+      let contentWrap = document.createElement('div')
+      contentWrap.setAttribute('class', 'content-wrap')
+      contentWrap.setAttribute('data-url', this.frameUrl)
+      contentWrap.style.display = 'none'
+      contentWrap.appendChild(contentBox)
+
+      document.querySelector('body').appendChild(contentWrap)
+    },
+    showFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.style.display = ''
+      }
+    },
+    hideFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.style.display = 'none'
+      }
+    },
+    removeFrame() {
+      let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
+      if (contentWrap) {
+        contentWrap.parentNode.removeChild(contentWrap)
+      }
+    }
+  }
+}
+</script>