@hufe921/canvas-editor 0.9.82 → 0.9.84

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [0.9.84](https://github.com/Hufe921/canvas-editor/compare/v0.9.83...v0.9.84) (2024-06-30)
+
+
+### Bug Fixes
+
+* merge table cell boundary error #661 ([146ac75](https://github.com/Hufe921/canvas-editor/commit/146ac75a002338f13c96900a2849062c29018606)), closes [#661](https://github.com/Hufe921/canvas-editor/issues/661)
+* set default style for control using executeSetControlProperties #658 ([7b5079c](https://github.com/Hufe921/canvas-editor/commit/7b5079c9b638730f7ea609239b3cb91b915d4650)), closes [#658](https://github.com/Hufe921/canvas-editor/issues/658)
+
+
+### Features
+
+* optimization of table operations in form mode #662 ([b740637](https://github.com/Hufe921/canvas-editor/commit/b74063741f413d5bf6f90c748761f64141405ca7)), closes [#662](https://github.com/Hufe921/canvas-editor/issues/662)
+* override method with default interception behavior #663 ([9a4b4f9](https://github.com/Hufe921/canvas-editor/commit/9a4b4f9a4a70a344740212507e250d9bdea5dd32)), closes [#663](https://github.com/Hufe921/canvas-editor/issues/663)
+
+
+
+## [0.9.83](https://github.com/Hufe921/canvas-editor/compare/v0.9.82...v0.9.83) (2024-06-21)
+
+
+### Bug Fixes
+
+* executeSetControlProperties api invalid in table #653 ([fdcf639](https://github.com/Hufe921/canvas-editor/commit/fdcf6397e1ce62ef1ed18a526a0642c3f120df3b)), closes [#653](https://github.com/Hufe921/canvas-editor/issues/653)
+
+
+### Features
+
+* add clear format attributes ([e21533a](https://github.com/Hufe921/canvas-editor/commit/e21533a3d1cfeecde562aaa6c52ee306e5063a01))
+* add conceptId attribute to table td #654 ([959a062](https://github.com/Hufe921/canvas-editor/commit/959a062f830042b78af498e2d6cbc4e5f82fa3d4)), closes [#654](https://github.com/Hufe921/canvas-editor/issues/654)
+* add mouse event listener #603 ([a2978bd](https://github.com/Hufe921/canvas-editor/commit/a2978bd1f507e9417b995bbb0b7ff756dbe5d2c4)), closes [#603](https://github.com/Hufe921/canvas-editor/issues/603)
+* copy table structure and data #516 ([76c20a6](https://github.com/Hufe921/canvas-editor/commit/76c20a6b44914396ae7dd69a7c97db1b179937c2)), closes [#516](https://github.com/Hufe921/canvas-editor/issues/516)
+
+
+
 ## [0.9.82](https://github.com/Hufe921/canvas-editor/compare/v0.9.81...v0.9.82) (2024-06-14)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.82";
+const version = "0.9.84";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -364,6 +364,10 @@ function isObjectEqual(obj1, obj2) {
   }
   return !obj1Keys.some((key) => obj2[key] !== obj1[key]);
 }
+function isPromiseFunction(fn) {
+  var _a;
+  return ((_a = fn == null ? void 0 : fn.constructor) == null ? void 0 : _a.name) === "AsyncFunction";
+}
 const CURSOR_AGENT_OFFSET_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -471,6 +475,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "externalId"
 ];
 const TABLE_TD_ZIP_ATTR = [
+  "conceptId",
   "verticalAlign",
   "backgroundColor",
   "borderTypes",
@@ -5055,7 +5060,7 @@ function pasteImage(host, file) {
     };
   };
 }
-function pasteByEvent(host, evt) {
+async function pasteByEvent(host, evt) {
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -5065,8 +5070,9 @@ function pasteByEvent(host, evt) {
     return;
   const { paste } = draw.getOverride();
   if (paste) {
-    paste(evt);
-    return;
+    const overrideResult = isPromiseFunction(paste) ? await paste(evt) : paste(evt);
+    if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
+      return;
   }
   if (!getIsClipboardContainFile(clipboardData)) {
     const clipboardText = clipboardData.getData("text");
@@ -5117,8 +5123,9 @@ async function pasteByApi(host, options) {
     return;
   const { paste } = draw.getOverride();
   if (paste) {
-    paste();
-    return;
+    const overrideResult = isPromiseFunction(paste) ? await paste() : paste();
+    if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
+      return;
   }
   const clipboardText = await navigator.clipboard.readText();
   const editorClipboardData = getClipboardData();
@@ -5189,9 +5196,10 @@ class CursorAgent {
     this.canvasEvent.keydown(evt);
   }
   _input(evt) {
-    if (!evt.data)
+    const data2 = evt.data;
+    if (!data2)
       return;
-    this.canvasEvent.input(evt.data);
+    this.canvasEvent.input(data2);
   }
   _paste(evt) {
     const isReadonly = this.draw.isReadonly();
@@ -5351,6 +5359,51 @@ class Cursor {
     }
   }
 }
+var EditorComponent;
+(function(EditorComponent2) {
+  EditorComponent2["COMPONENT"] = "component";
+  EditorComponent2["MENU"] = "menu";
+  EditorComponent2["MAIN"] = "main";
+  EditorComponent2["FOOTER"] = "footer";
+  EditorComponent2["CONTEXTMENU"] = "contextmenu";
+  EditorComponent2["POPUP"] = "popup";
+  EditorComponent2["CATALOG"] = "catalog";
+  EditorComponent2["COMMENT"] = "comment";
+})(EditorComponent || (EditorComponent = {}));
+var EditorContext;
+(function(EditorContext2) {
+  EditorContext2["PAGE"] = "page";
+  EditorContext2["TABLE"] = "table";
+})(EditorContext || (EditorContext = {}));
+var EditorMode;
+(function(EditorMode2) {
+  EditorMode2["EDIT"] = "edit";
+  EditorMode2["CLEAN"] = "clean";
+  EditorMode2["READONLY"] = "readonly";
+  EditorMode2["FORM"] = "form";
+  EditorMode2["PRINT"] = "print";
+})(EditorMode || (EditorMode = {}));
+var EditorZone;
+(function(EditorZone2) {
+  EditorZone2["HEADER"] = "header";
+  EditorZone2["MAIN"] = "main";
+  EditorZone2["FOOTER"] = "footer";
+})(EditorZone || (EditorZone = {}));
+var PageMode;
+(function(PageMode2) {
+  PageMode2["PAGING"] = "paging";
+  PageMode2["CONTINUITY"] = "continuity";
+})(PageMode || (PageMode = {}));
+var PaperDirection;
+(function(PaperDirection2) {
+  PaperDirection2["VERTICAL"] = "vertical";
+  PaperDirection2["HORIZONTAL"] = "horizontal";
+})(PaperDirection || (PaperDirection = {}));
+var WordBreak;
+(function(WordBreak2) {
+  WordBreak2["BREAK_ALL"] = "break-all";
+  WordBreak2["BREAK_WORD"] = "break-word";
+})(WordBreak || (WordBreak = {}));
 var MouseEventButton;
 (function(MouseEventButton2) {
   MouseEventButton2[MouseEventButton2["LEFT"] = 0] = "LEFT";
@@ -5688,10 +5741,14 @@ function mousedown(evt, host) {
   const previewer = draw.getPreviewer();
   previewer.clearResizer();
   if (isDirectHitImage) {
-    previewer.drawResizer(curElement, positionList[curIndex], curElement.type === ElementType.LATEX ? {
-      mime: "svg",
-      srcKey: "laTexSVG"
-    } : {});
+    const previewerDrawOption = {
+      dragDisable: isReadonly || !curElement.controlId && draw.getMode() === EditorMode.FORM
+    };
+    if (curElement.type === ElementType.LATEX) {
+      previewerDrawOption.mime = "svg";
+      previewerDrawOption.srcKey = "laTexSVG";
+    }
+    previewer.drawResizer(curElement, positionList[curIndex], previewerDrawOption);
     draw.getCursor().drawCursor({
       isShow: false
     });
@@ -5702,7 +5759,7 @@ function mousedown(evt, host) {
   }
   const tableTool = draw.getTableTool();
   tableTool.dispose();
-  if (isTable && !isReadonly) {
+  if (isTable && !isReadonly && draw.getMode() !== EditorMode.FORM) {
     tableTool.render();
   }
   const hyperlinkParticle = draw.getHyperlinkParticle();
@@ -5989,51 +6046,6 @@ function mousemove(evt, host) {
     isCompute: false
   });
 }
-var EditorComponent;
-(function(EditorComponent2) {
-  EditorComponent2["COMPONENT"] = "component";
-  EditorComponent2["MENU"] = "menu";
-  EditorComponent2["MAIN"] = "main";
-  EditorComponent2["FOOTER"] = "footer";
-  EditorComponent2["CONTEXTMENU"] = "contextmenu";
-  EditorComponent2["POPUP"] = "popup";
-  EditorComponent2["CATALOG"] = "catalog";
-  EditorComponent2["COMMENT"] = "comment";
-})(EditorComponent || (EditorComponent = {}));
-var EditorContext;
-(function(EditorContext2) {
-  EditorContext2["PAGE"] = "page";
-  EditorContext2["TABLE"] = "table";
-})(EditorContext || (EditorContext = {}));
-var EditorMode;
-(function(EditorMode2) {
-  EditorMode2["EDIT"] = "edit";
-  EditorMode2["CLEAN"] = "clean";
-  EditorMode2["READONLY"] = "readonly";
-  EditorMode2["FORM"] = "form";
-  EditorMode2["PRINT"] = "print";
-})(EditorMode || (EditorMode = {}));
-var EditorZone;
-(function(EditorZone2) {
-  EditorZone2["HEADER"] = "header";
-  EditorZone2["MAIN"] = "main";
-  EditorZone2["FOOTER"] = "footer";
-})(EditorZone || (EditorZone = {}));
-var PageMode;
-(function(PageMode2) {
-  PageMode2["PAGING"] = "paging";
-  PageMode2["CONTINUITY"] = "continuity";
-})(PageMode || (PageMode = {}));
-var PaperDirection;
-(function(PaperDirection2) {
-  PaperDirection2["VERTICAL"] = "vertical";
-  PaperDirection2["HORIZONTAL"] = "horizontal";
-})(PaperDirection || (PaperDirection = {}));
-var WordBreak;
-(function(WordBreak2) {
-  WordBreak2["BREAK_ALL"] = "break-all";
-  WordBreak2["BREAK_WORD"] = "break-word";
-})(WordBreak || (WordBreak = {}));
 function backspace(evt, host) {
   const draw = host.getDraw();
   if (draw.isReadonly())
@@ -6970,26 +6982,66 @@ function cut(host) {
   rangeManager.setRange(curIndex, curIndex);
   draw.render({ curIndex });
 }
-function copy(host) {
+async function copy(host) {
   const draw = host.getDraw();
   const { copy: copy2 } = draw.getOverride();
   if (copy2) {
-    copy2();
-    return;
+    const overrideResult = isPromiseFunction(copy2) ? await copy2() : copy2();
+    if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
+      return;
   }
   const rangeManager = draw.getRange();
-  const copyElementList = rangeManager.getIsCollapsed() ? rangeManager.getRangeRowElementList() : rangeManager.getSelectionElementList();
+  let copyElementList = null;
+  const range = rangeManager.getRange();
+  if (range.isCrossRowCol) {
+    const tableElement = rangeManager.getRangeTableElement();
+    if (!tableElement)
+      return;
+    const rowCol = draw.getTableParticle().getRangeRowCol();
+    if (!rowCol)
+      return;
+    const copyTableElement = {
+      type: ElementType.TABLE,
+      value: "",
+      colgroup: [],
+      trList: []
+    };
+    const firstRow = rowCol[0];
+    const colStartIndex = firstRow[0].colIndex;
+    const lastCol = firstRow[firstRow.length - 1];
+    const colEndIndex = lastCol.colIndex + lastCol.colspan - 1;
+    for (let c = colStartIndex; c <= colEndIndex; c++) {
+      copyTableElement.colgroup.push(tableElement.colgroup[c]);
+    }
+    for (let r = 0; r < rowCol.length; r++) {
+      const row = rowCol[r];
+      const tr = tableElement.trList[row[0].rowIndex];
+      const coptTr = {
+        tdList: [],
+        height: tr.height,
+        minHeight: tr.minHeight
+      };
+      for (let c = 0; c < row.length; c++) {
+        coptTr.tdList.push(row[c]);
+      }
+      copyTableElement.trList.push(coptTr);
+    }
+    copyElementList = zipElementList([copyTableElement]);
+  } else {
+    copyElementList = rangeManager.getIsCollapsed() ? rangeManager.getRangeRowElementList() : rangeManager.getSelectionElementList();
+  }
   if (!(copyElementList == null ? void 0 : copyElementList.length))
     return;
   writeElementList(copyElementList, draw.getOptions());
 }
-function drop(evt, host) {
+async function drop(evt, host) {
   var _a, _b;
   const draw = host.getDraw();
   const { drop: drop2 } = draw.getOverride();
   if (drop2) {
-    drop2(evt);
-    return;
+    const overrideResult = isPromiseFunction(drop2) ? await drop2(evt) : drop2(evt);
+    if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
+      return;
   }
   evt.preventDefault();
   const data2 = (_a = evt.dataTransfer) == null ? void 0 : _a.getData("text");
@@ -7824,6 +7876,7 @@ class Position {
                 x,
                 y,
                 td,
+                pageNo: curPageNo,
                 tablePosition: positionList[j],
                 isTable: true,
                 elementList: td.value,
@@ -7884,6 +7937,7 @@ class Position {
           }
         }
         return {
+          isDirectHit: true,
           hitLineStartIndex: hitLineStartIndex2,
           index: curPositionIndex2,
           isControl: !!element.controlId
@@ -8287,6 +8341,13 @@ class RangeManager {
     var _a;
     return ((_a = this.getRangeParagraphInfo()) == null ? void 0 : _a.elementList) || null;
   }
+  getRangeTableElement() {
+    const positionContext = this.position.getPositionContext();
+    if (!positionContext.isTable)
+      return null;
+    const originalElementList = this.draw.getOriginalElementList();
+    return originalElementList[positionContext.index];
+  }
   getIsSelectAll() {
     const elementList = this.draw.getElementList();
     const { startIndex, endIndex } = this.range;
@@ -9719,6 +9780,8 @@ class TableParticle {
         td.height = height;
         td.rowIndex = t;
         td.colIndex = colIndex;
+        td.trIndex = t;
+        td.tdIndex = d;
         preX += width;
         if (isLastRowTd && !isLastTd) {
           preX = 0;
@@ -12251,29 +12314,39 @@ class Control {
     }
   }
   setPropertiesByConceptId(payload) {
-    var _a;
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
     const { conceptId, properties } = payload;
     let isExistUpdate = false;
-    const pageComponentData = {
-      header: this.draw.getHeaderElementList(),
-      main: this.draw.getOriginalMainElementList(),
-      footer: this.draw.getFooterElementList()
-    };
-    for (const key in pageComponentData) {
-      const elementList = pageComponentData[key];
+    function setProperties(elementList) {
+      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
         i++;
+        if (element.type === ElementType.TABLE) {
+          const trList = element.trList;
+          for (let r = 0; r < trList.length; r++) {
+            const tr = trList[r];
+            for (let d = 0; d < tr.tdList.length; d++) {
+              const td = tr.tdList[d];
+              setProperties(td.value);
+            }
+          }
+        }
         if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
           continue;
         isExistUpdate = true;
         element.control = __spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
           value: element.control.value
         });
+        CONTROL_STYLE_ATTR.forEach((key) => {
+          const controlStyleProperty = properties[key];
+          if (controlStyleProperty) {
+            Reflect.set(element, key, controlStyleProperty);
+          }
+        });
         let newEndIndex = i;
         while (newEndIndex < elementList.length) {
           const nextElement = elementList[newEndIndex];
@@ -12284,6 +12357,15 @@ class Control {
         i = newEndIndex;
       }
     }
+    const pageComponentData = {
+      header: this.draw.getHeaderElementList(),
+      main: this.draw.getOriginalMainElementList(),
+      footer: this.draw.getFooterElementList()
+    };
+    for (const key in pageComponentData) {
+      const elementList = pageComponentData[key];
+      setProperties(elementList);
+    }
     if (!isExistUpdate)
       return;
     for (const key in pageComponentData) {
@@ -12875,7 +12957,7 @@ class Previewer {
     document.addEventListener("mousemove", mousemoveFn);
     document.addEventListener("mouseup", () => {
       var _a;
-      if (this.curElement) {
+      if (this.curElement && !this.previewerDrawOption.dragDisable) {
         this.curElement.width = this.width;
         this.curElement.height = this.height;
         this.draw.render({
@@ -12893,7 +12975,7 @@ class Previewer {
     evt.preventDefault();
   }
   _mousemove(evt) {
-    if (!this.curElement)
+    if (!this.curElement || this.previewerDrawOption.dragDisable)
       return;
     const { scale } = this.options;
     let dx = 0;
@@ -14372,6 +14454,34 @@ class Group {
     this.clearFillInfo();
   }
 }
+class MouseObserver {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "eventBus");
+    __publicField(this, "pageContainer");
+    this.draw = draw;
+    this.eventBus = this.draw.getEventBus();
+    this.pageContainer = this.draw.getPageContainer();
+    this.pageContainer.addEventListener("mousemove", this._mousemove.bind(this));
+    this.pageContainer.addEventListener("mouseenter", this._mouseenter.bind(this));
+    this.pageContainer.addEventListener("mouseleave", this._mouseleave.bind(this));
+  }
+  _mousemove(evt) {
+    if (!this.eventBus.isSubscribe("mousemove"))
+      return;
+    this.eventBus.emit("mousemove", evt);
+  }
+  _mouseenter(evt) {
+    if (!this.eventBus.isSubscribe("mouseenter"))
+      return;
+    this.eventBus.emit("mouseenter", evt);
+  }
+  _mouseleave(evt) {
+    if (!this.eventBus.isSubscribe("mouseleave"))
+      return;
+    this.eventBus.emit("mouseleave", evt);
+  }
+}
 class Draw {
   constructor(rootContainer, options, data2, listener, eventBus, override) {
     __publicField(this, "container");
@@ -14490,6 +14600,7 @@ class Draw {
     this.scrollObserver = new ScrollObserver(this);
     this.selectionObserver = new SelectionObserver(this);
     this.imageObserver = new ImageObserver();
+    new MouseObserver(this);
     this.canvasEvent = new CanvasEvent(this);
     this.cursor = new Cursor(this, this.canvasEvent);
     this.canvasEvent.register();
@@ -14539,6 +14650,7 @@ class Draw {
       this.setEditorData(this.printModeData);
       this.printModeData = null;
     }
+    this.clearSideEffect();
     this.range.clearRange();
     this.mode = payload;
     this.render({
@@ -16237,6 +16349,7 @@ class Command {
     __publicField(this, "getControlList");
     __publicField(this, "getContainer");
     __publicField(this, "getTitleValue");
+    __publicField(this, "getPositionContextByEvent");
     this.executeMode = adapt.mode.bind(adapt);
     this.executeCut = adapt.cut.bind(adapt);
     this.executeCopy = adapt.copy.bind(adapt);
@@ -16343,6 +16456,7 @@ class Command {
     this.getGroupIds = adapt.getGroupIds.bind(adapt);
     this.getContainer = adapt.getContainer.bind(adapt);
     this.getTitleValue = adapt.getTitleValue.bind(adapt);
+    this.getPositionContextByEvent = adapt.getPositionContextByEvent.bind(adapt);
     this.executeSetControlValue = adapt.setControlValue.bind(adapt);
     this.executeSetControlExtension = adapt.setControlExtension.bind(adapt);
     this.executeSetControlProperties = adapt.setControlProperties.bind(adapt);
@@ -16576,6 +16690,7 @@ class CommandAdapt {
     __publicField(this, "workerManager");
     __publicField(this, "searchManager");
     __publicField(this, "i18n");
+    __publicField(this, "zone");
     this.draw = draw;
     this.range = draw.getRange();
     this.position = draw.getPosition();
@@ -16587,6 +16702,7 @@ class CommandAdapt {
     this.workerManager = draw.getWorkerManager();
     this.searchManager = draw.getSearch();
     this.i18n = draw.getI18n();
+    this.zone = draw.getZone();
   }
   mode(payload) {
     this.draw.setMode(payload);
@@ -16740,13 +16856,9 @@ class CommandAdapt {
     if (!changeElementList.length)
       return;
     changeElementList.forEach((el) => {
-      delete el.size;
-      delete el.font;
-      delete el.color;
-      delete el.bold;
-      delete el.italic;
-      delete el.underline;
-      delete el.strikeout;
+      EDITOR_ELEMENT_STYLE_ATTR.forEach((attr) => {
+        delete el[attr];
+      });
     });
     this.draw.render(renderOption);
   }
@@ -17684,7 +17796,11 @@ class CommandAdapt {
         d++;
       }
     }
-    const curIndex = startTd.value.length - 1;
+    this.position.setPositionContext(__spreadProps(__spreadValues({}, positionContext), {
+      trIndex: anchorTd.trIndex,
+      tdIndex: anchorTd.tdIndex
+    }));
+    const curIndex = anchorTd.value.length - 1;
     this.range.setRange(curIndex, curIndex);
     this.draw.render();
     this.tableTool.render();
@@ -18840,6 +18956,50 @@ class CommandAdapt {
     }
     return result;
   }
+  getPositionContextByEvent(evt) {
+    var _a, _b, _c;
+    const pageIndex = (_a = evt.target) == null ? void 0 : _a.dataset.index;
+    if (!pageIndex)
+      return null;
+    const pageNo = Number(pageIndex);
+    const positionContext = this.position.getPositionByXY({
+      x: evt.offsetX,
+      y: evt.offsetY,
+      pageNo
+    });
+    const { isDirectHit, isTable, index: index2, trIndex, tdIndex, tdValueIndex, zone: zone2 } = positionContext;
+    if (!isDirectHit || zone2 && zone2 !== this.zone.getZone())
+      return null;
+    let element = null;
+    const elementList = this.draw.getOriginalElementList();
+    let position = null;
+    const positionList = this.position.getOriginalPositionList();
+    if (isTable) {
+      const td = (_b = elementList[index2].trList) == null ? void 0 : _b[trIndex].tdList[tdIndex];
+      element = (td == null ? void 0 : td.value[tdValueIndex]) || null;
+      position = ((_c = td == null ? void 0 : td.positionList) == null ? void 0 : _c[tdValueIndex]) || null;
+    } else {
+      element = elementList[index2] || null;
+      position = positionList[index2] || null;
+    }
+    let rangeRect = null;
+    if (position) {
+      const { pageNo: pageNo2, coordinate: { leftTop, rightTop }, lineHeight } = position;
+      const height = this.draw.getOriginalHeight();
+      const pageGap = this.draw.getOriginalPageGap();
+      rangeRect = {
+        x: leftTop[0],
+        y: leftTop[1] + pageNo2 * (height + pageGap),
+        width: rightTop[0] - leftTop[0],
+        height: lineHeight
+      };
+    }
+    return {
+      pageNo,
+      element,
+      rangeRect
+    };
+  }
   insertTitle(payload) {
     var _a;
     const isReadonly = this.draw.isReadonly();
@@ -18963,7 +19123,7 @@ const controlMenus = [
     i18nPath: "contextmenu.control.delete",
     when: (payload) => {
       var _a;
-      return !payload.isReadonly && !payload.editorHasSelection && !!((_a = payload.startElement) == null ? void 0 : _a.controlId);
+      return !payload.isReadonly && !payload.editorHasSelection && !!((_a = payload.startElement) == null ? void 0 : _a.controlId) && payload.options.mode !== EditorMode.FORM;
     },
     callback: (command) => {
       command.executeRemoveControl();
@@ -19160,7 +19320,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.border",
     icon: "border-all",
     when: (payload) => {
-      return !payload.isReadonly && payload.isInTable;
+      return !payload.isReadonly && payload.isInTable && payload.options.mode !== EditorMode.FORM;
     },
     childMenus: [
       {
@@ -19259,7 +19419,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.verticalAlign",
     icon: "vertical-align",
     when: (payload) => {
-      return !payload.isReadonly && payload.isInTable;
+      return !payload.isReadonly && payload.isInTable && payload.options.mode !== EditorMode.FORM;
     },
     childMenus: [
       {
@@ -19296,7 +19456,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.insertRowCol",
     icon: "insert-row-col",
     when: (payload) => {
-      return !payload.isReadonly && payload.isInTable;
+      return !payload.isReadonly && payload.isInTable && payload.options.mode !== EditorMode.FORM;
     },
     childMenus: [
       {
@@ -19342,7 +19502,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.deleteRowCol",
     icon: "delete-row-col",
     when: (payload) => {
-      return !payload.isReadonly && payload.isInTable;
+      return !payload.isReadonly && payload.isInTable && payload.options.mode !== EditorMode.FORM;
     },
     childMenus: [
       {
@@ -19379,7 +19539,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.mergeCell",
     icon: "merge-cell",
     when: (payload) => {
-      return !payload.isReadonly && payload.isCrossRowCol;
+      return !payload.isReadonly && payload.isCrossRowCol && payload.options.mode !== EditorMode.FORM;
     },
     callback: (command) => {
       command.executeMergeTableCell();
@@ -19390,7 +19550,7 @@ const tableMenus = [
     i18nPath: "contextmenu.table.mergeCancelCell",
     icon: "merge-cancel-cell",
     when: (payload) => {
-      return !payload.isReadonly && payload.isInTable;
+      return !payload.isReadonly && payload.isInTable && payload.options.mode !== EditorMode.FORM;
     },
     callback: (command) => {
       command.executeCancelMergeTableCell();
@@ -19512,7 +19672,8 @@ class ContextMenu {
       isInTable: isTable,
       trIndex: trIndex != null ? trIndex : null,
       tdIndex: tdIndex != null ? tdIndex : null,
-      tableElement
+      tableElement,
+      options: this.options
     };
   }
   _createContextMenuContainer() {