n20-common-lib 1.1.98

package/README.md

@@ -0,0 +1,27 @@
+# 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)

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "n20-common-lib",
+  "version": "1.1.98",
+  "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

@@ -0,0 +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()
+}

package/src/_qiankun/postMessage.js

@@ -0,0 +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

package/src/assets/css/_coreLib.scss

@@ -0,0 +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';

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

@@ -0,0 +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);
+  }
+}

package/src/assets/css/cl-approve-card.scss

@@ -0,0 +1,58 @@
+.n20-approve-wrap {
+  $--pl: 80px;
+
+  .el-timeline {
+    padding-left: $--pl;
+    padding-top: 10px;
+  }
+  .el-timeline-item {
+    padding-bottom: 30px;
+  }
+  .el-timeline-item__wrapper {
+    padding-left: 20px;
+  }
+  .el-timeline-item__content {
+    cursor: default;
+    &:hover {
+      background: $--background-color-base;
+    }
+  }
+
+  .n20-time {
+    color: $--color-text-placeholder;
+    line-height: initial;
+    font-size: $--font-size-small;
+    font-weight: initial;
+
+    text-align: center;
+    width: $--pl - 8px;
+    position: absolute;
+    left: -($--pl);
+    top: -6px;
+  }
+  .n20-worker {
+    width: 150px;
+    font-weight: initial;
+    font-size: $--font-size-base;
+    color: $--color-text-primary;
+  }
+  .worker-icon {
+    margin-right: 4px;
+    color: $--color-text-placeholder;
+    font-size: $--font-size-medium;
+  }
+  .n20-approval {
+    width: 100px;
+    font-weight: initial;
+    font-size: $--font-size-base;
+    color: $--color-text-primary;
+  }
+  .n20-approval-reject {
+    color: $--color-danger;
+  }
+  .n20-description-c {
+    font-weight: initial;
+    font-size: $--font-size-base;
+    color: $--color-text-regular;
+  }
+}

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

@@ -0,0 +1,99 @@
+.el-dialog {
+  border-radius: $--border-radius-base;
+}
+.el-dialog__header {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 28px;
+  border-bottom: 1px solid #eee;
+}
+.el-dialog__title {
+  font-size: 16px;
+  font-weight: 500;
+}
+.el-dialog__headerbtn {
+  right: 16px;
+  top: 14px;
+}
+.el-dialog__body {
+  padding: 16px 20px;
+}
+.el-dialog__footer {
+  padding-top: 0;
+  padding-bottom: 16px;
+  text-align: center;
+}
+
+.el-dialog__wrapper[hide-header] {
+  .el-dialog__header {
+    border-bottom: none;
+  }
+}
+.el-dialog {
+  &__body {
+    .dialog-footer {
+      display: block;
+      padding: 20px;
+      padding-top: 0;
+      padding-bottom: 16px;
+      margin-top: 16px;
+      margin-bottom: -16px;
+      margin-left: -20px;
+      margin-right: -20px;
+      text-align: center;
+      box-sizing: border-box;
+      background-color: #fff;
+    }
+  }
+  &.is-fullscreen &__body.in-footer {
+    height: calc(100% - 95px);
+    overflow: auto;
+    .dialog-footer {
+      position: absolute;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      margin: 0;
+    }
+  }
+}
+
+/* UI要求最小弹窗432*243px */
+// .el-dialog {
+//   min-height: 243px;
+// }
+// .el-dialog__body {
+//   min-height: 114px;
+// }
+/* UI要求最大弹窗占屏幕85% */
+[max-dialog] {
+  .el-dialog {
+    box-sizing: border-box;
+    margin-top: 7.5vh !important;
+    max-height: 85vh;
+    display: flex;
+    flex-direction: column;
+  }
+  .el-dialog__body {
+    flex: auto;
+    height: 50%;
+    overflow: auto;
+  }
+  .el-dialog__body .dialog-footer {
+    position: sticky;
+    bottom: -16px;
+  }
+}
+
+
+
+/* g6弹窗组件样式 */
+.Nstc-dialog {
+  .el-dialog__header {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    min-height: 28px;
+    line-height: 28px;
+    border-bottom: none;
+  }
+}

package/src/assets/css/cl-drag-list.scss

@@ -0,0 +1,22 @@
+.n20-drag-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: 6px 0;
+}
+.n20-drag-icon {
+  margin-right: 6px;
+  font-size: 16px;
+  cursor: move;
+  &:hover {
+    color: $--color-primary;
+  }
+}
+.n20-drag-remove {
+  margin-left: 6px;
+  cursor: pointer;
+  &:hover {
+    color: $--color-primary;
+  }
+}

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

@@ -0,0 +1,10 @@
+.n20-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  .n20-image-box {
+    width: 351px;
+    height: 351px;
+  }
+}

package/src/assets/css/cl-expandable-pane.scss

@@ -0,0 +1,25 @@
+.n20-form-expandable-pane {
+  .n20-title {
+    height: 32px;
+    line-height: 32px;
+    background: $--table-header-background-color;
+    color: $--color-text-primary;
+    border-radius: $--border-radius-base;
+    padding: 0 12px;
+  }
+  .n20-tips {
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    cursor: pointer;
+    &:hover {
+      color: $--link-hover-color;
+    }
+    i {
+      transition: transform 0.2s;
+    }
+    .expand {
+      transform: rotate(90deg);
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+.n20-form-expandable {
+  .n20-title {
+    height: 32px;
+    line-height: 32px;
+    background: $--table-header-background-color;
+    color: $--color-text-primary;
+    border-radius: $--border-radius-base;
+    padding: 0 12px;
+  }
+  .n20-tips {
+    font-size: 12px;
+    cursor: pointer;
+    &:hover {
+      color: $--link-hover-color;
+    }
+    i {
+      transition: transform 0.2s;
+    }
+    .expand {
+      transform: rotate(90deg);
+    }
+  }
+}

package/src/assets/css/cl-file-upload-table.scss

@@ -0,0 +1,11 @@
+.n20-upload-table-progress {
+  .el-progress-bar {
+    margin-right: -40px;
+    padding-right: 40px;
+  }
+}
+.n20-upload-table-up {
+  .el-upload {
+    display: block;
+  }
+}

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

@@ -0,0 +1,4 @@
+.n20-filter {
+  max-height: 380px;
+  overflow-y: auto;
+}