n20-common-lib 1.2.1 → 1.2.4

package/README.md

@@ -1,27 +1,3 @@
-# vue-demo
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-
-### Compiles and minifies for production
-```
-npm run build
-```
-
-### Lints and
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
-
-[element-ui](/node_modules/element-ui/src)
-
-[element-ui/packages](/node_modules/element-ui/packages)
-
-[element-ui/lib](/node_modules/element-ui/lib)
+# n20-common-lib
+
+## nstc web pc

package/package.json

@@ -1,87 +1,87 @@
-{
-  "name": "n20-common-lib",
-  "version": "1.2.1",
-  "private": false,
-  "main": "src/index.js",
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "test": "vue-cli-service serve --test",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "build:Jenkins_1": "vue-cli-service build --serverConfig ./server-config-jenkins.jsonc",
-    "build:gzip": "vue-cli-service build --gzip",
-    "build:report": "vue-cli-service build --analy",
-    "build:css": "vue-cli-service build --formats umd-min --target lib src/assets/css/index.scss --name index --dest style",
-    "build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib  --analy"
-  },
-  "files": [
-    "src/_qiankun",
-    "src/assets",
-    "src/components",
-    "src/directives",
-    "src/locale",
-    "src/mixins",
-    "src/utils",
-    "src/plugins",
-    "src/index.js",
-    "style"
-  ],
-  "dependencies": {
-    "axios": "^0.21.4",
-    "dayjs": "^1.10.6",
-    "js-cookie": "^3.0.1",
-    "normalize.css": "^8.0.1",
-    "numerify": "^1.2.9",
-    "resize-detector": "^0.3.0",
-    "vuedraggable": "^2.24.3"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-    "@babel/plugin-transform-flow-comments": "^7.14.5",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0-rc.6",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-component": "^1.1.1",
-    "compression-webpack-plugin": "^3.1.0",
-    "copy-webpack-plugin": "^6.4.1",
-    "core-js": "^3.6.5",
-    "element-ui": "^2.15.6",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "lodash": "^4.17.21",
-    "md2vue-loader": "git+https://gitee.com/bable2000/md2vue-loader.git",
-    "mockjs": "^1.1.0",
-    "node-sass": "6.0.0",
-    "qiankun": "^2.5.1",
-    "qrcode": "^1.5.0",
-    "sass-loader": "^10.2.0",
-    "strip-json-comments": "^3.1.1",
-    "vue": "^2.6.11",
-    "vue-cli-plugin-axios": "~0.0.4",
-    "vue-router": "^3.5.2",
-    "vue-template-compiler": "^2.6.11",
-    "vuex": "^3.6.2",
-    "webpack-bundle-analyzer": "^3.9.0"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "n20-common-lib",
+  "version": "1.2.4",
+  "private": false,
+  "main": "src/index.js",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "test": "vue-cli-service serve --test",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "build:Jenkins_1": "vue-cli-service build --serverConfig ./server-config-jenkins.jsonc",
+    "build:gzip": "vue-cli-service build --gzip",
+    "build:report": "vue-cli-service build --analy",
+    "build:css": "vue-cli-service build --formats umd-min --target lib src/assets/css/index.scss --name index --dest style",
+    "build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib  --analy"
+  },
+  "files": [
+    "src/_qiankun",
+    "src/assets",
+    "src/components",
+    "src/directives",
+    "src/locale",
+    "src/mixins",
+    "src/utils",
+    "src/plugins",
+    "src/index.js",
+    "style"
+  ],
+  "dependencies": {
+    "axios": "^0.21.4",
+    "dayjs": "^1.10.6",
+    "js-cookie": "^3.0.1",
+    "normalize.css": "^8.0.1",
+    "numerify": "^1.2.9",
+    "resize-detector": "^0.3.0",
+    "vuedraggable": "^2.24.3"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
+    "@babel/plugin-transform-flow-comments": "^7.14.5",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.0-rc.6",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-component": "^1.1.1",
+    "compression-webpack-plugin": "^3.1.0",
+    "copy-webpack-plugin": "^6.4.1",
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.6",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "lodash": "^4.17.21",
+    "md2vue-loader": "git+https://gitee.com/bable2000/md2vue-loader.git",
+    "mockjs": "^1.1.0",
+    "node-sass": "6.0.0",
+    "qiankun": "^2.5.1",
+    "qrcode": "^1.5.0",
+    "sass-loader": "^10.2.0",
+    "strip-json-comments": "^3.1.1",
+    "vue": "^2.6.11",
+    "vue-cli-plugin-axios": "~0.0.4",
+    "vue-router": "^3.5.2",
+    "vue-template-compiler": "^2.6.11",
+    "vuex": "^3.6.2",
+    "webpack-bundle-analyzer": "^3.9.0"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/src/_qiankun/index.js

@@ -1,113 +1,113 @@
-import Vue from 'vue'
-
-const vuePar = {
-  render: undefined,
-  router: undefined,
-  store: undefined,
-  i18n: undefined,
-  abstractRouter: undefined
-}
-
-export function setVueParameters(par) {
-  Object.assign(vuePar, par)
-}
-
-let instance = null
-async function _mount(props) {
-  const { container } = props
-  let _router = !props.router ? vuePar.router : vuePar.abstractRouter
-  instance = new Vue({
-    router: _router,
-    store: vuePar.store,
-    i18n: vuePar.i18n,
-    render: vuePar.render
-  }).$mount(container.querySelector('#app'))
-  if (props.router) {
-    let baseUrl = process.env.BASE_URL || '/'
-    let path = props.router.replace(baseUrl, '/').replace('//', '/')
-    instance.$router.push(path)
-  }
-}
-async function _unmount() {
-  instance.$destroy()
-  instance.$el.innerHTML = ''
-  instance = null
-}
-
-// let instance = null
-let cachedInstance = null
-let instance_vnode = null
-let catchRoute_apps = []
-async function _mountKeep(props) {
-  const { container } = props
-
-  if (!instance) {
-    let _router = !props.router ? vuePar.router : vuePar.abstractRouter
-    instance = new Vue({
-      router: _router,
-      i18n: vuePar.i18n,
-      store: vuePar.store,
-      render: vuePar.render
-    })
-
-    instance.$mount(container.querySelector('#app'))
-
-    props.router && instance.$router.push(props.router)
-  } else {
-    let _router
-    if (!props.router) {
-      // 必须要new一个新的路由实例
-      delete require.cache[require.resolve('@/router/index.js')]
-      let res = await import('@/router/index.js')
-      _router = res.default
-    } else {
-      delete require.cache[require.resolve('@/router/abstract.js')]
-      let res = await import('@/router/abstract.js')
-      _router = res.default
-    }
-    _router.apps.push(...catchRoute_apps)
-
-    instance = new Vue({
-      router: _router,
-      store: vuePar.store,
-      i18n: vuePar.i18n,
-      render: () => instance_vnode
-    })
-    // 并设置缓存实例
-    instance.cachedInstance = cachedInstance
-
-    if (cachedInstance._route.fullPath !== instance.$route.fullPath) {
-      cachedInstance._route = instance.$route
-    }
-
-    instance.$mount(container.querySelector('#app'))
-
-    props.router && instance.$router.push(props.router)
-  }
-}
-async function _unmountKeep() {
-  cachedInstance = instance.cachedInstance || instance
-  cachedInstance._vnode.data.keepAlive = true
-  instance_vnode = cachedInstance._vnode
-  catchRoute_apps = [...instance.$router.apps]
-
-  instance.$destroy()
-  // 其实实例还有引用,并没有被CG回收
-  instance = {
-    /*null*/
-  }
-}
-
-const KEEP_ALIVE = process.env.VUE_APP_KEEP_ALIVE === 'true'
-export async function bootstrap() {
-  // console.log('[vue] vue app bootstraped')
-}
-export async function mount(props) {
-  // console.log('[vue] props from main framework', props)
-  /* 从其他子运用再切回这个运用,是否保持之前的状态 */
-  KEEP_ALIVE && !props.router ? _mountKeep(props) : _mount(props)
-}
-export async function unmount(props) {
-  /* 从其他子运用再切回这个运用,是否保持之前的状态 */
-  KEEP_ALIVE && !props.router ? _unmountKeep() : _unmount()
-}
+import Vue from 'vue'
+
+const vuePar = {
+  render: undefined,
+  router: undefined,
+  store: undefined,
+  i18n: undefined,
+  abstractRouter: undefined
+}
+
+export function setVueParameters(par) {
+  Object.assign(vuePar, par)
+}
+
+let instance = null
+async function _mount(props) {
+  const { container } = props
+  let _router = !props.router ? vuePar.router : vuePar.abstractRouter
+  instance = new Vue({
+    router: _router,
+    store: vuePar.store,
+    i18n: vuePar.i18n,
+    render: vuePar.render
+  }).$mount(container.querySelector('#app'))
+  if (props.router) {
+    let baseUrl = process.env.BASE_URL || '/'
+    let path = props.router.replace(baseUrl, '/').replace('//', '/')
+    instance.$router.push(path)
+  }
+}
+async function _unmount() {
+  instance.$destroy()
+  instance.$el.innerHTML = ''
+  instance = null
+}
+
+// let instance = null
+let cachedInstance = null
+let instance_vnode = null
+let catchRoute_apps = []
+async function _mountKeep(props) {
+  const { container } = props
+
+  if (!instance) {
+    let _router = !props.router ? vuePar.router : vuePar.abstractRouter
+    instance = new Vue({
+      router: _router,
+      i18n: vuePar.i18n,
+      store: vuePar.store,
+      render: vuePar.render
+    })
+
+    instance.$mount(container.querySelector('#app'))
+
+    props.router && instance.$router.push(props.router)
+  } else {
+    let _router
+    if (!props.router) {
+      // 必须要new一个新的路由实例
+      delete require.cache[require.resolve('@/router/index.js')]
+      let res = await import('@/router/index.js')
+      _router = res.default
+    } else {
+      delete require.cache[require.resolve('@/router/abstract.js')]
+      let res = await import('@/router/abstract.js')
+      _router = res.default
+    }
+    _router.apps.push(...catchRoute_apps)
+
+    instance = new Vue({
+      router: _router,
+      store: vuePar.store,
+      i18n: vuePar.i18n,
+      render: () => instance_vnode
+    })
+    // 并设置缓存实例
+    instance.cachedInstance = cachedInstance
+
+    if (cachedInstance._route.fullPath !== instance.$route.fullPath) {
+      cachedInstance._route = instance.$route
+    }
+
+    instance.$mount(container.querySelector('#app'))
+
+    props.router && instance.$router.push(props.router)
+  }
+}
+async function _unmountKeep() {
+  cachedInstance = instance.cachedInstance || instance
+  cachedInstance._vnode.data.keepAlive = true
+  instance_vnode = cachedInstance._vnode
+  catchRoute_apps = [...instance.$router.apps]
+
+  instance.$destroy()
+  // 其实实例还有引用,并没有被CG回收
+  instance = {
+    /*null*/
+  }
+}
+
+const KEEP_ALIVE = process.env.VUE_APP_KEEP_ALIVE === 'true'
+export async function bootstrap() {
+  // console.log('[vue] vue app bootstraped')
+}
+export async function mount(props) {
+  // console.log('[vue] props from main framework', props)
+  /* 从其他子运用再切回这个运用,是否保持之前的状态 */
+  KEEP_ALIVE && !props.router ? _mountKeep(props) : _mount(props)
+}
+export async function unmount(props) {
+  /* 从其他子运用再切回这个运用,是否保持之前的状态 */
+  KEEP_ALIVE && !props.router ? _unmountKeep() : _unmount()
+}

package/src/_qiankun/postMessage.js

@@ -1,48 +1,48 @@
-const name = process.env.VUE_APP_NAME
-
-const PM = {
-  namespaced: true,
-  state: {
-    data: {}
-  },
-  mutations: {
-    set(state, data) {
-      state.data = Object.assign({}, state.data, data)
-    },
-    addTab(state, opt = {}) {
-      window.postMessage({
-        addTab: opt,
-        targetName: 'main',
-        originName: name
-      })
-    },
-    closeTab(state, opt = {}) {
-      window.postMessage({
-        closeTab: opt,
-        targetName: 'main',
-        originName: name
-      })
-    },
-    setTabName(state, opt = {}) {
-      window.postMessage({
-        setTabName: opt,
-        targetName: 'main',
-        originName: name
-      })
-    },
-    refreshTab(state, opt = {}) {
-      window.postMessage({
-        refreshTab: opt,
-        targetName: 'main',
-        originName: name
-      })
-    }
-  },
-  getters: {
-    get(state) {
-      return state.data
-    }
-  }
-}
-
-export default PM
+const name = process.env.VUE_APP_NAME
+
+const PM = {
+  namespaced: true,
+  state: {
+    data: {}
+  },
+  mutations: {
+    set(state, data) {
+      state.data = Object.assign({}, state.data, data)
+    },
+    addTab(state, opt = {}) {
+      window.postMessage({
+        addTab: opt,
+        targetName: 'main',
+        originName: name
+      })
+    },
+    closeTab(state, opt = {}) {
+      window.postMessage({
+        closeTab: opt,
+        targetName: 'main',
+        originName: name
+      })
+    },
+    setTabName(state, opt = {}) {
+      window.postMessage({
+        setTabName: opt,
+        targetName: 'main',
+        originName: name
+      })
+    },
+    refreshTab(state, opt = {}) {
+      window.postMessage({
+        refreshTab: opt,
+        targetName: 'main',
+        originName: name
+      })
+    }
+  },
+  getters: {
+    get(state) {
+      return state.data
+    }
+  }
+}
+
+export default PM

package/src/assets/css/_coreLib.scss

@@ -1,35 +1,35 @@
-@import './cl-nav-menu.scss';
-@import './rootvar.scss';
-@import './font-icon.scss';
-
-@import './title-pop.scss';
-@import './cl-form-item.scss';
-@import './cl-approve-card.scss';
-@import './cl-expandable.scss';
-@import './cl-expandable-pane.scss';
-@import './cl-more-tab.scss';
-@import './cl-pagination.scss';
-@import './cl-secondary-tab.scss';
-@import './cl-statis.scss';
-@import './cl-step.scss';
-@import './cl-suspend.scss';
-@import './cl-tertiary-tab.scss';
-@import './cl-upload.scss';
-@import './cl-drag-list.scss';
-@import './cl-sifting.scss';
-@import './cl-empty.scss';
-@import './cl-file-upload-table.scss';
-@import './cl-footer-box.scss';
-@import './cl-filter.scss';
-@import './cl-worn-pagination.scss';
-@import './cl-dialog.scss';
-@import './cl-layout.scss';
-@import './cl-login-temporary.scss';
-@import './cl-showcolumn.scss';
-@import './cl-message.scss';
-@import './cl-general-card.scss';
-@import './cl-anchor.scss';
-@import './cl-flow-step.scss';
-
-@import '../../plugins/Print/print.scss';
-@import './select.scss';
+@import './cl-nav-menu.scss';
+@import './rootvar.scss';
+@import './font-icon.scss';
+
+@import './title-pop.scss';
+@import './cl-form-item.scss';
+@import './cl-approve-card.scss';
+@import './cl-expandable.scss';
+@import './cl-expandable-pane.scss';
+@import './cl-more-tab.scss';
+@import './cl-pagination.scss';
+@import './cl-secondary-tab.scss';
+@import './cl-statis.scss';
+@import './cl-step.scss';
+@import './cl-suspend.scss';
+@import './cl-tertiary-tab.scss';
+@import './cl-upload.scss';
+@import './cl-drag-list.scss';
+@import './cl-sifting.scss';
+@import './cl-empty.scss';
+@import './cl-file-upload-table.scss';
+@import './cl-footer-box.scss';
+@import './cl-filter.scss';
+@import './cl-worn-pagination.scss';
+@import './cl-dialog.scss';
+@import './cl-layout.scss';
+@import './cl-login-temporary.scss';
+@import './cl-showcolumn.scss';
+@import './cl-message.scss';
+@import './cl-general-card.scss';
+@import './cl-anchor.scss';
+@import './cl-flow-step.scss';
+
+@import '../../plugins/Print/print.scss';
+@import './select.scss';

package/src/assets/css/cl-anchor.scss

@@ -1,24 +1,24 @@
-.n20-anchor {
-  position: fixed;
-  right: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  min-width: 80px;
-  background-color: var(--color-white);
-  cursor: pointer;
-  list-style: none;
-  padding: 12px;
-  margin: 0;
-  z-index:2022;
-  
-  .n20-anchor-item {
-    padding: 5px 10px;
-    margin: 2px 0;
-    border-left: 2px solid var(--color-text-placeholder);
-  }
-
-  .n20-anchor-activit {
-    color: var(--color-primary);
-    border-left: 2px solid var(--color-primary);
-  }
+.n20-anchor {
+  position: fixed;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  min-width: 80px;
+  background-color: var(--color-white);
+  cursor: pointer;
+  list-style: none;
+  padding: 12px;
+  margin: 0;
+  z-index:2022;
+  
+  .n20-anchor-item {
+    padding: 5px 10px;
+    margin: 2px 0;
+    border-left: 2px solid var(--color-text-placeholder);
+  }
+
+  .n20-anchor-activit {
+    color: var(--color-primary);
+    border-left: 2px solid var(--color-primary);
+  }
 }