@sv-print/hiprint 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -3,7 +3,7 @@ import JsBarcode from "jsbarcode";
 import { io } from "socket.io-client";
 import { jsPDF } from "jspdf";
 import html2canvas from "html2canvas";
-import { Document, Canvg } from "canvg";
+import Canvg from "canvg";
 var jquery_minicolors_min = { exports: {} };
 (function(module, exports) {
   !function(i) {
@@ -1553,11 +1553,6 @@ function defaultTypeProvider(hiprint2) {
               ]
             ]
           },
-          {
-            tid: "defaultModule.tableCustom",
-            title: "\u8868\u683C",
-            type: "tableCustom"
-          },
           {
             tid: "defaultModule.html",
             title: "html",
@@ -1847,6 +1842,19 @@ var hiprint$1 = function(t) {
           return console.log(t3), "";
         }
       return "";
+    }, hinnn.numFormat = function(t2, e2) {
+      if (t2 != void 0)
+        try {
+          var o = "string" == typeof t2 ? parseFloat(t2) : t2;
+          var l = parseInt(e2);
+          if (l > 0) {
+            return o.toFixed(l);
+          }
+          return parseInt(o.toString());
+        } catch (t3) {
+          return console.log(t3), "";
+        }
+      return "";
     };
   },
   function(t, e, n) {
@@ -2343,108 +2351,6 @@ var hiprint$1 = function(t) {
             lineHeight: void 0,
             width: 550
           }
-        }, this.tableCustom = {
-          supportOptions: [
-            {
-              name: "field",
-              hidden: false
-            },
-            {
-              name: "fontFamily",
-              hidden: false
-            },
-            {
-              name: "fontSize",
-              hidden: false
-            },
-            {
-              name: "textAlign",
-              hidden: false
-            },
-            {
-              name: "tableBorder",
-              hidden: false
-            },
-            {
-              name: "tableHeaderBorder",
-              hidden: false
-            },
-            {
-              name: "tableHeaderCellBorder",
-              hidden: false
-            },
-            {
-              name: "tableHeaderRowHeight",
-              hidden: false
-            },
-            {
-              name: "tableHeaderFontSize",
-              hidden: false
-            },
-            {
-              name: "tableHeaderFontWeight",
-              hidden: false
-            },
-            {
-              name: "tableHeaderBackground",
-              hidden: false
-            },
-            {
-              name: "tableBodyRowHeight",
-              hidden: false
-            },
-            {
-              name: "tableBodyRowBorder",
-              hidden: false
-            },
-            {
-              name: "tableBodyCellBorder",
-              hidden: false
-            },
-            {
-              name: "tableFooterBorder",
-              hidden: false
-            },
-            {
-              name: "tableFooterCellBorder",
-              hidden: false
-            },
-            {
-              name: "axis",
-              hidden: false
-            },
-            {
-              name: "lHeight",
-              hidden: false
-            },
-            {
-              name: "autoCompletion",
-              hidden: false
-            },
-            {
-              name: "tableFooterRepeat",
-              hidden: false
-            }
-          ],
-          default: {
-            fontFamily: void 0,
-            fontSize: void 0,
-            fontWeight: "",
-            textAlign: void 0,
-            tableBorder: void 0,
-            tableHeaderBorder: void 0,
-            tableHeaderCellBorder: void 0,
-            tableHeaderBackground: void 0,
-            tableHeaderRowHeight: void 0,
-            tableHeaderFontWeight: void 0,
-            tableBodyCellBorder: void 0,
-            tableFooterBorder: void 0,
-            tableFooterCellBorder: void 0,
-            tableBodyRowHeight: void 0,
-            letterSpacing: "",
-            lineHeight: void 0,
-            width: 550
-          }
         }, this.hline = {
           supportOptions: [
             {
@@ -3005,12 +2911,70 @@ var hiprint$1 = function(t) {
       }, BasePrintElement2.prototype.updateTargetWidth = function(t) {
         t.css("width", this.options.displayWidth());
       }, BasePrintElement2.prototype.getDesignTarget = function(t) {
-        var e = this;
-        return this.designTarget = this.getHtml(t)[0].target, this.designPaper = t, this.designTarget.click(function() {
-          _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_4__.a.event.trigger(e.getPrintElementSelectEventKey(), {
-            printElement: e
-          });
+        var e = this, lastTimeStamp = 0;
+        return this.designTarget = this.getHtml(t)[0].target, this.designPaper = t, this.designTarget.click(function(ev) {
+          if (ev.timeStamp - lastTimeStamp > 500) {
+            _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_4__.a.event.trigger(e.getPrintElementSelectEventKey(), {
+              printElement: e
+            });
+          }
+          lastTimeStamp = ev.timeStamp;
+        }), this.designTarget.dblclick(function(ev) {
+          var c = e.designTarget.find(".hiprint-printElement-content");
+          if (c) {
+            var p = e.designTarget.find(".resize-panel");
+            if (e.printElementType.type == "text" && !(e.options.textType && "text" != e.options.textType)) {
+              e._editing = true;
+              e.designTarget.hidraggable("update", { draggable: false });
+              c.css("cursor", "text"), c.addClass("editing");
+              c.click(function(ev2) {
+                if (e._editing) {
+                  ev2.stopPropagation();
+                }
+              });
+              c.attr("contenteditable", true), p && p.css("display", "none");
+              e.selectEnd(c);
+            }
+          }
         }), this.designTarget;
+      }, BasePrintElement2.prototype.selectEnd = function(el) {
+        el.focus();
+        if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") {
+          var r = document.createRange();
+          r.selectNodeContents(el[0]);
+          r.collapse(false);
+          var sel = window.getSelection();
+          sel.removeAllRanges();
+          sel.addRange(r);
+        } else if (typeof document.body.createTextRange != "undefined") {
+          var r = document.body.createTextRange();
+          r.moveToElementText(el[0]), r.collapse(false), r.select();
+        }
+      }, BasePrintElement2.prototype.updateByContent = function(clear) {
+        var e = this, c = e.designTarget.find(".hiprint-printElement-content");
+        if (e._editing) {
+          c && c.css("cursor", "") && c.removeClass("editing") && c.removeAttr("contenteditable");
+          var t = c.text(), title = e.options.title + "\uFF1A";
+          if (t.startsWith(title) && e.options.field) {
+            if (t.length > title.length) {
+              e.options.testData = t.split("\uFF1A")[1];
+            } else {
+              e.options.title = t;
+              e.options.testData = "";
+            }
+          } else {
+            e.options.title = t;
+          }
+          if (!clear) {
+            _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_4__.a.event.trigger(e.getPrintElementSelectEventKey(), {
+              printElement: e
+            });
+          }
+          e.updateDesignViewFromOptions(), _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_4__.a.event.trigger("hiprintTemplateDataChanged_" + e.templateId, "\u7F16\u8F91\u4FEE\u6539");
+          e._editing = false;
+          var draggable = e.options.draggable == void 0 || true == e.options.draggable;
+          e.designTarget.hidraggable("update", { draggable });
+        }
       }, BasePrintElement2.prototype.getPrintElementSelectEventKey = function() {
         return "PrintElementSelectEventKey_" + this.templateId;
       }, BasePrintElement2.prototype.design = function(t, e) {
@@ -3108,7 +3072,7 @@ var hiprint$1 = function(t) {
         try {
           var t = this;
           var e = this.getConfigOptions();
-          var optionKeys = ["draggable"];
+          var optionKeys = ["draggable", "left", "top"];
           if (e && e.tabs && e.tabs.length) {
             e.tabs.forEach(function(n) {
               n.options.forEach(function(e2) {
@@ -3168,6 +3132,9 @@ var hiprint$1 = function(t) {
             _HiPrintlib__WEBPACK_IMPORTED_MODULE_6__.a.instance.draging = false, n.removeLineOfPosition();
           }
         });
+        if (false == this.options.draggable) {
+          $('<i style="position:absolute;font-size:12px;right:-14px;top:-14px;z-index:999" class="iconfont sv-lock"></i>').insertBefore(this.designTarget.find(".resize-panel"));
+        }
       }, BasePrintElement2.prototype.onRotate = function(t, r) {
         this.options.setRotate(r);
       }, BasePrintElement2.prototype.onResize = function(t, e, n, i, o) {
@@ -3268,10 +3235,40 @@ var hiprint$1 = function(t) {
           printLine: void 0
         })), r = r - a + t.paperHeader, i++, a = t.getPaperFooter(i));
         var p = this.getData(e), s = this.createTarget(this.getTitle(), p, n);
-        return this.updateTargetSize(s), this.css(s, p), s.css("position", "absolute"), s.css("left", this.options.displayLeft()), s.css("top", r + "pt"), o.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
+        this.updateTargetSize(s), this.css(s, p), s.css("position", "absolute"), s.css("left", this.options.displayLeft()), s.css("top", r + "pt"), o.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
           target: s,
-          printLine: r + this.options.getHeight()
-        })), o;
+          printLine: r + this.options.getHeight(),
+          referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_5__.a({
+            top: this.options.getTop(),
+            left: this.options.getLeft(),
+            height: this.options.getHeight(),
+            width: this.options.getWidth(),
+            beginPrintPaperIndex: t.index,
+            bottomInLastPaper: r + this.options.getHeight(),
+            printTopInPaper: r
+          })
+        }));
+        if (e && this.options.pageBreak) {
+          o[0].target.css("top", t.paperHeader + "pt");
+          o[0].referenceElement.top = this.options.getTop() - this.options.getHeight() - t.paperHeader;
+          o[0].printLine = t.paperHeader;
+          o[0].referenceElement.bottomInLastPaper = 0;
+          o[0].referenceElement.printTopInPaper = t.paperHeader;
+          o.unshift(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
+            target: s,
+            printLine: t.height,
+            referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_5__.a({
+              top: 0,
+              left: 0,
+              height: 0,
+              width: 0,
+              beginPrintPaperIndex: t.index,
+              bottomInLastPaper: t.height,
+              printTopInPaper: t.paperHeader
+            })
+          }));
+        }
+        return o;
       }, BasePrintElement2.prototype.getHtml2 = function(t, e, n) {
         var i = 0;
         this.setCurrenttemplateData(e);
@@ -3286,7 +3283,7 @@ var hiprint$1 = function(t) {
         var p = this.getData(e), s = this.createTarget(this.getTitle(), p);
         if ("none" == t.panelPageRule && r + this.options.getHeight() > a)
           this.updatePanelHeight(r + this.options.getHeight(), t);
-        return this.updateTargetSize(s), this.css(s, p), s.css("position", "absolute"), s.css("left", this.options.displayLeft()), s.css("top", r + "pt"), o.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
+        this.updateTargetSize(s), this.css(s, p), s.css("position", "absolute"), s.css("left", this.options.displayLeft()), s.css("top", r + "pt"), o.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
           target: s,
           printLine: r + this.options.getHeight(),
           referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_5__.a({
@@ -3298,7 +3295,28 @@ var hiprint$1 = function(t) {
             bottomInLastPaper: r + this.options.getHeight(),
             printTopInPaper: r
           })
-        })), o;
+        }));
+        if (e && this.options.pageBreak) {
+          o[0].target.css("top", t.paperHeader + "pt");
+          o[0].referenceElement.top = this.options.getTop() - this.options.getHeight() - t.paperHeader;
+          o[0].printLine = t.paperHeader;
+          o[0].referenceElement.bottomInLastPaper = 0;
+          o[0].referenceElement.printTopInPaper = t.paperHeader;
+          o.unshift(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_3__.a({
+            target: s,
+            printLine: t.height,
+            referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_5__.a({
+              top: 0,
+              left: 0,
+              height: 0,
+              width: 0,
+              beginPrintPaperIndex: t.index,
+              bottomInLastPaper: t.height,
+              printTopInPaper: t.paperHeader
+            })
+          }));
+        }
+        return o;
       }, BasePrintElement2.prototype.updatePanelHeight = function(h, p) {
         if ("none" == this.panel.panelPageRule) {
           var nmh = _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_4__.a.pt.toMm(h);
@@ -3521,6 +3539,9 @@ var hiprint$1 = function(t) {
         var t = this.options.fontList;
         return t || (t = _HiPrintlib__WEBPACK_IMPORTED_MODULE_6__.a.instance.getPrintTemplateById(this.templateId).getFontList());
       }, BasePrintElement2.prototype.getFields = function() {
+        if ("table" == this.printElementType.type) {
+          return this.options.tableFields;
+        }
         var t = this.options.fields;
         return t || (t = _HiPrintlib__WEBPACK_IMPORTED_MODULE_6__.a.instance.getPrintTemplateById(this.templateId).getFields());
       }, BasePrintElement2.prototype.getOnImageChooseClick = function() {
@@ -3529,6 +3550,12 @@ var hiprint$1 = function(t) {
       }, BasePrintElement2.prototype.bingCopyEvent = function(t) {
         var n = this;
         t.keydown(function(r) {
+          if (n._editing) {
+            if (!r.altKey && 13 == r.keyCode) {
+              n.updateByContent();
+              return;
+            }
+          }
           if ((r.ctrlKey || r.metaKey) && 67 == r.keyCode) {
             n.panel.copyJson();
             r.preventDefault();
@@ -3571,6 +3598,9 @@ var hiprint$1 = function(t) {
           if ("INPUT" == r.target.tagName) {
             return;
           }
+          if (n._editing && !r.altKey) {
+            return;
+          }
           if (false === n.options.draggable) {
             return;
           }
@@ -3768,7 +3798,7 @@ var hiprint$1 = function(t) {
       }, t2;
     }(), u = function() {
       return function(t2) {
-        this.title = t2.title, this.field = t2.field, this.width = t2.width, this.align = t2.align, this.halign = t2.halign, this.vAlign = t2.vAlign, this.colspan = t2.colspan, this.rowspan = t2.rowspan, this.checked = t2.checked, this.columnId = t2.columnId, this.tableSummary = t2.tableSummary, this.formatter2 = t2.formatter2, this.styler2 = t2.styler2, this.tableColumnHeight = t2.tableColumnHeight, this.tableTextType = t2.tableTextType, this.tableBarcodeMode = t2.tableBarcodeMode, this.tableQRCodeLevel = t2.tableQRCodeLevel;
+        this.title = t2.title, this.field = t2.field, this.width = t2.width, this.align = t2.align, this.halign = t2.halign, this.vAlign = t2.vAlign, this.colspan = t2.colspan, this.rowspan = t2.rowspan, this.checked = t2.checked, this.columnId = t2.columnId, this.tableSummaryTitle = t2.tableSummaryTitle, this.tableSummaryText = t2.tableSummaryText, this.tableSummary = t2.tableSummary, this.tableSummaryAlign = t2.tableSummaryAlign, this.tableSummaryNumFormat = t2.tableSummaryNumFormat, this.formatter2 = t2.formatter2, this.styler2 = t2.styler2, this.tableColumnHeight = t2.tableColumnHeight, this.tableTextType = t2.tableTextType, this.tableBarcodeMode = t2.tableBarcodeMode, this.tableQRCodeLevel = t2.tableQRCodeLevel;
       };
     }(), d = function() {
       function t2() {
@@ -3859,7 +3889,7 @@ var hiprint$1 = function(t) {
     }), f = function(t2) {
       function e2(e3) {
         var n2 = this;
-        return e3 = e3 || {}, (n2 = t2.call(this) || this).width = e3.width ? parseFloat(e3.width.toString()) : 100, n2.title = e3.title, n2.descTitle = e3.descTitle, n2.field = e3.field, n2.fixed = e3.fixed, n2.rowspan = e3.rowspan ? parseInt(e3.rowspan) : 1, n2.colspan = e3.colspan ? parseInt(e3.colspan) : 1, n2.align = e3.align, n2.halign = e3.halign, n2.vAlign = e3.vAlign, n2.formatter = e3.formatter, n2.styler = e3.styler, n2.formatter2 = e3.formatter2, n2.styler2 = e3.styler2, n2.checkbox = e3.checkbox, n2.checked = 0 != e3.checked, n2.columnId = e3.columnId || e3.field, n2.tableColumnHeight = e3.tableColumnHeight || 30, n2.tableTextType = e3.tableTextType || "text", n2.tableBarcodeMode = e3.tableBarcodeMode || "CODE128A", n2.tableQRCodeLevel = e3.tableQRCodeLevel, n2.tableSummary = e3.tableSummary, n2;
+        return e3 = e3 || {}, (n2 = t2.call(this) || this).width = e3.width ? parseFloat(e3.width.toString()) : 100, n2.title = e3.title, n2.descTitle = e3.descTitle, n2.field = e3.field, n2.fixed = e3.fixed, n2.rowspan = e3.rowspan ? parseInt(e3.rowspan) : 1, n2.colspan = e3.colspan ? parseInt(e3.colspan) : 1, n2.align = e3.align, n2.halign = e3.halign, n2.vAlign = e3.vAlign, n2.formatter = e3.formatter, n2.styler = e3.styler, n2.formatter2 = e3.formatter2, n2.styler2 = e3.styler2, n2.checkbox = e3.checkbox, n2.checked = 0 != e3.checked, n2.columnId = e3.columnId || e3.field, n2.tableColumnHeight = e3.tableColumnHeight || 30, n2.tableTextType = e3.tableTextType || "text", n2.tableBarcodeMode = e3.tableBarcodeMode || "CODE128A", n2.tableQRCodeLevel = e3.tableQRCodeLevel, this.tableSummaryTitle = e3.tableSummaryTitle, this.tableSummaryText = e3.tableSummaryText, n2.tableSummary = e3.tableSummary, n2.tableSummaryAlign = e3.tableSummaryAlign, n2.tableSummaryNumFormat = e3.tableSummaryNumFormat, n2;
       }
       return h(e2, t2), e2.prototype.css = function(t3) {
       }, e2;
@@ -3897,12 +3927,15 @@ var hiprint$1 = function(t) {
         return TableExcelHelper2.syncTargetWidthToOption(t), i;
       }, TableExcelHelper2.createTableFooter = function(t, e, n, i, o, r) {
         var a = $("<tfoot></tfoot>"), p = this.getFooterFormatter(n, i);
+        var tst = this.tableSummaryTitle;
         let tSumData = n.tableFooterRepeat == "last" ? e : r;
-        if (n.tableFooterRepeat != "no" && n.columns[0].columns.some(function(column) {
+        let idx = n.columns.length - 1;
+        var rowColumns = this.rowColumns || n.columns[idx].columns;
+        if (n.tableFooterRepeat != "no" && rowColumns.some(function(column) {
           return column.tableSummary;
         })) {
           var tableFooter = $("<tr></tr>");
-          n.columns[0].columns.filter(function(t2) {
+          rowColumns.filter(function(t2) {
             return t2.checked;
           }).forEach(function(column) {
             var fieldData = tSumData.filter(function(row) {
@@ -3910,30 +3943,44 @@ var hiprint$1 = function(t) {
             }).map(function(row) {
               return new RegExp("^-?(0|[1-9]\\d*)(\\.\\d+)?").test(row[column.field]) ? Number(row[column.field]) : 0;
             });
+            var text = column.tableSummaryText;
+            var numF = column.tableSummaryNumFormat || 2;
             switch (column.tableSummary) {
               case "count":
-                tableFooter.append(`<td style="text-align: center">\u8BA1\u6570:${tSumData.length || 0}</td>`);
+                var title = tst(column, text || "\u8BA1\u6570:", o);
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${title}${tSumData.length || 0}</td>`);
                 break;
               case "sum":
                 var sum = parseFloat(Number(fieldData.reduce(function(prev, cur) {
                   return prev + cur;
-                }, 0))).toFixed(2);
-                tableFooter.append(`<td style="text-align: center">\u5408\u8BA1:${sum}</td>`);
+                }, 0)));
+                sum = _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_1__.a.numFormat(sum, numF);
+                var title = tst(column, text || "\u5408\u8BA1:", o);
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${title}${sum}</td>`);
                 break;
               case "avg":
                 var sum = parseFloat(Number(fieldData.reduce(function(prev, cur) {
                   return prev + cur;
-                }, 0))).toFixed(2);
-                var avg = parseFloat(Number(sum / (fieldData.length || 1))).toFixed(2);
-                tableFooter.append(`<td style="text-align: center">\u5E73\u5747\u503C:${avg}</td>`);
+                }, 0)));
+                var avg = parseFloat(Number(sum / (fieldData.length || 1)));
+                avg = _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_1__.a.numFormat(avg, numF);
+                var title = tst(column, text || "\u5E73\u5747\u503C:", o);
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${title}${avg}</td>`);
                 break;
               case "min":
                 var min = Math.min(...fieldData);
-                tableFooter.append(`<td style="text-align: center">\u6700\u5C0F\u503C:${min || 0}</td>`);
+                min = _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_1__.a.numFormat(min, numF);
+                var title = tst(column, text || "\u6700\u5C0F\u503C:", o);
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${title}${min || 0}</td>`);
                 break;
               case "max":
                 var max = Math.max(...fieldData);
-                tableFooter.append(`<td style="text-align: center">\u6700\u5927\u503C:${max || 0}</td>`);
+                var title = tst(column, text || "\u6700\u5927\u503C:", o);
+                max = _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_1__.a.numFormat(max, numF);
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${title}${max || 0}</td>`);
+                break;
+              case "text":
+                tableFooter.append(`<td style="text-align: ${column.tableSummaryAlign || "center"}">${text || ""}</td>`);
                 break;
               default:
                 tableFooter.append("<td></td>");
@@ -3946,6 +3993,9 @@ var hiprint$1 = function(t) {
           a.append(p(n, e, o, r));
         }
         return a;
+      }, TableExcelHelper2.tableSummaryTitle = function(column, title, data) {
+        var s = column.tableSummaryTitle == void 0 || column.tableSummaryTitle == true;
+        return s ? `${title}` : data ? `` : `<span style="color:firebrick">${title}</span>`;
       }, TableExcelHelper2.createTableRow = function(t, e, n, i) {
         var o = TableExcelHelper2.reconsitutionTableColumnTree(t), r = $("<tbody></tbody>");
         (e || (e = []), i.groupFields.length) ? _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_1__.a.groupBy(e, i.groupFields, function(t2) {
@@ -4174,16 +4224,26 @@ var hiprint$1 = function(t) {
           }
         return formatter;
       }, TableExcelHelper2.getOrderdColumns = function(t) {
-        for (var e = {}, n = function n2(_n2) {
-          t[_n2].forEach(function(t2) {
-            for (var i2 = 0; i2 < t2.rowspan; i2++) {
-              e[_n2 + i2] = e[_n2 + i2] ? e[_n2 + i2] : [], e[_n2 + i2].push(t2);
+        let newColumns = {};
+        for (let i = 0; i < t.totalLayer; i++) {
+          newColumns[i] = [];
+          t[i].forEach((column, columnIdx) => {
+            newColumns[i].push(...new Array(column.colspan).fill({ ...column, colspan: 1 }));
+          });
+        }
+        for (let i = 0; i < t.totalLayer; i++) {
+          newColumns[i].forEach((column, columnIdx) => {
+            for (let n = 1; n < column.rowspan; n++) {
+              newColumns[i + n].splice(columnIdx, 0, { ...column, rowspan: 1 });
             }
           });
-        }, i = 0; i < t.totalLayer; i++) {
-          n(i);
         }
-        return e[t.totalLayer - 1];
+        console.log("\u539F\u59CB\u6570\u636E");
+        console.log(t);
+        console.log("\u6570\u636E\u6E90");
+        console.log(newColumns);
+        this.rowColumns = newColumns[t.totalLayer - 1];
+        return newColumns[t.totalLayer - 1];
       }, TableExcelHelper2;
     }();
   },
@@ -4196,7 +4256,7 @@ var hiprint$1 = function(t) {
         this.top = t3.top, this.left = t3.left, this.height = t3.height, this.width = t3.width, this.bottomInLastPaper = t3.bottomInLastPaper, this.beginPrintPaperIndex = t3.beginPrintPaperIndex, this.printTopInPaper = t3.printTopInPaper, this.endPrintPaperIndex = t3.endPrintPaperIndex;
       }
       return t2.prototype.isPositionLeftOrRight = function(t3, h) {
-        return this.top <= t3 && this.top + h > t3;
+        return this.top <= t3 && this.top > t3 && this.beginPrintPaperIndex == this.endPrintPaperIndex;
       }, t2;
     }();
   },
@@ -5085,6 +5145,27 @@ var hiprint$1 = function(t) {
       }, t2.prototype.destroy = function() {
         this.target.remove();
       }, t2;
+    }(), pageBreak = function() {
+      function t2() {
+        this.name = "pageBreak";
+      }
+      return t2.prototype.css = function(t3, e2) {
+        if (t3 && t3.length) {
+          if (e2 && "none" == e2)
+            return t3.addClass("alwaysHide");
+          t3.removeClass("alwaysHide");
+        }
+        return null;
+      }, t2.prototype.createTarget = function() {
+        return this.target = $(' <div class="hiprint-option-item">\n        <div class="hiprint-option-item-label">\n        \u5F3A\u5236\u5206\u9875\n        </div>\n        <div class="hiprint-option-item-field">\n        <select class="auto-submit">\n        <option value="" >\u9ED8\u8BA4</option>\n            <option value="true" >\u662F</option>\n        </select>\n        </div>\n    </div>'), this.target;
+      }, t2.prototype.getValue = function() {
+        if ("true" == this.target.find("select").val())
+          return true;
+      }, t2.prototype.setValue = function(t3) {
+        this.target.find("select").val((null == t3 ? "" : t3).toString());
+      }, t2.prototype.destroy = function() {
+        this.target.remove();
+      }, t2;
     }(), M = function() {
       function t2() {
         this.name = "panelPaperRule";
@@ -5666,6 +5747,9 @@ var hiprint$1 = function(t) {
         }));
       }, t2.prototype.buildData = function() {
         var t3 = this, e2 = [];
+        if (t3.options.columns.length > 1) {
+          return this.value;
+        }
         t3.printElementType.makeColumnObj(t3.allColumns);
         this.target.find("input").map(function(n2, i2) {
           var o = $(i2).attr("column-id");
@@ -5752,6 +5836,74 @@ var hiprint$1 = function(t) {
       }, t2.prototype.destroy = function() {
         this.target.remove();
       }, t2;
+    }(), tableSummaryTitle = function() {
+      function t2() {
+        this.name = "tableSummaryTitle";
+      }
+      return t2.prototype.createTarget = function() {
+        return this.target = $('<div class="hiprint-option-item"><div class="hiprint-option-item-label">\u5E95\u90E8\u805A\u5408\u6807\u9898</div><div class="hiprint-option-item-field"><select class="auto-submit"><option value="">\u9ED8\u8BA4</option><option value="true">\u663E\u793A</option><option value="false">\u9690\u85CF</option></select></div></div>'), this.target;
+      }, t2.prototype.getValue = function() {
+        return !("false" == this.target.find("select").val());
+      }, t2.prototype.setValue = function(t3) {
+        this.target.find("select").val((null == t3 ? "" : t3).toString());
+      }, t2.prototype.destroy = function() {
+        this.target.remove();
+      }, t2;
+    }(), tableSummaryText = function() {
+      function t2() {
+        this.name = "tableSummaryText";
+      }
+      return t2.prototype.createTarget = function() {
+        return this.target = $(' <div class="hiprint-option-item">\n        <div class="hiprint-option-item-label">\n        \u5E95\u90E8\u805A\u5408\u6587\u672C\n        </div>\n        <div class="hiprint-option-item-field">\n        <input type="text" placeholder="\u805A\u5408\u7C7B\u578B:" class="auto-submit" >\n        </div>\n    </div>'), this.target;
+      }, t2.prototype.getValue = function() {
+        var t3 = this.target.find("input").val();
+        if (t3)
+          return t3.toString();
+      }, t2.prototype.setValue = function(t3) {
+        this.target.find("input").val(t3);
+      }, t2.prototype.destroy = function() {
+        this.target.remove();
+      }, t2;
+    }(), tableSummaryAlign = function() {
+      function t2() {
+        this.name = "tableSummaryAlign";
+      }
+      return t2.prototype.createTarget = function() {
+        return this.target = $(' <div class="hiprint-option-item">\n        <div class="hiprint-option-item-label">\n        \u5E95\u90E8\u805A\u5408\u7C7B\u578B\u5DE6\u53F3\u5BF9\u9F50\n        </div>\n        <div class="hiprint-option-item-field">\n        <select class="auto-submit">\n        <option value="" >\u9ED8\u8BA4</option>\n        <option value="left" >\u5C45\u5DE6</option>\n        <option value="center" >\u5C45\u4E2D</option>\n        <option value="right" >\u5C45\u53F3</option>\n        <option value="justify" >\u4E24\u7AEF\u5BF9\u9F50</option>\n        </select>\n        </div>\n    </div>'), this.target;
+      }, t2.prototype.getValue = function() {
+        var t3 = this.target.find("select").val();
+        if (t3)
+          return t3.toString();
+      }, t2.prototype.setValue = function(t3) {
+        this.target.find("select").val(t3);
+      }, t2.prototype.destroy = function() {
+        this.target.remove();
+      }, t2;
+    }(), tableSummaryNumFormat = function() {
+      function t2() {
+        this.name = "tableSummaryNumFormat";
+      }
+      return t2.prototype.createTarget = function() {
+        var list = [{ t: "\u6574\u6570", v: "0" }], num = [1, 2, 3, 4, 5, 6];
+        num.forEach(function(n3) {
+          list.push({ t: "\u4FDD\u7559" + n3 + "\u4F4D", v: "" + n3 });
+        });
+        var n2 = '\n            <option value="" >\u9ED8\u8BA4</option>';
+        list.forEach(function(e2) {
+          n2 += '\n            <option value="' + (e2.v || "") + '">' + (e2.t || "") + "</option>";
+        });
+        this.target = $(' <div class="hiprint-option-item">\n        <div class="hiprint-option-item-label">\n        \u5E95\u90E8\u805A\u5408\u5C0F\u6570\n        </div>\n        <div class="hiprint-option-item-field">\n        <select class="auto-submit"></select>\n        </div>\n    </div>');
+        this.target.find(".auto-submit").append($(n2));
+        return this.target;
+      }, t2.prototype.getValue = function() {
+        var t3 = this.target.find("select").val();
+        if (t3)
+          return t3.toString();
+      }, t2.prototype.setValue = function(t3) {
+        this.target.find("select").val(t3);
+      }, t2.prototype.destroy = function() {
+        this.target.remove();
+      }, t2;
     }(), tableSummary = function() {
       function t2() {
         this.name = "tableSummary";
@@ -6163,7 +6315,103 @@ var hiprint$1 = function(t) {
         t2.init(), t2.printElementOptionItems[e2.name] = e2;
       }, t2.getItem = function(e2) {
         return t2.init(), t2.printElementOptionItems[e2];
-      }, t2._printElementOptionItems = [new fontFamily(), new r(), new a(), new p(), new i(), new s(), new l(), new pt(), new u(), new d(), new c(), new h(), new f(), new g(), new m(), new d2(), new c2(), new v(), new y(), new b(), new E(), new qrCodeLevel(), new T(), new P(), new _2(), new w(), new x(), new coordinate(), new widthHeight(), new C(), new imageFit(), new O(), new H(), new D(), new I(), new R(), new M(), new M2(), new S(), new B(), new F(), new L(), new A(), new z(), new k(), new st(), new N(), new V(), new W(), new j(), new U(), new zIndex(), new K(), new G(), new q(), new X(), new Y(), new Q(), new J(), new Z(), new tt(), new et(), new nt(), new it(), new ot(), new at(), new lt(), new ut(), new ith(), new dt(), new ct(), new ht(), new ft(), new gt(), new mt(), new rowcolumns(), new vt(), new yt(), new bt(), new Tt(), new Et(), new Pt(), new _t(), new wt(), new xt(), new tableColumnH(), new tableE(), new tableQRCodeLevel(), new tablept(), new tableSummary()], t2;
+      }, t2._printElementOptionItems = [
+        new fontFamily(),
+        new r(),
+        new a(),
+        new p(),
+        new i(),
+        new s(),
+        new l(),
+        new pt(),
+        new u(),
+        new d(),
+        new c(),
+        new h(),
+        new f(),
+        new g(),
+        new m(),
+        new d2(),
+        new c2(),
+        new v(),
+        new y(),
+        new b(),
+        new E(),
+        new qrCodeLevel(),
+        new T(),
+        new P(),
+        new _2(),
+        new w(),
+        new x(),
+        new coordinate(),
+        new widthHeight(),
+        new C(),
+        new imageFit(),
+        new O(),
+        new H(),
+        new D(),
+        new I(),
+        new R(),
+        new pageBreak(),
+        new M(),
+        new M2(),
+        new S(),
+        new B(),
+        new F(),
+        new L(),
+        new A(),
+        new z(),
+        new k(),
+        new st(),
+        new N(),
+        new V(),
+        new W(),
+        new j(),
+        new U(),
+        new zIndex(),
+        new K(),
+        new G(),
+        new q(),
+        new X(),
+        new Y(),
+        new Q(),
+        new J(),
+        new Z(),
+        new tt(),
+        new et(),
+        new nt(),
+        new it(),
+        new ot(),
+        new at(),
+        new lt(),
+        new ut(),
+        new ith(),
+        new dt(),
+        new ct(),
+        new ht(),
+        new ft(),
+        new gt(),
+        new mt(),
+        new rowcolumns(),
+        new vt(),
+        new yt(),
+        new bt(),
+        new Tt(),
+        new Et(),
+        new Pt(),
+        new _t(),
+        new wt(),
+        new xt(),
+        new tableColumnH(),
+        new tableE(),
+        new tableQRCodeLevel(),
+        new tablept(),
+        new tableSummaryTitle(),
+        new tableSummaryText(),
+        new tableSummary(),
+        new tableSummaryAlign(),
+        new tableSummaryNumFormat()
+      ], t2;
     }();
   },
   function(t, e, n) {
@@ -6481,28 +6729,25 @@ var hiprint$1 = function(t) {
             break;
           }
           var f = void 0;
-          if (h.target) {
-            h.target.css("left", this.options.displayLeft()), h.target[0].height = "";
-            if (0 == s || u > 0) {
-              a = p, h.target.css("top", p + "pt");
-              f = l && null != this.options.lHeight ? p + (h.height > this.options.lHeight ? h.height : this.options.lHeight) : p + h.height;
-            } else {
-              a = t.paperHeader, h.target.css("top", a + "pt"), f = t.paperHeader + h.height;
-            }
-            n.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_2__.a({
-              target: h.target,
-              printLine: f,
-              referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_4__.a({
-                top: this.options.getTop(),
-                left: this.options.getLeft(),
-                height: this.options.getHeight(),
-                width: this.options.getWidth(),
-                beginPrintPaperIndex: t.index,
-                bottomInLastPaper: f,
-                printTopInPaper: a
-              })
-            })), s++;
+          h.target && (h.target.css("left", this.options.displayLeft()), h.target[0].height = "");
+          if (0 == s || u > 0) {
+            h.target && (a = p, h.target.css("top", p + "pt")), f = l && null != this.options.lHeight ? p + (h.height > this.options.lHeight ? h.height : this.options.lHeight) : p + h.height;
+          } else {
+            h.target && (a = t.paperHeader, h.target.css("top", t.paperHeader + "pt")), f = t.paperHeader + h.height;
           }
+          n.push(new _dto_PaperHtmlResult__WEBPACK_IMPORTED_MODULE_2__.a({
+            target: h.target,
+            printLine: f,
+            referenceElement: new _PrintReferenceElement__WEBPACK_IMPORTED_MODULE_4__.a({
+              top: this.options.getTop(),
+              left: this.options.getLeft(),
+              height: this.options.getHeight(),
+              width: this.options.getWidth(),
+              beginPrintPaperIndex: t.index,
+              bottomInLastPaper: f,
+              printTopInPaper: a
+            })
+          })), s++;
           e && this.updatePanelHeight(f + this.options.getHeight(), t);
         }
         return n;
@@ -6558,12 +6803,12 @@ var hiprint$1 = function(t) {
                   c = {
                     height: _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_3__.a.px.toPt(s),
                     isEnd: true
-                  }, t && this.options.autoCompletion && (this.autoCompletion(p, d), s = n.outerHeight());
+                  }, t && this.options.autoCompletion && (this.autoCompletion(p, d), s = d.outerHeight());
                 else {
                   var f = a.find("tr:lt(1)");
                   d.find("tbody").append(f);
                   var g = f.data("rowData");
-                  l.push(g), h.push(g), (s = n.outerHeight(), s += tfh) > p && (a.prepend(f), l.pop(), h.pop(), s = n.outerHeight(), c = {
+                  l.push(g), h.push(g), (s = d.outerHeight(), s += tfh) > p && (a.prepend(f), l.pop(), h.pop(), s = n.outerHeight(), c = {
                     height: _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_3__.a.px.toPt(s),
                     isEnd: false
                   });
@@ -6666,38 +6911,45 @@ var hiprint$1 = function(t) {
           fields: this.options.fields,
           trs: this.designTarget.find(".hiprint-printElement-tableTarget:eq(0)").find("tbody tr"),
           handle: this.designTarget.find(".hiprint-printElement-tableTarget:eq(0)").find("thead"),
-          isEnableEdit: this.printElementType.editable,
-          columnDisplayEditable: this.printElementType.columnDisplayEditable,
-          columnDisplayIndexEditable: this.printElementType.columnDisplayIndexEditable,
-          columnResizable: this.printElementType.columnResizable,
-          columnAlignEditable: this.printElementType.columnAlignEditable,
-          isEnableEditText: this.printElementType.columnTitleEditable,
-          isEnableEditField: this.printElementType.isEnableEditField,
-          isEnableContextMenu: this.printElementType.isEnableContextMenu,
-          isEnableInsertRow: this.printElementType.isEnableInsertRow,
-          isEnableDeleteRow: this.printElementType.isEnableDeleteRow,
-          isEnableInsertColumn: this.printElementType.isEnableInsertColumn,
-          isEnableDeleteColumn: this.printElementType.isEnableDeleteColumn,
-          isEnableMergeCell: this.printElementType.isEnableMergeCell
+          isEnableEdit: this.printElementType.editable ? this.printElementType.editable : true,
+          columnDisplayEditable: this.printElementType.columnDisplayEditable != void 0 ? this.printElementType.columnDisplayEditable : true,
+          columnDisplayIndexEditable: this.printElementType.columnDisplayIndexEditable != void 0 ? this.printElementType.columnDisplayIndexEditable : true,
+          columnResizable: this.printElementType.columnResizable != void 0 ? this.printElementType.columnResizable : true,
+          columnAlignEditable: this.printElementType.columnAlignEditable != void 0 ? this.printElementType.columnAlignEditable : true,
+          isEnableEditText: this.printElementType.columnTitleEditable != void 0 ? this.printElementType.columnTitleEditable : true,
+          isEnableEditField: this.printElementType.isEnableEditField != void 0 ? this.printElementType.isEnableEditField : true,
+          isEnableContextMenu: this.printElementType.isEnableContextMenu != void 0 ? this.printElementType.isEnableContextMenu : true,
+          isEnableInsertRow: this.printElementType.isEnableInsertRow != void 0 ? this.printElementType.isEnableInsertRow : true,
+          isEnableDeleteRow: this.printElementType.isEnableDeleteRow != void 0 ? this.printElementType.isEnableDeleteRow : true,
+          isEnableInsertColumn: this.printElementType.isEnableInsertColumn != void 0 ? this.printElementType.isEnableInsertColumn : true,
+          isEnableDeleteColumn: this.printElementType.isEnableDeleteColumn != void 0 ? this.printElementType.isEnableDeleteColumn : true,
+          isEnableMergeCell: this.printElementType.isEnableMergeCell != void 0 ? this.printElementType.isEnableMergeCell : true
         }), _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_3__.a.event.on("updateTable" + this.hitable.id, function() {
           t.updateDesignViewFromOptions();
         });
       }, TablePrintElement2.prototype.setColumnsOptions = function() {
         var t = this;
         this.designTarget.find(".hiprint-printElement-tableTarget:eq(0)").find("thead td").bind("click.hiprint", function(e) {
-          var n = $(e.target).attr("column-id"), i = t.getColumnByColumnId(n);
+          var n = $(e.target).attr("column-id") || $(e.target).attr("id"), i = t.getColumnByColumnId(n);
           if (i) {
             var o = t.getPrintElementOptionItemsByName("tableColumn");
             _assets_plugins_hinnn__WEBPACK_IMPORTED_MODULE_3__.a.event.trigger(t.getPrintElementSelectEventKey(), {
               printElement: t,
               customOptionsInput: [
                 {
-                  title: i.title + "-\u5217\u5C5E\u6027",
+                  title: (i.title || `${i.id}(id)`) + "-\u5217\u5C5E\u6027",
                   optionItems: o,
                   options: i,
                   callback: function callback(t2) {
                     o.forEach(function(t3) {
                       var e2 = t3.getValue();
+                      if ("title" == t3.name) {
+                        var n2 = e2 ? e2.split("#") : "";
+                        i.title = n2[0], n2.length > 1 && (i.columnId = i.field = n2[1]);
+                        i.columnId && i.target.attr("column-id", i.columnId);
+                        t3.target.find("textarea").val(n2[0]);
+                        return;
+                      }
                       i[t3.name] = e2;
                     });
                   }
@@ -7299,7 +7551,8 @@ var hiprint$1 = function(t) {
   function(t, e, n) {
     var i = n(3), o = n(12), r = function() {
       return function(t2) {
-        this.width = t2.width, this.title = t2.title, this.field = t2.field, this.checked = t2.checked, this.columnId = t2.columnId, this.fixed = false, this.rowspan = t2.rowspan || 1, this.colspan = t2.colspan || 1, this.align = t2.align, this.halign = t2.halign, this.vAlign = t2.vAlign, this.formatter2 = t2.formatter2, this.styler2 = t2.styler2, this.tableColumnHeight = t2.tableColumnHeight || 30, this.tableTextType = t2.tableTextType || "text", this.tableBarcodeMode = t2.tableBarcodeMode || "CODE128A", this.tableQRCodeLevel = t2.tableQRCodeLevel || 0, this.tableSummary = t2.tableSummary;
+        this.width = t2.width, this.title = t2.title, this.field = t2.field, this.checked = t2.checked, this.columnId = t2.columnId, this.fixed = false, this.rowspan = t2.rowspan || 1, this.colspan = t2.colspan || 1, this.align = t2.align, this.halign = t2.halign, this.vAlign = t2.vAlign, this.formatter2 = t2.formatter2, this.styler2 = t2.styler2, this.tableColumnHeight = t2.tableColumnHeight || 30, this.tableTextType = t2.tableTextType || "text", this.tableBarcodeMode = t2.tableBarcodeMode || "CODE128A", this.tableQRCodeLevel = t2.tableQRCodeLevel || 0, this.tableSummaryTitle = t2.tableSummaryTitle, this.tableSummaryText = t2.tableSummaryText, this.tableSummary = t2.tableSummary, this.tableSummaryAlign = t2.tableSummaryAlign;
+        this.tableSummaryNumFormat = t2.tableSummaryNumFormat;
       };
     }(), a = n(5);
     n.d(e, "a", function() {
@@ -7340,7 +7593,7 @@ var hiprint$1 = function(t) {
         var t3 = {};
         return this.columns && this.columns.forEach(function(e3) {
           e3.columns.forEach(function(e4) {
-            e4.columnId && (t3[e4.columnId] = e4);
+            (e4.columnId || e4.id) && (t3[e4.columnId || e4.id] = e4);
           });
         }), t3;
       }, e2.prototype.getGridColumns = function() {
@@ -7401,7 +7654,7 @@ var hiprint$1 = function(t) {
         var o2 = t2.data(i2.data.target, "hidraggable"), r2 = o2.options, a = t2(".hidroppable").filter(function() {
           return i2.data.target != this;
         }).filter(function() {
-          var e3 = t2.data(this, "hidroppable").options.accept;
+          var e3 = t2.data(this, "hidroppable") && t2.data(this, "hidroppable").options.accept;
           return !e3 || t2(e3).filter(function() {
             return this == i2.data.target;
           }).length > 0;
@@ -7488,16 +7741,20 @@ var hiprint$1 = function(t) {
           }
           var parent = data.parent.className.endsWith("design") ? data.parent : data.parent.offsetParent;
           var paperW = parent.clientWidth, paperH = parent.clientHeight;
-          var elementW = data.target.clientWidth, elementH = data.target.clientHeight;
-          if (data.left < 0) {
-            data.left = 0;
-          } else if (data.left >= paperW - elementW) {
-            data.left = paperW - elementW;
+          var elementW = data.target.clientWidth, elementH = data.target.clientHeight, diffLeft = 0, diffTop = 0;
+          if (o2.options.designTarget && o2.options.designTarget.options.transform) {
+            var info = o2.options.designTarget.options.getRectInfo();
+            diffLeft = window.hinnn.pt.toPx(info.diffW), diffTop = window.hinnn.pt.toPx(info.diffH);
           }
-          if (data.top < 0) {
-            data.top = 0;
-          } else if (data.top >= paperH - elementH) {
-            data.top = paperH - elementH;
+          if (data.left < 0 - diffLeft) {
+            data.left = 0 - diffLeft;
+          } else if (data.left >= paperW - elementW + diffLeft) {
+            data.left = paperW - elementW + diffLeft;
+          }
+          if (data.top < 0 - diffTop) {
+            data.top = 0 - diffTop;
+          } else if (data.top >= paperH - elementH + diffTop) {
+            data.top = paperH - elementH + diffTop;
           }
           i2.data = data;
         }
@@ -7633,7 +7890,7 @@ var hiprint$1 = function(t) {
         },
         update: function update(e3, n2) {
           if (n2 && "object" == typeof n2) {
-            Object.keys(n2).forEach(function(k) {
+            t2.data(e3[0], "hidraggable") && Object.keys(n2).forEach(function(k) {
               t2.data(e3[0], "hidraggable").options[k] = n2[k];
             });
           }
@@ -7712,7 +7969,7 @@ var hiprint$1 = function(t) {
         }));
       }, t2.fn.hidroppable.methods = {
         options: function options(e2) {
-          return t2.data(e2[0], "hidroppable").options;
+          return t2.data(e2[0], "hidroppable") && t2.data(e2[0], "hidroppable").options || {};
         },
         enable: function enable(e2) {
           return e2.each(function() {
@@ -8288,7 +8545,7 @@ var hiprint$1 = function(t) {
       start: function start(cb) {
         var _this = this;
         var t2 = this;
-        window.WebSocket ? this.socket || (this.socket = io(this.host, {
+        window.WebSocket ? this.socket || (this.socket = window.io(this.host, {
           reconnectionAttempts: 5
         }), this.socket.on("connect", function(e2) {
           t2.opened = true, console.log("Websocket opened."), _this.socket.on("successs", function(t3) {
@@ -8912,7 +9169,7 @@ var hiprint$1 = function(t) {
         var e2 = this, n2 = this.target.find(".hiprint-paperNumber");
         if (n2.length)
           return n2.html(t3), n2;
-        var i2 = $('<span class="hiprint-paperNumber"  style="position: absolute">' + t3 + "</span>");
+        var i2 = $('<span class="hiprint-paperNumber"  style="width:max-content;position: absolute">' + t3 + "</span>");
         return i2.css("top", this.paperNumberTop + "pt"), i2.css("left", this.paperNumberLeft + "pt"), this.paperContentTarget.append(i2), d2 && this.dragHeadLineOrFootLine(i2, function(t4, n3) {
           e2.paperNumberTop = n3, e2.paperNumberLeft = t4, e2.triggerOnPaperBaseInfoChanged();
         }, true), i2;
@@ -9415,7 +9672,10 @@ var hiprint$1 = function(t) {
       }, t2.prototype.getOptions = function() {
         return this.options || {};
       }, t2;
-    }(), U = n(16), K = n(12), q = function(t2) {
+    }();
+    n(16);
+    var K = n(12);
+    (function(t2) {
       function e2(e3) {
         var n2 = t2.call(this, e3) || this;
         (e3 = e3 || {}).columns ? (n2.columns = [], e3.columns.forEach(function(t3) {
@@ -9441,215 +9701,8 @@ var hiprint$1 = function(t) {
           e3.columns.push(t3.getPrintElementOptionEntity());
         }), e3;
       }, e2;
-    }(g.a), X = n(7), J = function(t2) {
-      function e2(e3, n2) {
-        var i2 = t2.call(this, e3) || this;
-        return i2.options = new q(n2), i2.options.setDefault(new q(p.a.instance.tableCustom.default).getPrintElementOptionEntity()), i2.columns = i2.options.columns, i2;
-      }
-      return __extends(e2, t2), e2.prototype.updateDesignViewFromOptions = function() {
-        if (this.designTarget) {
-          var t3 = this.designTarget.find(".hiprint-printElement-table-content"), e3 = this.getHtml(this.designPaper);
-          t3.html(""), t3.append(e3[0].target.find(".hiprint-printElement-tableTarget"));
-          this.css(this.designTarget, this.getData()), this.setHiReizeable();
-        }
-      }, e2.prototype.getDesignTarget = function(t3) {
-        var e3 = this;
-        return this.designTarget = this.getHtml(t3)[0].target, this.css(this.designTarget, this.getData()), this.designPaper = t3, this.designTarget.click(function() {
-          o.a.event.trigger(e3.getPrintElementSelectEventKey(), {
-            printElement: e3
-          });
-        }), this.designTarget.find("td").hidroppable({
-          accept: ".rn-draggable-item",
-          onDrop: function onDrop(t4, e4) {
-          },
-          onDragEnter: function onDragEnter(t4, e4) {
-            $(e4).removeClass("rn-draggable-item");
-          },
-          onDragLeave: function onDragLeave(t4, e4) {
-            $(e4).addClass("rn-draggable-item");
-          }
-        }), this.designTarget;
-      }, e2.prototype.getConfigOptions = function() {
-        return p.a.instance.tableCustom;
-      }, e2.prototype.createTarget = function(t3, e3, n2) {
-        var i2 = $('<div class="hiprint-printElement hiprint-printElement-table" style="position: absolute;"><div class="hiprint-printElement-table-handle"></div><div class="hiprint-printElement-table-content" style="height:100%;width:100%"></span></div>');
-        return i2.find(".hiprint-printElement-table-content").append(this.getTableHtml(e3, n2)), i2;
-      }, e2.prototype.getTableHtml = function(t3, e3) {
-        var n2 = $('<table class="hiprint-printElement-tableTarget" style="border-collapse: collapse;width:100%;"></table>');
-        return n2.append(X.a.createTableHead(this.columns, this.options.getWidth())), n2.append(X.a.createTableRow(this.columns, t3, this.options, this.printElementType)), this.printElementType.footerFormatter && ("no" == this.options.tableFooterRepeat || X.a.createTableFooter(this.printElementType.columns, t3, this.options, this.printElementType, e3, t3)).insertBefore(n2.find("tbody")), n2;
-      }, e2.prototype.getHtml = function(t3, e3) {
-        this.setCurrenttemplateData(e3), this.createTempContainer();
-        var n2 = this.getPaperHtmlResult(t3, e3);
-        return this.removeTempContainer(), n2;
-      }, e2.prototype.getPaperHtmlResult = function(t3, e3) {
-        var n2 = [], i2 = this.getData(e3), o2 = this.getTableHtml(i2, e3), r = this.createTarget(this.printElementType.title, [], e3);
-        e3 ? this.updateTargetWidth(r) : this.updateTargetSize(r), this.css(r, i2), this.css(o2, i2), this.getTempContainer().html(""), this.getTempContainer().append(r);
-        var tfh = r.find("tfoot").outerHeight() || 0;
-        r.find("tfoot").remove();
-        for (var a2, p2 = this.getBeginPrintTopInPaperByReferenceElement(t3), s2 = 0, l2 = false; !l2; ) {
-          var u2 = 0, d2 = t3.getPaperFooter(s2);
-          0 == s2 && p2 > d2 && "none" != t3.panelPageRule && (p2 = p2 - d2 + t3.paperHeader, n2.push(new P.a({
-            target: void 0,
-            printLine: void 0
-          })), s2++, u2 = t3.getContentHeight(s2) - (p2 - t3.paperHeader), d2 = t3.getPaperFooter(s2));
-          var c2 = n2.length > 0 ? n2[n2.length - 1].target : void 0, h2 = this.getRowsInSpecificHeight(u2 > 0 ? u2 : 0 == s2 ? d2 - p2 : t3.getContentHeight(s2), r, o2, s2, c2, e3, tfh);
-          l2 = h2.isEnd;
-          var f2 = void 0;
-          h2.target && (h2.target.css("left", this.options.displayLeft()), h2.target[0].height = ""), 0 == s2 || u2 > 0 ? (h2.target && (a2 = p2, h2.target.css("top", p2 + "pt")), f2 = l2 && null != this.options.lHeight ? p2 + (h2.height > this.options.lHeight ? h2.height : this.options.lHeight) : p2 + h2.height) : (h2.target && (a2 = t3.paperHeader, h2.target.css("top", t3.paperHeader + "pt")), f2 = t3.paperHeader + h2.height), n2.push(new P.a({
-            target: h2.target,
-            printLine: f2,
-            referenceElement: new E.a({
-              top: this.options.getTop(),
-              left: this.options.getLeft(),
-              height: this.options.getHeight(),
-              width: this.options.getWidth(),
-              beginPrintPaperIndex: t3.index,
-              bottomInLastPaper: f2,
-              printTopInPaper: a2
-            })
-          })), s2++;
-        }
-        return n2;
-      }, e2.prototype.getRowsInSpecificHeight = function(t3, e3, n2, i2, r, a2, tfh) {
-        var that = this;
-        var p2 = void 0, s2 = n2.find("tbody"), l2 = o.a.pt.toPx(t3);
-        e3.find("tbody").html("");
-        for (var u2 = e3.outerHeight(), d2 = []; ; ) {
-          if (u2 <= l2) {
-            if (0 == s2.find("tr").length) {
-              a2 && this.options.autoCompletion && (this.autoCompletion(l2, e3), u2 = e3.outerHeight()), p2 = {
-                target: e3.clone(),
-                length: e3.find("tbody tr").length,
-                height: o.a.px.toPt(u2),
-                isEnd: true
-              }, 0 == e3.find("tbody tr").length && r && (p2 = {
-                target: void 0,
-                length: 0,
-                height: 0,
-                isEnd: true
-              });
-            } else {
-              var c2 = s2.find("tr:lt(1)");
-              e3.find("tbody").append(c2), u2 = e3.outerHeight();
-              var h2 = c2.data("rowData");
-              d2.push(h2), u2 += tfh > l2 && (s2.prepend(c2), d2.pop(), u2 = e3.outerHeight(), p2 = {
-                target: e3.clone(),
-                length: e3.find("tbody tr").length,
-                height: o.a.px.toPt(u2),
-                isEnd: false
-              });
-            }
-          } else
-            p2 = {
-              target: void 0,
-              length: 0,
-              height: 0,
-              isEnd: false
-            };
-          if (p2) {
-            if ("last" == this.options.tableFooterRepeat && !p2.isEnd)
-              break;
-            if (this.printElementType.footerFormatter) {
-              X.a.createTableFooter(this.printElementType.columns, this.getData(a2), this.options, this.printElementType, a2, d2).insertBefore(e3.find("tbody"));
-              that.css(e3, a2);
-            }
-            break;
-          }
-        }
-        return p2;
-      }, e2.prototype.getData = function(t3) {
-        if (!t3)
-          return [{}];
-        var f2 = this.getField();
-        var e3 = f2 ? f2.split(".").reduce((a2, c2) => a2 ? a2[c2] : t3 ? t3[c2] : "", false) || "" : "";
-        return e3 ? JSON.parse(JSON.stringify(e3)) : [];
-      }, e2.prototype.autoCompletion = function(t3, e3) {
-        for (var n2, i2 = this.getEmptyRowTarget(), o2 = e3.outerHeight(); t3 > o2; ) {
-          n2 = i2.clone(), e3.find("tbody").append(n2), o2 = e3.outerHeight();
-        }
-        n2 && n2.remove();
-      }, e2.prototype.getEmptyRowTarget = function() {
-        return X.a.createEmptyRowTarget(this.columns);
-      }, e2.prototype.onResize = function(e3, n2, i2, o2, r) {
-        t2.prototype.updateSizeAndPositionOptions.call(this, r, o2, i2, n2), X.a.resizeTableCellWidth(this.designTarget, this.columns, this.options.getWidth());
-      }, e2.prototype.getReizeableShowPoints = function() {
-        return this.options.showPoints || p.a.instance.tableCustom.showPoints;
-      }, e2.prototype.design = function(t3, e3) {
-        var n2 = this;
-        this.designTarget.hidraggable({
-          handle: this.designTarget.find(".hiprint-printElement-table-handle"),
-          axis: n2.options.axis ? n2.options.axis : void 0,
-          onDrag: function onDrag(t4, i2, o2) {
-            n2.updateSizeAndPositionOptions(i2, o2), n2.createLineOfPosition(e3);
-            s.a.instance.changed = true;
-          },
-          designTarget: n2,
-          moveUnit: "pt",
-          minMove: p.a.instance.movingDistance,
-          onBeforeDrag: function onBeforeDrag(t4) {
-            s.a.instance.draging = true, n2.createLineOfPosition(e3);
-          },
-          getScale: function getScale() {
-            return n2.designPaper.scale || 1;
-          },
-          onStopDrag: function onStopDrag(t4) {
-            if (s.a.instance.changed)
-              o.a.event.trigger("hiprintTemplateDataChanged_" + n2.templateId, "\u79FB\u52A8");
-            s.a.instance.draging = false, s.a.instance.changed = false, n2.removeLineOfPosition();
-          }
-        }), this.setHiReizeable(), this.designTarget.hireizeable({
-          showPoints: n2.getReizeableShowPoints(),
-          showSizeBox: p.a.instance.showSizeBox,
-          noContainer: true,
-          onBeforeResize: function onBeforeResize() {
-            s.a.instance.draging = true;
-          },
-          getScale: function getScale() {
-            return n2.designPaper.scale || 1;
-          },
-          onResize: function onResize(t4, i2, o2, r, a2) {
-            n2.onResize(t4, i2, o2, r, a2), n2.hitable.updateColumnGrips(), n2.createLineOfPosition(e3);
-          },
-          onStopResize: function onStopResize(r) {
-            o.a.event.trigger("hiprintTemplateDataChanged_" + n2.templateId, r ? "\u65CB\u8F6C" : "\u5927\u5C0F");
-            s.a.instance.draging = false, n2.removeLineOfPosition();
-          }
-        }), this.bingKeyboardMoveEvent(this.designTarget, e3);
-      }, e2.prototype.setHiReizeable = function() {
-        var t3 = this;
-        this.hitable = new U.a({
-          table: this.designTarget.find("table"),
-          rows: this.columns,
-          resizeRow: false,
-          resizeColumn: true,
-          fields: this.options.fields,
-          trs: $(this.designTarget).find("tbody tr"),
-          handle: this.designTarget.find("table thead"),
-          columnDisplayEditable: true,
-          columnDisplayIndexEditable: true,
-          columnResizable: true,
-          columnAlignEditable: true,
-          isEnableEdit: true,
-          isEnableEditText: true,
-          isEnableEditField: true,
-          isEnableContextMenu: true,
-          isEnableInsertRow: true,
-          isEnableDeleteRow: true,
-          isEnableInsertColumn: true,
-          isEnableDeleteColumn: true,
-          isEnableMergeCell: true
-        }), o.a.event.on("updateTable" + this.hitable.id, function() {
-          t3.updateDesignViewFromOptions();
-        });
-      }, e2;
-    }(f.a), Z = function(t2) {
-      function e2(e3) {
-        return t2.call(this, e3) || this;
-      }
-      return __extends(e2, t2), e2.prototype.createPrintElement = function(t3) {
-        return new J(this, t3);
-      }, e2;
-    }(h), et = function(t2) {
+    })(g.a);
+    var et = function(t2) {
       function e2(e3) {
         return t2.call(this, e3) || this;
       }
@@ -9666,7 +9719,7 @@ var hiprint$1 = function(t) {
       function t2() {
       }
       return t2.createPrintElementType = function(t3) {
-        return t3.type = t3.type || "text", "text" == t3.type ? new et(t3) : "table" == t3.type ? new h(t3) : "tableCustom" == t3.type ? new Z(t3) : new j(t3);
+        return t3.type = t3.type || "text", "text" == t3.type ? new et(t3) : "table" == t3.type ? new h(t3) : new j(t3);
       }, t2;
     }(), it = function() {
       function t2() {
@@ -10210,6 +10263,9 @@ var hiprint$1 = function(t) {
       }, t2.prototype.bindBatchMoveElement = function() {
         var t3 = this;
         this.designPaper.getTarget().on("mousemove", function(e2) {
+          if (e2.target.className && _typeof(e2.target.className) == "string" && (e2.target.className.includes("resize-panel") || e2.target.className.includes("editing"))) {
+            return;
+          }
           if (e2.currentTarget.className == t3.designPaper.target[0].className) {
             t3.mouseOffsetX = e2.offsetX, t3.mouseOffsetY = e2.offsetY;
           } else {
@@ -10218,6 +10274,9 @@ var hiprint$1 = function(t) {
           s.a.instance.draging || 1 === e2.buttons && s.a.instance.rectDraging && t3.mouseRect && (t3.mouseRect.updateRect(e2.pageX, e2.pageY), t3.updateRectPanel(t3.mouseRect));
         }).on("mousedown", function(e2) {
           s.a.instance.rectDraging = true;
+          if (e2.target.className && _typeof(e2.target.className) == "string" && (e2.target.className.includes("resize-panel") || e2.target.className.includes("editing"))) {
+            return;
+          }
           s.a.instance.draging || (t3.mouseRect && t3.mouseRect.target && t3.mouseRect.target.remove(), 1 === e2.buttons && s.a.instance.rectDraging && e2.target.className == "hiprint-printPaper hidroppable design" && (t3.mouseRect = new at(e2.pageX, e2.pageY, s.a.instance.dragLengthCNum(e2.pageX - t3.designPaper.getTarget().offset().left, p.a.instance.movingDistance), s.a.instance.dragLengthCNum(e2.pageY - t3.designPaper.getTarget().offset().top, p.a.instance.movingDistance))));
         }).on("mouseup", function(e2) {
           if (s.a.instance.rectDraging && t3.mouseRect && $(".mouseRect").length && ($(".mouseRect").height() > 10 || $(".mouseRect").width() > 10)) {
@@ -10365,23 +10424,12 @@ var hiprint$1 = function(t) {
       }
       return t2.prototype.init = function() {
       }, t2.prototype.clearSettingContainer = function() {
-        if (this.lastPrintElement) {
-          var o2 = this.lastPrintElement.getConfigOptions();
-          if (o2 && o2.tabs && o2.tabs.length) {
-            this.lastPrintElement.getPrintElementOptionTabs().forEach(function(t3) {
-              t3.list && t3.list.forEach(function(e2) {
-                e2.destroy();
-              });
-            });
-          } else {
-            this.lastPrintElement.getPrintElementOptionItems().forEach(function(t3) {
-              t3.destroy();
-            });
-          }
-        }
-        this.lastPrintElement = void 0, this.settingContainer.html("");
+        this.clearLastPrintElement(), this.settingContainer.html("");
       }, t2.prototype.clearLastPrintElement = function() {
         if (this.lastPrintElement) {
+          if (this.lastPrintElement._editing) {
+            this.lastPrintElement.updateByContent(true);
+          }
           if (this.lastPrintElement._printElementOptionTabs) {
             this.lastPrintElement._printElementOptionTabs.forEach(function(t3) {
               t3.list && t3.list.forEach(function(e2) {
@@ -10785,7 +10833,7 @@ var hiprint$1 = function(t) {
             unit: "pt",
             format: this.printPanels[0].paperType ? this.printPanels[0].paperType.toLocaleLowerCase() : [r, a2]
           }), l2 = this.getHtml(t3, n2);
-          if (n2) {
+          if (n2 && void 0 != n2.isDownload) {
             isDownload = n2.isDownload;
           }
           this.createTempContainer();
@@ -10817,7 +10865,9 @@ var hiprint$1 = function(t) {
       }, t2.prototype.svg2canvas = function(t3) {
         var that = this;
         t3.find("svg").each(function(t4, e2) {
-          var n2 = e2.parentNode, p2 = that.parentWidthHeight(n2), i2 = Document.createCanvas(p2.width, p2.height), ctx = i2.getContext("2d"), str = new XMLSerializer().serializeToString(e2);
+          var n2 = e2.parentNode, p2 = that.parentWidthHeight(n2), i2 = document.createElement("canvas");
+          i2.width = p2.width, i2.height = p2.height;
+          var ctx = i2.getContext("2d"), str = new XMLSerializer().serializeToString(e2);
           Canvg.fromString(ctx, str).render(), $(e2).before(i2), n2.removeChild(e2);
         });
       }, t2.prototype.parentWidthHeight = function(t3) {
@@ -11314,7 +11364,7 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
 })(jQuery);
 (function() {
   window.HIPRINT_CONFIG = {
-    version: "0.1.2",
+    version: "0.1.4",
     movingDistance: 1.5,
     paperHeightTrim: 1,
     showPosition: true,
@@ -11537,6 +11587,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
               name: "qrCodeLevel",
               hidden: false
             },
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "showInPage",
               hidden: false
@@ -11637,6 +11691,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "hideTitle",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -11775,6 +11833,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -11819,6 +11881,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "fixed",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "axis",
           hidden: false
@@ -11934,6 +12000,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "showInPage",
               hidden: false
@@ -12018,6 +12088,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "leftSpaceRemoved",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -12393,102 +12467,6 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         width: 550
       }
     },
-    tableCustom: {
-      showPoints: ["s", "e"],
-      supportOptions: [
-        {
-          name: "field",
-          hidden: false
-        },
-        {
-          name: "coordinate",
-          hidden: false
-        },
-        {
-          name: "widthHeight",
-          hidden: false
-        },
-        {
-          name: "fontFamily",
-          hidden: false
-        },
-        {
-          name: "fontSize",
-          hidden: false
-        },
-        {
-          name: "textAlign",
-          hidden: false
-        },
-        {
-          name: "tableBorder",
-          hidden: false
-        },
-        {
-          name: "tableHeaderBorder",
-          hidden: false
-        },
-        {
-          name: "tableHeaderCellBorder",
-          hidden: false
-        },
-        {
-          name: "tableHeaderRowHeight",
-          hidden: false
-        },
-        {
-          name: "tableHeaderFontSize",
-          hidden: false
-        },
-        {
-          name: "tableHeaderFontWeight",
-          hidden: false
-        },
-        {
-          name: "tableHeaderBackground",
-          hidden: false
-        },
-        {
-          name: "tableBodyRowHeight",
-          hidden: false
-        },
-        {
-          name: "tableBodyRowBorder",
-          hidden: false
-        },
-        {
-          name: "tableBodyCellBorder",
-          hidden: false
-        },
-        {
-          name: "tableFooterBorder",
-          hidden: false
-        },
-        {
-          name: "tableFooterCellBorder",
-          hidden: false
-        },
-        {
-          name: "axis",
-          hidden: false
-        },
-        {
-          name: "lHeight",
-          hidden: false
-        },
-        {
-          name: "autoCompletion",
-          hidden: false
-        },
-        {
-          name: "tableFooterRepeat",
-          hidden: false
-        }
-      ],
-      default: {
-        width: 550
-      }
-    },
     hline: {
       showPoints: ["r", "w", "e"],
       tabs: [
@@ -12541,6 +12519,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -12569,6 +12551,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "borderColor",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -12648,6 +12634,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -12676,6 +12666,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "borderColor",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -12759,6 +12753,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -12791,6 +12789,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "backgroundColor",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -12874,6 +12876,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -12906,6 +12912,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "backgroundColor",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -12977,6 +12987,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
         {
           name: "\u9AD8\u7EA7",
           options: [
+            {
+              name: "pageBreak",
+              hidden: false
+            },
             {
               name: "axis",
               hidden: false
@@ -12997,6 +13011,10 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "widthHeight",
           hidden: false
         },
+        {
+          name: "pageBreak",
+          hidden: false
+        },
         {
           name: "showInPage",
           hidden: false
@@ -13069,10 +13087,26 @@ let defaultElementTypeProvider = defaultTypeProvider(hiprint$1);
           name: "paddingRight",
           hidden: false
         },
+        {
+          name: "tableSummaryTitle",
+          hidden: false
+        },
+        {
+          name: "tableSummaryText",
+          hidden: false
+        },
         {
           name: "tableSummary",
           hidden: false
         },
+        {
+          name: "tableSummaryAlign",
+          hidden: false
+        },
+        {
+          name: "tableSummaryNumFormat",
+          hidden: false
+        },
         {
           name: "formatter2",
           hidden: false
@@ -13101,4 +13135,5 @@ const disAutoConnect = function() {
   globalThis.autoConnect = false;
   globalThis.hiwebSocket && globalThis.hiwebSocket.hasIo() && globalThis.hiwebSocket.stop();
 };
+globalThis.hiprint = hiprint$1;
 export { autoConnect, defaultElementTypeProvider, disAutoConnect, hiprint$1 as hiprint };