n20-common-lib 1.2.41 → 1.3.0

package/g6.js

@@ -0,0 +1,197 @@
+import NstcDialog from './src/components/NstcG6Components/NstcDialog/NstcDialog.vue'
+import NstcBackToTop from './src/components/NstcG6Components/NstcBackToTop/NstcBackToTop.vue'
+import NstcBranchLazyLoad from './src/components/NstcG6Components/NstcBranchLazyLoad/NstcBranchLazyLoad.vue'
+import NstcCharts from './src/components/NstcG6Components/NstcCharts/NstcCharts.vue'
+NstcApprovelTwo
+import NstcApprovelTwo from './src/components/NstcG6Components/approvelTwo/main.vue'
+import NstcApprovel from './src/components/NstcG6Components/NstcApprovel/NstcApprovel.vue'
+import confirmFunction from './src/components/NstcG6Components/NstcConfirm/index'
+import NstcWorkBench from './src/components/NstcG6Components/NstcWorkBench/NstcWorkBench.vue'
+import NstcThemePicker from './src/components/NstcG6Components/NstcThemePicker/NstcThemePicker.vue'
+import NstcTabWithBadge from './src/components/NstcG6Components/NstcTabWithBadge/NstcTabWithBadge.vue'
+import NstcTableSet from './src/components/NstcG6Components/NstcTableSet/NstcTableSet.vue'
+import NstcDropdown from './src/components/NstcG6Components/NstcDropdown/NstcDropdown.vue'
+import NstcPagination from './src/components/NstcG6Components/NstcPagination/NstcPagination.vue'
+import NstcTable from './src/components/NstcG6Components/NstcTable/NstcTable.vue'
+import NstcTab from './src/components/NstcG6Components/NstcTab/NstcTab.vue'
+import NstcSvgIcon from './src/components/NstcG6Components/NstcSvgIcon/NstcSvgIcon.vue'
+import NstcSticky from './src/components/NstcG6Components/NstcSticky/NstcSticky.vue'
+import InputTag from './src/components/NstcG6Components/InputTag/InputTag.vue'
+import NstcSelectTreeList from './src/components/NstcG6Components/NstcSelectTreeList/NstcSelectTreeList.vue'
+import NstcSelectTree from './src/components/NstcG6Components/NstcSelectTree/NstcSelectTree.vue'
+import NstcScreenFull from './src/components/NstcG6Components/NstcScreenFull/NstcScreenFull.vue'
+import NstcExpandCollapse from './src/components/NstcG6Components/NstcExpandCollapse/NstcExpandCollapse.vue'
+import NstcFileUpload from './src/components/NstcG6Components/NstcFileUpload/NstcFileUpload.vue'
+import NstcExcelImportN from './src/components/NstcG6Components/NstcExcelImportN/NstcExcelImportN.vue'
+import NstcUploadExcel from './src/components/NstcG6Components/NstcUploadExcel/NstcUploadExcel.vue'
+import NstcExcelImport from './src/components/NstcG6Components/NstcExcelImport/NstcExcelImport.vue'
+import NstcExcelExport from './src/components/NstcG6Components/NstcExcelExport/NstcExcelExport.vue'
+import NstcUploadCustomExcel from './src/components/NstcG6Components/NstcUploadCustomExcel/NstcUploadCustomExcel.vue'
+import NstcExcelCustomImport from './src/components/NstcG6Components/NstcExcelCustomImport/NstcExcelCustomImport.vue'
+import NstcElectronicFile from './src/components/NstcG6Components/NstcElectronicFile/NstcElectronicFile.vue'
+import NstcDropdownTree from './src/components/NstcG6Components/NstcDropdownTree/NstcDropdownTree.vue'
+import NstcDialogTable from './src/components/NstcG6Components/NstcDialogTable/NstcDialogTable.vue'
+import InputCustom from './src/components/NstcG6Components/NstcForm/InputCustom/index.vue'
+import IntervalInputCustom from './src/components/NstcG6Components/NstcForm/IntervalInputCustom/index.vue'
+import AutocompleteCustom from './src/components/NstcG6Components/NstcForm/AutocompleteCustom/index.vue'
+import SelectCustom from './src/components/NstcG6Components/NstcForm/SelectCustom/index.vue'
+import NstcSelectInDialog from './src/components/NstcG6Components/NstcForm/SelectindialogCustom/index.vue'
+import UploadCustom from './src/components/NstcG6Components/NstcForm/UploadCustom/index.vue'
+import RadioCustom from './src/components/NstcG6Components/NstcForm/RadioCustom/index.vue'
+import CheckboxCustom from './src/components/NstcG6Components/NstcForm/CheckboxCustom/index'
+import CascaderCustom from './src/components/NstcG6Components/NstcForm/CascaderCustom/index'
+import TextCustom from './src/components/NstcG6Components/NstcForm/TextCustom/index'
+import NstcInputAndDialog from './src/components/NstcG6Components/NstcForm/InputAndDialog/NstcInputAndDialog.vue'
+import NstcSelectAndDialog from './src/components/NstcG6Components/NstcForm/SelectAndDialog/NstcSelectAndDialog.vue'
+import NstcPayeePerson from './src/components/NstcG6Components/NstcForm/payeePersonSelect/NstcPayeePerson.vue'
+import NstcSelectSubject from './src/components/NstcG6Components/NstcForm/SelectSubject/NstcSelectSubject.vue'
+import NstcSelectCashFlow from './src/components/NstcG6Components/NstcForm/SelectCashFlow/NstcSelectCashFlow.vue'
+import NstcSelectAccount from './src/components/NstcG6Components/NstcForm/SelectAccount/NstcSelectAccount.vue'
+import TableRadioCustom from './src/components/NstcG6Components/NstcForm/TableRadioCustom/index.vue'
+import NstcSearch from './src/components/NstcG6Components/Search/NstcSearch.vue'
+// import NstcDialogForm from './src/components/NstcG6Components/NstcDialogForm/NstcDialogForm'
+
+const req = require.context('./src/assets/svg', false, /\.svg$/)
+
+const requireAll = (requireContext) => requireContext.keys().map(requireContext)
+requireAll(req)
+
+/* 方法 */
+import VueBus from '@/utils/vue-bus'
+
+/* 指令 */
+
+import VCopy from '@/directives/VCopy'
+import VNstcNumber from '@/directives/VNstcNumber'
+
+const components = [
+  NstcDialog,
+  NstcBackToTop,
+  NstcBranchLazyLoad,
+  NstcCharts,
+  NstcApprovel,
+  NstcApprovelTwo,
+  NstcWorkBench,
+  NstcThemePicker,
+  NstcTabWithBadge,
+  NstcTableSet,
+  NstcDropdown,
+  NstcPagination,
+  NstcTable,
+  NstcTab,
+  NstcSvgIcon,
+  NstcSticky,
+  InputTag,
+  NstcSelectTreeList,
+  NstcSelectTree,
+  NstcScreenFull,
+  NstcExpandCollapse,
+  NstcFileUpload,
+  NstcExcelImportN,
+  NstcUploadExcel,
+  NstcExcelImport,
+  NstcExcelExport,
+  NstcUploadCustomExcel,
+  NstcExcelCustomImport,
+  NstcElectronicFile,
+  NstcDropdownTree,
+  NstcDialogTable,
+  InputCustom,
+  IntervalInputCustom,
+  AutocompleteCustom,
+  SelectCustom,
+  NstcSelectInDialog,
+  UploadCustom,
+  RadioCustom,
+  CheckboxCustom,
+  CascaderCustom,
+  TextCustom,
+  NstcInputAndDialog,
+  NstcSelectAndDialog,
+  NstcPayeePerson,
+  NstcSelectSubject,
+  NstcSelectCashFlow,
+  NstcSelectAccount,
+  TableRadioCustom,
+  NstcSearch
+  // NstcDialogForm
+]
+
+const install = function (Vue) {
+  components.forEach((component) => {
+    let name = component.name
+    Vue.component(name, component)
+  })
+  Vue.use(VCopy)
+  Vue.use(VNstcNumber)
+  Vue.prototype.$bus = {
+    $on(...event) {
+      VueBus.$on(...event)
+    },
+    $off(...event) {
+      VueBus.$off(...event)
+    },
+    $once(...event) {
+      VueBus.$emit(...event)
+    },
+    $emit(...event) {
+      VueBus.$emit(...event)
+    }
+  }
+
+  Vue.prototype.$confirmTip = confirmFunction
+}
+
+export default {
+  install
+}
+export {
+  NstcDialog,
+  NstcBackToTop,
+  NstcBranchLazyLoad,
+  NstcCharts,
+  NstcApprovel,
+  NstcWorkBench,
+  NstcThemePicker,
+  NstcTabWithBadge,
+  NstcTableSet,
+  NstcDropdown,
+  NstcPagination,
+  NstcTable,
+  NstcTab,
+  NstcSvgIcon,
+  NstcSticky,
+  InputTag,
+  NstcSelectTreeList,
+  NstcSelectTree,
+  NstcScreenFull,
+  NstcExpandCollapse,
+  NstcFileUpload,
+  NstcExcelImportN,
+  NstcUploadExcel,
+  NstcExcelImport,
+  NstcExcelExport,
+  NstcUploadCustomExcel,
+  NstcExcelCustomImport,
+  NstcElectronicFile,
+  NstcDropdownTree,
+  NstcDialogTable,
+  InputCustom,
+  IntervalInputCustom,
+  AutocompleteCustom,
+  SelectCustom,
+  NstcSelectInDialog,
+  UploadCustom,
+  RadioCustom,
+  CheckboxCustom,
+  CascaderCustom,
+  TextCustom,
+  NstcInputAndDialog,
+  NstcSelectAndDialog,
+  NstcPayeePerson,
+  NstcSelectSubject,
+  NstcSelectCashFlow,
+  NstcSelectAccount,
+  TableRadioCustom,
+  NstcSearch
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.2.41",
+  "version": "1.3.0",
   "private": false,
   "main": "src/index.js",
   "scripts": {
@@ -24,18 +24,29 @@
     "src/utils",
     "src/plugins",
     "src/index.js",
-    "style"
+    "style",
+    "g6.js"
   ],
   "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 +69,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;
   }
-}
+}