n20-common-lib 1.1.10

package/README.md

@@ -0,0 +1,24 @@
+# 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 fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/package.json

@@ -0,0 +1,120 @@
+{
+  "_args": [
+    [
+      "n20-common-lib@1.1.10",
+      "D:\\workspace\\df-invest\\invest-web"
+    ]
+  ],
+  "_from": "n20-common-lib@1.1.10",
+  "_id": "n20-common-lib@1.1.10",
+  "_inBundle": false,
+  "_integrity": "sha512-f/T0vEahMOZKOIahhdZNA+JxqTQPmVqpSIrSeMa+J44yyk7gU092apu77HII2MrYdIwpNyBWsflNK8Vtxj6VCg==",
+  "_location": "/n20-common-lib",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "version",
+    "registry": true,
+    "raw": "n20-common-lib@1.1.10",
+    "name": "n20-common-lib",
+    "escapedName": "n20-common-lib",
+    "rawSpec": "1.1.10",
+    "saveSpec": null,
+    "fetchSpec": "1.1.10"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "http://mobile2.nstc.com.cn/nexus/repository/npm-group/n20-common-lib/-/n20-common-lib-1.1.10.tgz",
+  "_spec": "1.1.10",
+  "_where": "D:\\workspace\\df-invest\\invest-web",
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "dependencies": {
+    "dayjs": "^1.10.6",
+    "js-cookie": "^3.0.1",
+    "normalize.css": "^8.0.1",
+    "numerify": "^1.2.9"
+  },
+  "description": "```\r npm install\r ```",
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
+    "@babel/plugin-transform-flow-comments": "^7.14.5",
+    "@rollup/plugin-alias": "^3.1.4",
+    "@rollup/plugin-babel": "5.2.0",
+    "@rollup/plugin-commonjs": "^15.0.0",
+    "@rollup/plugin-image": "^2.0.5",
+    "@rollup/plugin-json": "^4.1.0",
+    "@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",
+    "axios": "^0.21.4",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-component": "^1.1.1",
+    "codemirror": "^5.63.1",
+    "compression-webpack-plugin": "^3.1.0",
+    "copy-webpack-plugin": "^6.4.1",
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.5",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "lodash": "^4.17.21",
+    "md2vue-loader": "git+https://gitee.com/bable2000/md2vue-loader.git",
+    "node-sass": "^4.13.1",
+    "rollup": "^2.55.1",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-scss": "^2.6.0",
+    "rollup-plugin-terser": "^7.0.0",
+    "rollup-plugin-vue": "5.1.9",
+    "sass-loader": "^8.0.2",
+    "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",
+    "vuedraggable": "^2.24.3",
+    "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": {}
+  },
+  "files": [
+    "src/assets",
+    "src/components",
+    "src/directives",
+    "src/locale",
+    "src/mixins",
+    "src/utils",
+    "src/index.js",
+    "style"
+  ],
+  "main": "src/index.js",
+  "name": "n20-common-lib",
+  "private": false,
+  "scripts": {
+    "build": "vue-cli-service build",
+    "build:Jenkins_1": "vue-cli-service build --serverConfig ./server-config-jenkins.jsonc",
+    "build:css": "vue-cli-service build --formats umd-min --target lib src/assets/css/index.scss --name index --dest style",
+    "build:gzip": "vue-cli-service build --gzip",
+    "build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib  --analy",
+    "build:report": "vue-cli-service build --analy",
+    "lint": "vue-cli-service lint",
+    "serve": "vue-cli-service serve"
+  },
+  "version": "1.1.10"
+}

package/src/assets/css/_coreLib.scss

@@ -0,0 +1,26 @@
+@import './cl-nav-menu.scss';
+
+@import './normalize.scss';
+@import './title-pop.scss';
+@import './rootvar.scss';
+@import './font-icon.scss';
+@import './cl-form-item.scss';
+
+@import './cl-approve-card.scss';
+@import './cl-expandable.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-foldedpanel.scss';
+@import "./cl-worn-pagination.scss";

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

@@ -0,0 +1,66 @@
+.cl-approve-card {
+  width: 80%;
+  font-size: 14px;
+
+  .cl-approve-list {
+    display: flex;
+    flex-direction: column;
+
+    .cl-approve-item {
+      position: relative;
+
+      .cl-approve-item-exist {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        .cl-approve-item-time {
+          width: 200px;
+          color: $--border-color-base;
+        }
+
+        .cl-approve-item-origin {
+          width: 19px;
+          height: 19px;
+          line-height: 17px;
+          background: $--color-white;
+          border-radius: 10px;
+          color: $--color-text-placeholder;
+          text-align: center;
+          border: 1px solid $--color-text-placeholder;
+          font-size: 8px;
+        }
+
+        .cl-approve-origin-bgc {
+          background: $--color-primary;
+        }
+        .cl-approve-origin-bgc-no {
+          background: $--color-danger;
+        }
+        .cl-approve-origin-color-no {
+          color: $--color-danger;
+        }
+
+        .cl-approve-icon {
+          color: $--icon-color;
+          font-size: 16px;
+          margin-left: 10px;
+          margin-right: 5px;
+        }
+        .cl-approve-node {
+          margin-left: 25px;
+        }
+        .box-nav {
+          display: inline-block;
+          min-width: 200px;
+        }
+      }
+      .cl-approve-connect {
+        width: 2px;
+        height: 20px;
+        background: $--color-text-placeholder;
+        margin: 2px 9px 2px 209px;
+      }
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,31 @@
+.cl-form-expandable {
+  .cl-title {
+    position: relative;
+    cursor: pointer;
+    height: 36px;
+    line-height: 36px;
+    padding: 0 5px;
+    background: $--table-header-background-color;
+    color: $--color-text-primary;
+    font-size: 14px;
+    margin: 16px 0;
+
+    .tips {
+      position: absolute;
+      right: 10px;
+      top: 0;
+
+      color: $--color-text-primary;
+      font-size: 12px;
+
+      i {
+        transition: transform 0.2s;
+        margin-left: 3px;
+      }
+
+      .expand {
+        transform: rotate(90deg);
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1,20 @@
+.cl-filter {
+  padding: 12px;
+  max-height: 280px;
+  overflow-y: auto;
+
+  .more {
+    display: flex;
+    align-items: center;
+    color: $--color-primary;
+    cursor: pointer;
+    margin: 16px 0;
+  }
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 0;
+}

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

@@ -0,0 +1,35 @@
+.cl-foldedpanel {
+  padding: 16px;
+  color: $--color-info;
+  .cl-foldedpanel-item {
+    display: grid;
+    .cl-foldedpanel-top {
+      display: grid;
+      grid-auto-flow: column;
+      grid-auto-columns: 15% 10% 10%  65%;
+      .cl-foldedpanel-left {
+        display: flex;
+        position: relative;
+        align-items: center;
+        justify-content: space-between;
+      }
+    }
+    .cl-foldedpanel-bottom {
+      display: grid;
+      grid-auto-flow: column;
+      grid-auto-columns: 15% 85%;
+      justify-items: end;
+      .down{
+        width: 1px;
+        min-height: 30px;
+        border-left:  2px solid $--color-text-placeholder;
+      }
+    }
+  }
+  .cl-foldedpanel-time {
+    margin-right: 10px;
+  }
+  .el-tag + .el-tag {
+    margin:0 10px;
+  }
+}

package/src/assets/css/cl-footer-box.scss

@@ -0,0 +1,8 @@
+.cl-footer-box {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 0;
+  background: $--color-white;
+}

package/src/assets/css/cl-form-item.scss

@@ -0,0 +1,281 @@
+.el-button[onlyicon] {
+  &.el-button--default,
+  &.el-button--medium,
+  &.el-button--small {
+    padding: 8px;
+  }
+  &.el-button--mini {
+    padding: 5px;
+  }
+}
+
+.el-button--danger.is-plain {
+  background: #ffffff;
+  border-color: #dddddd;
+  &:hover,
+  &:focus {
+    color: #ff3b30;
+    background: #ffffff;
+    border-color: #ff3b30;
+  }
+}
+
+.el-button--primary,
+.el-button--default.is-plain,
+.el-button--danger.is-plain {
+  &.is-disabled {
+    &,
+    &:hover,
+    &:focus,
+    &:active {
+      color: #cccccc !important;
+      background: #eeeeee !important;
+      border-color: #dddddd !important;
+    }
+  }
+}
+.el-button--text {
+  color: $--color-primary;
+  &:hover,
+  &:focus,
+  &:active {
+    color: $--color-primary;
+  }
+}
+
+.el-select-dropdown,
+.el-dropdown-menu,
+.el-autocomplete-suggestion {
+  .popper__arrow {
+    display: none;
+  }
+}
+
+.el-input__prefix,
+.el-input__suffix {
+  font-size: 16px;
+}
+
+.el-input__inner {
+  padding-left: 10px;
+}
+
+// .el-input {
+//   width: $--input-width;
+// }
+.w-224 {
+  width: $--input-width;
+}
+
+.el-input,
+.cl-muls {
+  .is-search {
+    pointer-events: all;
+    cursor: pointer;
+    &:hover,
+    &:active {
+      font-weight: bolder;
+      color: $--color-primary;
+    }
+  }
+}
+
+.el-tag.el-tag--info {
+  background: #eeeeee;
+  border: none;
+  border-radius: 2px;
+  &:hover {
+    .el-tag__close {
+      display: inline-block;
+    }
+  }
+}
+
+.el-select .el-tag__close.el-icon-close {
+  right: -4px;
+  background: none;
+  display: none;
+}
+
+// .el-select-dropdown__item {
+//   &.selected {
+//     font-weight: initial;
+//   }
+// }
+
+.el-radio__inner,
+.el-checkbox__inner {
+  width: 16px;
+  height: 16px;
+}
+
+.el-radio__label,
+.el-checkbox__label {
+  padding-left: 6px;
+}
+
+.el-radio__inner {
+  &::after {
+    width: 8px;
+    height: 8px;
+    background-color: $--color-primary;
+  }
+}
+
+.el-checkbox__inner {
+  &::after {
+    width: 4px;
+    height: 8px;
+  }
+}
+
+.el-switch {
+  &[inline] {
+    position: relative;
+    .el-switch__label {
+      position: absolute;
+      z-index: 1;
+      color: #ffffff;
+      margin-left: 0;
+      margin-right: 0;
+      display: none;
+      &.is-active {
+        display: initial;
+      }
+    }
+    .el-switch__label--left {
+      right: 8px;
+    }
+    .el-switch__label--right {
+      left: 8px;
+    }
+  }
+}
+.el-switch {
+  &.is-disabled {
+    opacity: 0.3;
+  }
+}
+
+.el-date-editor.el-input--prefix {
+  width: $--input-width;
+  .el-input__inner {
+    padding-left: 10px;
+  }
+  .el-input__prefix {
+    right: 5px;
+    left: unset;
+    font-size: 16px;
+  }
+  &.has-value {
+    &:hover {
+      .el-input__prefix {
+        display: none;
+      }
+    }
+  }
+}
+
+.el-range-editor {
+  position: relative;
+  .el-range__icon {
+    position: absolute;
+    height: 100%;
+    right: 5px;
+    top: 0;
+    text-align: center;
+    color: #cccccc;
+    font-size: 16px;
+    transition: all 0.3s;
+  }
+  &.has-value {
+    &:hover {
+      .el-range__icon {
+        display: none;
+      }
+    }
+  }
+  .el-range__close-icon {
+    position: absolute;
+    height: 100%;
+    right: 5px;
+    top: 0;
+    text-align: center;
+    color: #cccccc;
+    transition: all 0.3s;
+  }
+}
+
+.el-range-editor.el-input__inner {
+  width: $--input-width;
+  padding-right: 30px;
+}
+.el-range-editor .el-range-input {
+  flex: 1 1 auto;
+  text-align: left;
+}
+.el-range-editor:not(.has-value) .el-range-separator {
+  color: #cccccc;
+}
+
+.el-date-table td {
+  & span {
+    border-radius: 2px;
+  }
+  &.today span {
+    border: 1px solid $--color-primary;
+  }
+  &.available:hover span {
+    background: $--color-primary-light-9;
+  }
+  &.current:not(.disabled) span {
+    background-color: $--color-primary;
+  }
+  &.start-date div {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+  }
+  &.end-date div {
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+  }
+  &.start-date,
+  &.end-date {
+    &:hover span {
+      background-color: $--color-primary;
+    }
+  }
+}
+/* 金额,利率输入框 */
+.cl-num-w {
+  display: inline-block;
+  width: $--input-width;
+  position: relative;
+  .cl-num,
+  .cl-stc {
+    width: 100%;
+    .el-input__inner {
+      text-align: right;
+    }
+  }
+  .cl-num--rate {
+    .el-input__inner {
+      padding-right: 30px;
+    }
+  }
+  .el-input__suffix {
+    font-size: 14px;
+  }
+}
+/* 多选搜索框 */
+.cl-muls {
+  display: inline-block;
+  width: $--input-width;
+  position: relative;
+  .el-select {
+    width: 100%;
+  }
+  .el-select .el-input__suffix {
+    display: none;
+  }
+}