ztxkutils 2.10.66-7-beta → 2.10.66-8-beta

package/dist/print.js

@@ -554,19 +554,12 @@ function setPdfWater(pdf, waterBase64, imgWidth, imgHeight) {
 /**
  * @author xjy
  * @description 性能优化，减少页面dom数量
- * @param allDom需要打印的dom节点，parentDom需要打印的dom的父节点
+ * @param allDom 需要打印的dom节点，parentDom 需要打印的dom的父节点
+ * @param handler 处理每个dom节点的函数，返回Promise
  */
 function reduceDom(allDom, parentDom, handler) {
     return __awaiter(this, void 0, void 0, function () {
-        function getSpinning() {
-            return new Promise(function (resolve) {
-                setTimeout(function () {
-                    var spinning = document.querySelector('.ant-spin-spinning');
-                    resolve(spinning);
-                }, 0);
-            });
-        }
-        var domList, children, spinning, promiseAllDomArray, _a, _b, _i, i, element, _c, _d, _e, children_1, element;
+        var domList, children, spinning, fragment, _i, children_1, element, promiseAllDomArray, _a, _b, _c, i_3, element, _d, _e, i, timer;
         return __generator(this, function (_f) {
             switch (_f.label) {
                 case 0:
@@ -583,41 +576,68 @@ function reduceDom(allDom, parentDom, handler) {
                         spinning.style.alignItems = 'center';
                         spinning.innerHTML = '正在生成PDF...';
                     }
+                    fragment = document.createDocumentFragment();
                     // 卸载dom
-                    parentDom.innerHTML = '';
+                    for (_i = 0, children_1 = children; _i < children_1.length; _i++) {
+                        element = children_1[_i];
+                        parentDom.removeChild(element);
+                        fragment.appendChild(element);
+                    }
                     promiseAllDomArray = [];
                     _a = [];
                     for (_b in domList)
                         _a.push(_b);
-                    _i = 0;
+                    _c = 0;
                     _f.label = 2;
                 case 2:
-                    if (!(_i < _a.length)) return [3 /*break*/, 5];
-                    i = _a[_i];
+                    if (!(_c < _a.length)) return [3 /*break*/, 5];
+                    i_3 = _a[_c];
                     if (spinning) {
-                        spinning.innerHTML = "<p>\u6B63\u5728\u751F\u6210PDF...</p><p>\u5F53\u524D\u8FDB\u5EA6" + (1 + Number(i)) + "/" + domList.length + "\u9875</p>";
+                        spinning.innerHTML = "<p>\u6B63\u5728\u751F\u6210PDF...</p><p>\u5F53\u524D\u8FDB\u5EA6" + (1 + Number(i_3)) + "/" + domList.length + "\u9875</p>";
                     }
-                    element = domList[i];
+                    element = domList[i_3].cloneNode(true);
                     parentDom.appendChild(element);
-                    _d = (_c = promiseAllDomArray).push;
-                    return [4 /*yield*/, handler(element, i)];
+                    _e = (_d = promiseAllDomArray).push;
+                    return [4 /*yield*/, handler(element, i_3)];
                 case 3:
-                    _d.apply(_c, [_f.sent()]);
+                    _e.apply(_d, [_f.sent()]);
                     parentDom.removeChild(element);
                     _f.label = 4;
                 case 4:
-                    _i++;
+                    _c++;
                     return [3 /*break*/, 2];
                 case 5:
                     // 添加dom
-                    for (_e = 0, children_1 = children; _e < children_1.length; _e++) {
-                        element = children_1[_e];
-                        parentDom.appendChild(element);
+                    // for (let element of children) {
+                    //   parentDom.appendChild(element);
+                    // }
+                    parentDom.appendChild(fragment);
+                    i = 0;
+                    if (spinning) {
+                        spinning.innerHTML = "<p>\u6B63\u5728\u5BFC\u51FAPDF...</p><p>\u7B49\u5F85" + (1 + i) + "\u79D2";
                     }
+                    timer = setInterval(function () {
+                        var spinning = document.querySelector('.ant-spin-spinning');
+                        if (spinning) {
+                            spinning.innerHTML = "<p>\u6B63\u5728\u5BFC\u51FAPDF...</p><p>\u7B49\u5F85" + (1 + i) + "\u79D2";
+                            i++;
+                        }
+                        else {
+                            timer && clearInterval(timer);
+                        }
+                    }, 1000);
                     return [2 /*return*/, promiseAllDomArray];
             }
         });
     });
+}
+function getSpinning() {
+    return new Promise(function (resolve) {
+        setTimeout(function () {
+            var spinning = document.querySelector('.ant-spin-spinning');
+            resolve(spinning);
+        }, 0);
+    });
 }
 
 export { addWaterHandle, htmlToPdf, htmlToPdfNoCanvas, htmlToPdfUseCanvas, printCurrentDom, removeWaterHandle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkutils",
-  "version": "2.10.66-7-beta",
+  "version": "2.10.66-8-beta",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",