vsyswin-ui 0.2.68 → 0.2.69

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.2.68",
+    "version": "0.2.69",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",
@@ -22,6 +22,7 @@
         "jquery": "^3.5.1",
         "lodash": "^4.17.20",
         "moment": "^2.29.1",
+        "nprogress": "^0.2.0",
         "throttle-debounce": "^3.0.1",
         "vue": "^2.6.12",
         "vuedraggable": "^2.23.2"
@@ -44,4 +45,4 @@
         "vue-template-compiler": "^2.6.11",
         "xe-utils": "^3.0.4"
     }
-}
+}

package/packages/index.js

@@ -14,7 +14,7 @@ import newSearchBar from './newSearchBar' // 高级筛选
 import table from './table' // 表格组件
 import dragSet from './drag-set'
 import buttonEllipsis from './button-ellipsis'
-
+export { default as Progress } from './progress';
 const { buttonList, buttonItem } = buttonEllipsis
 
 // 存储组件列表

package/packages/progress/index.js

@@ -0,0 +1,69 @@
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+
+const ProgressBar = function (config = {}) {
+    this.options = Object.assign({
+        timeout: 8000,
+        exclude: ['option/getOptions', 'basicsWebData/getTypeOptions', 'menuName/queryMenuName']
+    }, config);
+    this.state = 'done';
+    this.isMerge = false;
+    this.count = 0;
+    this.timer = null;
+    const { timeout, exclude } = this.options;
+    this.start = function (opt = {}, url = '') {
+        if (opt.noProgress) {
+            return;
+        }
+        this.count++;
+        const f = exclude.find(it => url.includes(it));
+        if (!f) {
+            if (this.state !== 'start') {
+                this.state = 'start';
+                NProgress.start();
+            } else {
+                NProgress.inc();
+            }
+            clearTimeout(this.timer);
+            this.timer = setTimeout(() => {
+                NProgress.done();
+            }, timeout);
+        }
+    };
+    this.done = function (opt = {}) {
+        if (opt.noProgress) {
+            return;
+        }
+        if (!this.isMerge) {
+            if (opt.noEnd) {
+                this.count--;
+                if (this.state === 'start') {
+                    NProgress.inc();
+                }
+                return;
+            }
+            setTimeout(() => {
+                this.count--;
+                if (this.count <= 0) {
+                    this.state = 'done';
+                    this.count = 0;
+                    NProgress.done();
+                } else if (this.state === 'start') {
+                    NProgress.inc();
+                }
+            }, 200);
+        }
+    };
+    this.MStart = function () {
+        this.isMerge = true;
+        this.state = 'start';
+        NProgress.start();
+    };
+    this.MDone = function () {
+        this.isMerge = false;
+        this.state = 'done';
+        NProgress.done();
+    };
+};
+
+export default ProgressBar