n20-common-lib 1.2.0 → 1.2.3

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>