@hufe921/canvas-editor 0.9.76 → 0.9.77

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [0.9.77](https://github.com/Hufe921/canvas-editor/compare/v0.9.76...v0.9.77) (2024-05-11)
+
+
+### Bug Fixes
+
+* delete control placeholder boundary error #553 ([73e47f5](https://github.com/Hufe921/canvas-editor/commit/73e47f56b54dfc2e8dbbe1e167b1cf868684b38c)), closes [#553](https://github.com/Hufe921/canvas-editor/issues/553)
+* image resizer position boundary error #538 ([9f37995](https://github.com/Hufe921/canvas-editor/commit/9f37995a23e5655ee9011e19ce7b7aed1f9298eb)), closes [#538](https://github.com/Hufe921/canvas-editor/issues/538)
+* move cursor boundary error with up and down keys #556 ([d58b28c](https://github.com/Hufe921/canvas-editor/commit/d58b28c1dbe47a7a4970b4333c0846fafbf511db)), closes [#556](https://github.com/Hufe921/canvas-editor/issues/556)
+* subscript and superscript strikeout rendering ([62c94fc](https://github.com/Hufe921/canvas-editor/commit/62c94fce59c206b87dc68d0ed9d74f036cde956f))
+* subscript underline rendering position #537 ([745a098](https://github.com/Hufe921/canvas-editor/commit/745a098a707893cc7ae8ba812ab11f826b961d55)), closes [#537](https://github.com/Hufe921/canvas-editor/issues/537)
+
+
+### Features
+
+* table header appears repeatedly when paging #541 ([c86e546](https://github.com/Hufe921/canvas-editor/commit/c86e5468e666c64c087a430af8a9a8307b837f0f)), closes [#541](https://github.com/Hufe921/canvas-editor/issues/541)
+
+
+### Performance Improvements
+
+* control operation history boundary #540 ([24c5b74](https://github.com/Hufe921/canvas-editor/commit/24c5b74bf2196ce3a1c76d0cf5626cd249a2a5fd)), closes [#540](https://github.com/Hufe921/canvas-editor/issues/540)
+
+
+
 ## [0.9.76](https://github.com/Hufe921/canvas-editor/compare/v0.9.75...v0.9.76) (2024-05-04)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.76";
+const version = "0.9.77";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -509,6 +509,10 @@ const TEXTLIKE_ELEMENT_TYPE = [
   ElementType.CONTROL,
   ElementType.DATE
 ];
+const IMAGE_ELEMENT_TYPE = [
+  ElementType.IMAGE,
+  ElementType.LATEX
+];
 const INLINE_ELEMENT_TYPE = [
   ElementType.BLOCK,
   ElementType.PAGE_BREAK,
@@ -3812,12 +3816,13 @@ function formatElementList(elementList, options) {
       const tableId = getUUID();
       el.id = tableId;
       if (el.trList) {
+        const { defaultTrMinHeight } = editorOptions.table;
         for (let t = 0; t < el.trList.length; t++) {
           const tr = el.trList[t];
           const trId = getUUID();
           tr.id = trId;
-          if (!tr.minHeight || tr.minHeight < editorOptions.defaultTrMinHeight) {
-            tr.minHeight = editorOptions.defaultTrMinHeight;
+          if (!tr.minHeight || tr.minHeight < defaultTrMinHeight) {
+            tr.minHeight = defaultTrMinHeight;
           }
           if (tr.height < tr.minHeight) {
             tr.height = tr.minHeight;
@@ -6354,11 +6359,11 @@ function tab(evt, host) {
 }
 function getNextPositionIndex(payload) {
   const { positionList, index: index2, isUp, rowNo, cursorX } = payload;
-  let nextIndex = 0;
+  let nextIndex = -1;
   const probablePosition = [];
   if (isUp) {
     let p = index2 - 1;
-    while (p > 0) {
+    while (p >= 0) {
       const position = positionList[p];
       p--;
       if (position.rowNo === rowNo)
@@ -6521,7 +6526,7 @@ function updown(evt, host) {
       isUp,
       cursorX: curRightX
     });
-    if (!nextIndex)
+    if (nextIndex < 0)
       return;
     anchorStartIndex = nextIndex;
     anchorEndIndex = nextIndex;
@@ -7392,6 +7397,9 @@ class HistoryManager {
     this.undoStack = [];
     this.redoStack = [];
   }
+  popUndo() {
+    return this.undoStack.pop();
+  }
 }
 class Position {
   constructor(draw) {
@@ -7454,7 +7462,7 @@ class Position {
   }
   computePageRowPosition(payload) {
     const { positionList, rowList, pageNo, startX, startY, startRowIndex, startIndex, innerWidth, zone: zone2 } = payload;
-    const { scale, tdPadding } = this.options;
+    const { scale, table: { tdPadding } } = this.options;
     let x = startX;
     let y = startY;
     let index2 = startIndex;
@@ -7876,12 +7884,14 @@ class Position {
         positionResult.index = newIndex;
       }
     }
-    const { index: index2, isCheckbox, isRadio, isControl, isTable, trIndex, tdIndex, tdId, trId, tableId } = positionResult;
+    const { index: index2, isCheckbox, isRadio, isControl, isImage, isDirectHit, isTable, trIndex, tdIndex, tdId, trId, tableId } = positionResult;
     this.setPositionContext({
       isTable: isTable || false,
       isCheckbox: isCheckbox || false,
       isRadio: isRadio || false,
       isControl: isControl || false,
+      isImage: isImage || false,
+      isDirectHit: isDirectHit || false,
       index: index2,
       trIndex,
       tdIndex,
@@ -9787,7 +9797,7 @@ class TableTool {
       if (order === TableOrder.ROW) {
         const trList = element.trList;
         const tr = trList[index2] || trList[index2 - 1];
-        const { defaultTrMinHeight } = this.options;
+        const { defaultTrMinHeight } = this.options.table;
         if (dy < 0 && tr.height + dy < defaultTrMinHeight) {
           dy = defaultTrMinHeight - tr.height;
         }
@@ -10980,13 +10990,19 @@ class Control {
     const startElement = elementList[startIndex];
     const nextElement = elementList[startIndex + 1];
     if (startElement.controlComponent === ControlComponent.PLACEHOLDER || nextElement.controlComponent === ControlComponent.PLACEHOLDER) {
+      let isHasSubmitHistory = false;
       let index2 = startIndex;
       while (index2 < elementList.length) {
         const curElement = elementList[index2];
         if (curElement.controlId !== startElement.controlId)
           break;
         if (curElement.controlComponent === ControlComponent.PLACEHOLDER) {
-          this.draw.spliceElementList(elementList, index2, 1);
+          if (!isHasSubmitHistory) {
+            isHasSubmitHistory = true;
+            this.draw.getHistoryManager().popUndo();
+            this.draw.submitHistory(startIndex);
+          }
+          elementList.splice(index2, 1);
         } else {
           index2++;
         }
@@ -11833,6 +11849,11 @@ class Previewer {
   }
   drawResizer(element, position = null, options = {}) {
     this.previewerDrawOption = options;
+    this.curElementSrc = element[options.srcKey || "value"] || "";
+    this.updateResizer(element, position);
+    document.addEventListener("keydown", this._keydown);
+  }
+  updateResizer(element, position = null) {
     const { scale } = this.options;
     const elementWidth = element.width * scale;
     const elementHeight = element.height * scale;
@@ -11843,11 +11864,9 @@ class Previewer {
     this._updateResizerRect(elementWidth, elementHeight);
     this.resizerSelection.style.display = "block";
     this.curElement = element;
-    this.curElementSrc = element[options.srcKey || "value"] || "";
     this.curPosition = position;
-    this.width = this.curElement.width * scale;
-    this.height = this.curElement.height * scale;
-    document.addEventListener("keydown", this._keydown);
+    this.width = elementWidth;
+    this.height = elementHeight;
   }
   clearResizer() {
     this.resizerSelection.style.display = "none";
@@ -13814,7 +13833,7 @@ class Draw {
     return this.options.defaultBasicRowMarginHeight * this.options.scale;
   }
   getTdPadding() {
-    const { tdPadding, scale } = this.options;
+    const { table: { tdPadding }, scale } = this.options;
     return tdPadding.map((m) => m * scale);
   }
   getContainer() {
@@ -14398,9 +14417,9 @@ class Draw {
     return defaultBasicRowMarginHeight * (el.rowMargin || defaultRowMargin) * scale;
   }
   computeRowList(payload) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const { innerWidth, elementList, isPagingMode = false } = payload;
-    const { defaultSize, defaultRowMargin, scale, tdPadding, defaultTabWidth } = this.options;
+    const { defaultSize, defaultRowMargin, scale, table: { tdPadding }, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -14465,7 +14484,8 @@ class Draw {
           while (tableIndex < elementList.length) {
             const nextElement2 = elementList[tableIndex];
             if (nextElement2.pagingId === element.pagingId) {
-              element.trList.push(...nextElement2.trList);
+              const nexTrList = nextElement2.trList.filter((tr) => !tr.pagingRepeat);
+              element.trList.push(...nexTrList);
               element.height += nextElement2.height;
               tableIndex++;
               combineCount++;
@@ -14477,6 +14497,7 @@ class Draw {
             elementList.splice(i + 1, combineCount);
           }
         }
+        element.pagingIndex = (_c = element.pagingIndex) != null ? _c : 0;
         this.tableParticle.computeRowColInfo(element);
         const trList = element.trList;
         for (let t = 0; t < trList.length; t++) {
@@ -14552,14 +14573,14 @@ class Draw {
           let curPagePreHeight = marginHeight;
           for (let r = 0; r < rowList.length; r++) {
             const row = rowList[r];
-            if (row.height + curPagePreHeight > height2 || ((_c = rowList[r - 1]) == null ? void 0 : _c.isPageBreak)) {
+            if (row.height + curPagePreHeight > height2 || ((_d = rowList[r - 1]) == null ? void 0 : _d.isPageBreak)) {
               curPagePreHeight = marginHeight + row.height;
             } else {
               curPagePreHeight += row.height;
             }
           }
           const rowMarginHeight = rowMargin * 2 * scale;
-          if (curPagePreHeight + element.trList[0].height + rowMarginHeight > height2) {
+          if (curPagePreHeight + element.trList[0].height + rowMarginHeight > height2 || element.pagingIndex !== 0 && element.trList[0].pagingRepeat) {
             curPagePreHeight = marginHeight;
           }
           if (curPagePreHeight + rowMarginHeight + elementHeight > height2) {
@@ -14573,7 +14594,7 @@ class Draw {
                 const trHeight = tr.height * scale;
                 if (curPagePreHeight + rowMarginHeight + preTrHeight + trHeight > height2) {
                   const rowColCount = tr.tdList.reduce((pre, cur) => pre + cur.colspan, 0);
-                  if (((_d = element.colgroup) == null ? void 0 : _d.length) !== rowColCount) {
+                  if (((_e = element.colgroup) == null ? void 0 : _e.length) !== rowColCount) {
                     deleteCount = 0;
                   }
                   break;
@@ -14594,6 +14615,13 @@ class Draw {
               metrics.boundingBoxDescent -= cloneTrHeight;
               const cloneElement = deepClone(element);
               cloneElement.pagingId = pagingId;
+              cloneElement.pagingIndex = element.pagingIndex + 1;
+              const repeatTrList = trList2.filter((tr) => tr.pagingRepeat);
+              if (repeatTrList.length) {
+                const cloneRepeatTrList = deepClone(repeatTrList);
+                cloneRepeatTrList.forEach((tr) => tr.id = getUUID());
+                cloneTrList.unshift(...cloneRepeatTrList);
+              }
               cloneElement.trList = cloneTrList;
               cloneElement.id = getUUID();
               this.spliceElementList(elementList, i + 1, 0, cloneElement);
@@ -14689,7 +14717,7 @@ class Draw {
         metrics,
         style: this.getElementFont(element, scale)
       });
-      if ((_e = rowElement.control) == null ? void 0 : _e.minWidth) {
+      if ((_f = rowElement.control) == null ? void 0 : _f.minWidth) {
         if (rowElement.controlComponent) {
           controlRealWidth += metrics.width;
         }
@@ -14738,7 +14766,7 @@ class Draw {
           curRow.height = defaultBasicRowMarginHeight;
         }
         if ((preElement == null ? void 0 : preElement.rowFlex) === RowFlex.JUSTIFY || (preElement == null ? void 0 : preElement.rowFlex) === RowFlex.ALIGNMENT && isWidthNotEnough) {
-          const rowElementList = ((_f = curRow.elementList[0]) == null ? void 0 : _f.value) === ZERO ? curRow.elementList.slice(1) : curRow.elementList;
+          const rowElementList = ((_g = curRow.elementList[0]) == null ? void 0 : _g.value) === ZERO ? curRow.elementList.slice(1) : curRow.elementList;
           const gap = (availableWidth - curRow.width) / (rowElementList.length - 1);
           for (let e = 0; e < rowElementList.length - 1; e++) {
             const el = rowElementList[e];
@@ -14752,10 +14780,10 @@ class Draw {
           startIndex: i,
           elementList: [rowElement],
           ascent,
-          rowFlex: ((_g = elementList[i]) == null ? void 0 : _g.rowFlex) || ((_h = elementList[i + 1]) == null ? void 0 : _h.rowFlex),
+          rowFlex: ((_h = elementList[i]) == null ? void 0 : _h.rowFlex) || ((_i = elementList[i + 1]) == null ? void 0 : _i.rowFlex),
           isPageBreak: element.type === ElementType.PAGE_BREAK
         };
-        if (rowElement.controlComponent !== ControlComponent.PREFIX && ((_i = rowElement.control) == null ? void 0 : _i.indentation) === ControlIndentation.VALUE_START) {
+        if (rowElement.controlComponent !== ControlComponent.PREFIX && ((_j = rowElement.control) == null ? void 0 : _j.indentation) === ControlIndentation.VALUE_START) {
           const preStartIndex = curRow.elementList.findIndex((el) => el.controlId === rowElement.controlId && el.controlComponent !== ControlComponent.PREFIX);
           if (~preStartIndex) {
             const preRowPositionList = this.position.computeRowPosition({
@@ -14846,7 +14874,7 @@ class Draw {
   drawRow(ctx, payload) {
     var _a, _b, _c, _d, _e, _f;
     this._drawHighlight(ctx, payload);
-    const { scale, tdPadding, group: group2, lineBreak } = this.options;
+    const { scale, table: { tdPadding }, group: group2, lineBreak } = this.options;
     const { rowList, pageNo, elementList, positionList, startIndex, zone: zone2, isDrawLineBreak = !lineBreak.disabled } = payload;
     const isPrintMode = this.mode === EditorMode.PRINT;
     const { isCrossRowCol, tableId } = this.range.getRange();
@@ -14893,7 +14921,6 @@ class Draw {
             this.textParticle.complete();
           }
         } else if (element.type === ElementType.SUPERSCRIPT) {
-          this.underline.render(ctx);
           this.textParticle.complete();
           this.superscriptParticle.render(ctx, element, x, y + offsetY);
         } else if (element.type === ElementType.SUBSCRIPT) {
@@ -14942,7 +14969,7 @@ class Draw {
           this.control.drawBorder(ctx);
         }
         if (element.underline || ((_d = element.control) == null ? void 0 : _d.underline)) {
-          if ((preElement == null ? void 0 : preElement.type) === ElementType.SUPERSCRIPT && element.type !== ElementType.SUPERSCRIPT || (preElement == null ? void 0 : preElement.type) === ElementType.SUBSCRIPT && element.type !== ElementType.SUBSCRIPT) {
+          if ((preElement == null ? void 0 : preElement.type) === ElementType.SUBSCRIPT && element.type !== ElementType.SUBSCRIPT) {
             this.underline.render(ctx);
           }
           const rowMargin = this.getElementRowMargin(element);
@@ -14950,8 +14977,6 @@ class Draw {
           let offsetY2 = 0;
           if (element.type === ElementType.SUBSCRIPT) {
             offsetY2 = this.subscriptParticle.getOffsetY(element);
-          } else if (element.type === ElementType.SUPERSCRIPT) {
-            offsetY2 = this.superscriptParticle.getOffsetY(element);
           }
           const color = element.controlComponent === ControlComponent.PLACEHOLDER ? void 0 : element.color;
           this.underline.recordFillInfo(ctx, x - offsetX, y + curRow.height - rowMargin + offsetY2, metrics.width + offsetX, 0, color, (_e = element.textDecoration) == null ? void 0 : _e.style);
@@ -14960,7 +14985,7 @@ class Draw {
         }
         if (element.strikeout) {
           if (!element.type || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
-            if (preElement && this.getElementSize(preElement) !== this.getElementSize(element)) {
+            if (preElement && (preElement.type === ElementType.SUBSCRIPT && element.type !== ElementType.SUBSCRIPT || preElement.type === ElementType.SUPERSCRIPT && element.type !== ElementType.SUPERSCRIPT || this.getElementSize(preElement) !== this.getElementSize(element))) {
               this.strikeout.render(ctx);
             }
             const standardMetrics = this.textParticle.measureBasisWord(ctx, this.getElementFont(element));
@@ -15153,7 +15178,6 @@ class Draw {
     }
   }
   render(payload) {
-    var _a;
     const { header, footer } = this.options;
     const { isSubmitHistory = true, isSetCursor = true, isCompute = true, isLazy = true, isInit = false, isSourceHistory = false, isFirstRender = false } = payload || {};
     let { curIndex } = payload || {};
@@ -15201,48 +15225,14 @@ class Draw {
     } else {
       this._immediateRender();
     }
-    const positionContext = this.position.getPositionContext();
     if (isSetCursor) {
-      const positionList = this.position.getPositionList();
-      if (positionContext.isTable) {
-        const { index: index2, trIndex, tdIndex } = positionContext;
-        const elementList = this.getOriginalElementList();
-        const tablePositionList = (_a = elementList[index2].trList) == null ? void 0 : _a[trIndex].tdList[tdIndex].positionList;
-        if (curIndex === void 0 && tablePositionList) {
-          curIndex = tablePositionList.length - 1;
-        }
-        const tablePosition = tablePositionList == null ? void 0 : tablePositionList[curIndex];
-        this.position.setCursorPosition(tablePosition || null);
-      } else {
-        this.position.setCursorPosition(curIndex !== void 0 ? positionList[curIndex] : null);
-      }
-      this.cursor.drawCursor();
+      curIndex = this.setCursor(curIndex);
     }
     if (isSubmitHistory && !isFirstRender || curIndex !== void 0 && this.historyManager.isStackEmpty()) {
-      const oldElementList = getSlimCloneElementList(this.elementList);
-      const oldHeaderElementList = getSlimCloneElementList(this.header.getElementList());
-      const oldFooterElementList = getSlimCloneElementList(this.footer.getElementList());
-      const oldRange = deepClone(this.range.getRange());
-      const pageNo = this.pageNo;
-      const oldPositionContext = deepClone(positionContext);
-      const zone2 = this.zone.getZone();
-      this.historyManager.execute(() => {
-        this.zone.setZone(zone2);
-        this.setPageNo(pageNo);
-        this.position.setPositionContext(deepClone(oldPositionContext));
-        this.header.setElementList(deepClone(oldHeaderElementList));
-        this.footer.setElementList(deepClone(oldFooterElementList));
-        this.elementList = deepClone(oldElementList);
-        this.range.replaceRange(deepClone(oldRange));
-        this.render({
-          curIndex,
-          isSubmitHistory: false,
-          isSourceHistory: true
-        });
-      });
+      this.submitHistory(curIndex);
     }
     nextTick(() => {
-      if (isCompute && !this.isReadonly() && positionContext.isTable) {
+      if (isCompute && !this.isReadonly() && this.position.getPositionContext().isTable) {
         this.tableTool.render();
       }
       if (isCompute && !this.zone.isMainActive()) {
@@ -15264,6 +15254,61 @@ class Draw {
       }
     });
   }
+  setCursor(curIndex) {
+    var _a;
+    const positionContext = this.position.getPositionContext();
+    const positionList = this.position.getPositionList();
+    if (positionContext.isTable) {
+      const { index: index2, trIndex, tdIndex } = positionContext;
+      const elementList = this.getOriginalElementList();
+      const tablePositionList = (_a = elementList[index2].trList) == null ? void 0 : _a[trIndex].tdList[tdIndex].positionList;
+      if (curIndex === void 0 && tablePositionList) {
+        curIndex = tablePositionList.length - 1;
+      }
+      const tablePosition = tablePositionList == null ? void 0 : tablePositionList[curIndex];
+      this.position.setCursorPosition(tablePosition || null);
+    } else {
+      this.position.setCursorPosition(curIndex !== void 0 ? positionList[curIndex] : null);
+    }
+    let isShowCursor = true;
+    if (curIndex !== void 0 && positionContext.isImage && positionContext.isDirectHit) {
+      const elementList = this.getElementList();
+      const element = elementList[curIndex];
+      if (IMAGE_ELEMENT_TYPE.includes(element.type)) {
+        isShowCursor = false;
+        const position = this.position.getCursorPosition();
+        this.previewer.updateResizer(element, position);
+      }
+    }
+    this.cursor.drawCursor({
+      isShow: isShowCursor
+    });
+    return curIndex;
+  }
+  submitHistory(curIndex) {
+    const positionContext = this.position.getPositionContext();
+    const oldElementList = getSlimCloneElementList(this.elementList);
+    const oldHeaderElementList = getSlimCloneElementList(this.header.getElementList());
+    const oldFooterElementList = getSlimCloneElementList(this.footer.getElementList());
+    const oldRange = deepClone(this.range.getRange());
+    const pageNo = this.pageNo;
+    const oldPositionContext = deepClone(positionContext);
+    const zone2 = this.zone.getZone();
+    this.historyManager.execute(() => {
+      this.zone.setZone(zone2);
+      this.setPageNo(pageNo);
+      this.position.setPositionContext(deepClone(oldPositionContext));
+      this.header.setElementList(deepClone(oldHeaderElementList));
+      this.footer.setElementList(deepClone(oldFooterElementList));
+      this.elementList = deepClone(oldElementList);
+      this.range.replaceRange(deepClone(oldRange));
+      this.render({
+        curIndex,
+        isSubmitHistory: false,
+        isSourceHistory: true
+      });
+    });
+  }
   destroy() {
     this.container.remove();
     this.globalEvent.removeEvent();
@@ -16167,6 +16212,7 @@ class CommandAdapt {
     const { startIndex, endIndex } = this.range.getRange();
     if (!~startIndex && !~endIndex)
       return;
+    const { defaultTrMinHeight } = this.options.table;
     const elementList = this.draw.getElementList();
     let offsetX = 0;
     if ((_a = elementList[startIndex]) == null ? void 0 : _a.listId) {
@@ -16188,7 +16234,7 @@ class CommandAdapt {
     for (let r = 0; r < row; r++) {
       const tdList = [];
       const tr = {
-        height: this.options.defaultTrMinHeight,
+        height: defaultTrMinHeight,
         tdList
       };
       for (let c = 0; c < col; c++) {
@@ -16372,7 +16418,7 @@ class CommandAdapt {
     }
     const colgroup = element.colgroup;
     colgroup.splice(curTdIndex, 0, {
-      width: this.options.defaultColMinWidth
+      width: this.options.table.defaultColMinWidth
     });
     const colgroupWidth = colgroup.reduce((pre, cur) => pre + cur.width, 0);
     const width = this.draw.getOriginalInnerWidth();
@@ -16428,7 +16474,7 @@ class CommandAdapt {
     }
     const colgroup = element.colgroup;
     colgroup.splice(curTdIndex, 0, {
-      width: this.options.defaultColMinWidth
+      width: this.options.table.defaultColMinWidth
     });
     const colgroupWidth = colgroup.reduce((pre, cur) => pre + cur.width, 0);
     const width = this.draw.getOriginalInnerWidth();
@@ -18832,6 +18878,11 @@ const defaultSeparatorOption = {
   lineWidth: 1,
   strokeStyle: "#000000"
 };
+const defaultTableOption = {
+  tdPadding: [0, 5, 5, 5],
+  defaultTrMinHeight: 42,
+  defaultColMinWidth: 40
+};
 class Editor {
   constructor(container, data2, options = {}) {
     __publicField(this, "command");
@@ -18841,6 +18892,7 @@ class Editor {
     __publicField(this, "register");
     __publicField(this, "destroy");
     __publicField(this, "use");
+    const tableOptions = __spreadValues(__spreadValues({}, defaultTableOption), options.table);
     const headerOptions = __spreadValues(__spreadValues({}, defaultHeaderOption), options.header);
     const footerOptions = __spreadValues(__spreadValues({}, defaultFooterOption), options.footer);
     const pageNumberOptions = __spreadValues(__spreadValues({}, defaultPageNumberOption), options.pageNumber);
@@ -18887,9 +18939,6 @@ class Editor {
       marginIndicatorColor: "#BABABA",
       margins: [100, 120, 100, 120],
       pageMode: PageMode.PAGING,
-      tdPadding: [0, 5, 5, 5],
-      defaultTrMinHeight: 42,
-      defaultColMinWidth: 40,
       defaultHyperlinkColor: "#0000FF",
       paperDirection: PaperDirection.VERTICAL,
       inactiveAlpha: 0.6,
@@ -18901,6 +18950,7 @@ class Editor {
       contextMenuDisableKeys: [],
       scrollContainerSelector: ""
     }, options), {
+      table: tableOptions,
       header: headerOptions,
       footer: footerOptions,
       pageNumber: pageNumberOptions,