n20-common-lib 1.2.46 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.2.46",
+  "version": "1.3.2",
   "private": false,
   "main": "src/index.js",
   "scripts": {
@@ -28,14 +28,24 @@
   ],
   "dependencies": {
     "axios": "^0.21.4",
+    "clipboard": "^2.0.11",
     "dayjs": "^1.10.6",
+    "echarts": "^5.3.2",
+    "file-saver": "^2.0.5",
+    "fuse.js": "^6.6.2",
     "js-cookie": "^3.0.1",
     "jsonwebtoken": "^8.5.1",
+    "jszip": "^3.10.0",
     "normalize.css": "^8.0.1",
     "numerify": "^1.2.9",
     "qrcode": "^1.5.0",
     "resize-detector": "^0.3.0",
-    "vuedraggable": "^2.24.3"
+    "showdown": "^2.1.0",
+    "sortablejs": "^1.15.0",
+    "vue-grid-layout": "^2.3.12",
+    "vuedraggable": "^2.24.3",
+    "xlsx": "0.14.1",
+    "xlsx-style": "^0.8.13"
   },
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.14.5",
@@ -58,7 +68,12 @@
     "node-sass": "6.0.0",
     "qiankun": "^2.5.1",
     "sass-loader": "^10.2.0",
+    "screenfull": "^5.1.0",
     "strip-json-comments": "^3.1.1",
+    "svg-sprite-loader": "4.1.3",
+    "svg-url-loader": "^7.1.1",
+    "svgo": "1.2.0",
+    "url-loader": "^4.1.1",
     "vue": "^2.6.11",
     "vue-cli-plugin-axios": "~0.0.4",
     "vue-router": "^3.5.2",

package/src/assets/css/_coreLib.scss

@@ -33,3 +33,4 @@
 
 @import '../../plugins/Print/print.scss';
 @import './select.scss';
+@import "./plain-text.scss";

package/src/assets/css/alert.scss

@@ -0,0 +1,31 @@
+.el-alert__title {
+  color: $--color-text-regular;
+  font-size: $--font-size-base;
+}
+.el-alert {
+  width: 616px;
+  padding:10px 16px;
+}
+
+
+.el-alert--success.is-light {
+  border: 1px solid rgba(72,210,160,0.40);
+}
+
+.el-alert--error.is-light {
+  border: 1px solid #ffaba6;
+}
+
+.el-alert--warning.is-light {
+  border: 1px solid #ffe28d;
+}
+
+.el-alert--info.is-light {
+  background: #edf5ff;
+  border: 1px solid #97c3ff;
+  i {
+    color: #1677ff;
+  }
+}
+
+

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

@@ -1,16 +1,25 @@
+#page-scrollbar {
+  padding-right: 110px;
+
+  .el-scrollbar__bar.is-vertical {
+    .el-scrollbar__thumb {
+      display: none;
+
+    }
+  }
+
+}
+
 .n20-anchor {
-  position: fixed;
-  right: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  min-width: 80px;
-  background-color: var(--color-white);
+  position: absolute;
+  top: 16px;
+  right: 0;
+  // background-color: var(--color-white);
   cursor: pointer;
   list-style: none;
-  padding: 12px;
   margin: 0;
-  z-index:2022;
-  
+  // z-index: 2022;
+
   .n20-anchor-item {
     padding: 5px 10px;
     margin: 2px 0;

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

@@ -5,14 +5,18 @@
     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;
     }
@@ -23,36 +27,42 @@
     line-height: initial;
     font-size: $--font-size-small;
     font-weight: initial;
-
     text-align: center;
+    white-space: nowrap;
     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;
+    padding: 12px;
   }
-}
+}

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

@@ -1,27 +1,36 @@
 .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-button+.el-button {
+    margin-left: 16px;
+  }
 }
 
 .el-dialog__wrapper[hide-header] {
@@ -29,6 +38,7 @@
     border-bottom: none;
   }
 }
+
 .el-dialog {
   &__body {
     .dialog-footer {
@@ -45,9 +55,11 @@
       background-color: #fff;
     }
   }
+
   &.is-fullscreen &__body.in-footer {
     height: calc(100% - 95px);
     overflow: auto;
+
     .dialog-footer {
       position: absolute;
       width: 100%;
@@ -74,14 +86,17 @@
     display: flex;
     flex-direction: column;
   }
+
   .el-dialog__body {
     flex: auto;
     height: 50%;
     overflow: auto;
   }
+
   .el-dialog__body .dialog-footer {
     position: sticky;
     bottom: -16px;
+    padding-top: 16px;
   }
 }
 
@@ -96,4 +111,4 @@
     line-height: 28px;
     border-bottom: none;
   }
-}
+}

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

@@ -2,11 +2,13 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-
   padding: 6px 0;
+  span {
+    flex: 1;
+  }
 }
 .n20-drag-icon {
-  margin-right: 6px;
+  margin-right: 12px;
   font-size: 16px;
   cursor: move;
   &:hover {

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

@@ -4,23 +4,35 @@
     line-height: 32px;
     background: $--table-header-background-color;
     color: $--color-text-primary;
-    border-radius: $--border-radius-base;
     padding: 0 12px;
-    margin-bottom: 24px;
+    margin: 24px 0;
   }
+
   .n20-tips {
+    width: 85%;
     display: flex;
     align-items: center;
-    font-size: 12px;
+    font-size: 14px;
     cursor: pointer;
+
     &:hover {
       color: $--link-hover-color;
+
+      i {
+        color: $--link-hover-color;
+      }
     }
+
     i {
       transition: transform 0.2s;
     }
+
     .expand {
       transform: rotate(90deg);
     }
   }
 }
+
+.color-0 {
+  color: $--color-text-placeholder;
+}

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

@@ -4,21 +4,24 @@
     line-height: 32px;
     background: $--table-header-background-color;
     color: $--color-text-primary;
-    border-radius: $--border-radius-base;
     padding: 0 12px;
     margin-bottom: 24px;
   }
+
   .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

@@ -1,11 +1,32 @@
+.file-upload-table {
+  .el-table {
+    border-top: $--tab-border-line;
+    border-left: $--tab-border-line;
+    border-right: $--tab-border-line;
+
+    .cell {
+
+      .el-icon-download,
+      .el-icon-view {
+        color: $--color-text-primary;
+
+        &:hover {
+          color: $--color-primary
+        }
+      }
+    }
+  }
+}
+
 .n20-upload-table-progress {
   .el-progress-bar {
     margin-right: -40px;
     padding-right: 40px;
   }
 }
+
 .n20-upload-table-up {
   .el-upload {
     display: block;
   }
-}
+}