@hufe921/canvas-editor 0.9.51 → 0.9.53

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.51";
+const version = "0.9.53";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -257,6 +257,15 @@ function cloneProperty(properties, sourceElement, targetElement) {
     }
   }
 }
+function pickObject(object, pickKeys) {
+  const newObject = {};
+  for (const key in object) {
+    if (pickKeys.includes(key)) {
+      newObject[key] = object[key];
+    }
+  }
+  return newObject;
+}
 function omitObject(object, omitKeys) {
   const newObject = {};
   for (const key in object) {
@@ -5320,6 +5329,8 @@ function keydown(evt, host) {
       }
       curIndex = isCollapsed ? index2 - 1 : startIndex;
     }
+    if (curIndex === null)
+      return;
     rangeManager.setRange(curIndex, curIndex);
     draw.render({ curIndex });
   } else if (evt.key === KeyMap.Delete) {
@@ -5338,6 +5349,8 @@ function keydown(evt, host) {
       }
       curIndex = isCollapsed ? index2 : startIndex;
     }
+    if (curIndex === null)
+      return;
     rangeManager.setRange(curIndex, curIndex);
     draw.render({ curIndex });
   } else if (evt.key === KeyMap.Enter) {
@@ -5559,12 +5572,12 @@ function keydown(evt, host) {
       direction: isUp ? MoveDirection.UP : MoveDirection.DOWN
     });
   } else if (isMod(evt) && evt.key === KeyMap.Z) {
-    if (isReadonly)
+    if (isReadonly && draw.getMode() !== EditorMode.FORM)
       return;
     historyManager.undo();
     evt.preventDefault();
   } else if (isMod(evt) && evt.key === KeyMap.Y) {
-    if (isReadonly)
+    if (isReadonly && draw.getMode() !== EditorMode.FORM)
       return;
     historyManager.redo();
     evt.preventDefault();
@@ -5780,6 +5793,11 @@ function cut(host) {
 }
 function copy(host) {
   const draw = host.getDraw();
+  const { copy: copy2 } = draw.getOverride();
+  if (copy2) {
+    copy2();
+    return;
+  }
   const rangeManager = draw.getRange();
   const copyElementList = rangeManager.getIsCollapsed() ? rangeManager.getRangeRowElementList() : rangeManager.getSelectionElementList();
   if (!(copyElementList == null ? void 0 : copyElementList.length))
@@ -5845,6 +5863,7 @@ function dblclick(host, evt) {
     isSetCursor: false,
     isCompute: false
   });
+  rangeManager.setRangeStyle();
 }
 function threeClick(host) {
   const draw = host.getDraw();
@@ -8680,9 +8699,9 @@ class SelectControl {
     var _a;
     return ((_a = this.element.control) == null ? void 0 : _a.code) || null;
   }
-  getValue() {
-    const elementList = this.control.getElementList();
-    const { startIndex } = this.control.getRange();
+  getValue(context = {}) {
+    const elementList = context.elementList || this.control.getElementList();
+    const { startIndex } = context.range || this.control.getRange();
     const startElement = elementList[startIndex];
     const data2 = [];
     let preIndex = startIndex;
@@ -8791,20 +8810,20 @@ class SelectControl {
     const valueSet = valueSets.find((v) => v.code === code);
     if (!valueSet)
       return;
-    const startIndex = this.clearSelect(context);
-    this.control.removePlaceholder(startIndex);
     const elementList = context.elementList || this.control.getElementList();
-    const startElement = elementList[startIndex];
-    const anchorElement = startElement.controlComponent === ControlComponent.PREFIX ? omitObject(startElement, EDITOR_ELEMENT_STYLE_ATTR) : startElement;
-    const start = startIndex + 1;
+    const styleElement = pickObject(this.getValue(context)[0], EDITOR_ELEMENT_STYLE_ATTR);
+    const prefixIndex = this.clearSelect(context);
+    this.control.removePlaceholder(prefixIndex);
+    const propertyElement = omitObject(elementList[prefixIndex], EDITOR_ELEMENT_STYLE_ATTR);
+    const start = prefixIndex + 1;
     const data2 = splitText(valueSet.value);
     const draw = this.control.getDraw();
     for (let i = 0; i < data2.length; i++) {
-      const newElement = __spreadProps(__spreadValues({}, anchorElement), {
+      const newElement = __spreadProps(__spreadValues(__spreadValues({}, styleElement), propertyElement), {
         value: data2[i],
         controlComponent: ControlComponent.VALUE
       });
-      formatElementContext(elementList, [newElement], startIndex);
+      formatElementContext(elementList, [newElement], prefixIndex);
       draw.spliceElementList(elementList, start + i, 0, newElement);
     }
     this.element.control.code = code;
@@ -9233,6 +9252,9 @@ class Control {
   removeControl(startIndex) {
     const elementList = this.getElementList();
     const startElement = elementList[startIndex];
+    const { deletable = true } = startElement.control;
+    if (!deletable)
+      return null;
     let leftIndex = -1;
     let rightIndex = -1;
     let preIndex = startIndex;
@@ -9347,19 +9369,19 @@ class Control {
         j++;
       }
       if (type === ControlType.TEXT) {
-        result.push({
+        result.push(__spreadProps(__spreadValues({}, element.control), {
           value: textControlValue || null,
           innerText: textControlValue || null
-        });
+        }));
       } else if (type === ControlType.SELECT || type === ControlType.CHECKBOX) {
         const innerText = code == null ? void 0 : code.split(",").map((selectCode) => {
           var _a2;
           return (_a2 = valueSets == null ? void 0 : valueSets.find((valueSet) => valueSet.code === selectCode)) == null ? void 0 : _a2.value;
         }).filter(Boolean).join("");
-        result.push({
+        result.push(__spreadProps(__spreadValues({}, element.control), {
           value: code || null,
           innerText: innerText || null
-        });
+        }));
       }
       i = j;
     }
@@ -9448,6 +9470,36 @@ class Control {
       });
     }
   }
+  setExtensionByConceptId(payload) {
+    var _a;
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    const { conceptId, extension } = payload;
+    const data2 = [
+      this.draw.getHeaderElementList(),
+      this.draw.getOriginalMainElementList(),
+      this.draw.getFooterElementList()
+    ];
+    for (const elementList of data2) {
+      let i = 0;
+      while (i < elementList.length) {
+        const element = elementList[i];
+        i++;
+        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+          continue;
+        element.control.extension = extension;
+        let newEndIndex = i;
+        while (newEndIndex < elementList.length) {
+          const nextElement = elementList[newEndIndex];
+          if (nextElement.controlId !== element.controlId)
+            break;
+          newEndIndex++;
+        }
+        i = newEndIndex;
+      }
+    }
+  }
 }
 class CheckboxParticle {
   constructor(draw) {
@@ -12824,6 +12876,7 @@ class Command {
     __publicField(this, "executeBackspace");
     __publicField(this, "executeSetRange");
     __publicField(this, "executeForceUpdate");
+    __publicField(this, "executeBlur");
     __publicField(this, "executeUndo");
     __publicField(this, "executeRedo");
     __publicField(this, "executePainter");
@@ -12897,6 +12950,7 @@ class Command {
     __publicField(this, "executeDeleteGroup");
     __publicField(this, "executeLocationGroup");
     __publicField(this, "executeSetControlValue");
+    __publicField(this, "executeSetControlExtension");
     __publicField(this, "getCatalog");
     __publicField(this, "getImage");
     __publicField(this, "getOptions");
@@ -12913,6 +12967,7 @@ class Command {
     __publicField(this, "getLocale");
     __publicField(this, "getGroupIds");
     __publicField(this, "getControlValue");
+    __publicField(this, "getContainer");
     this.executeMode = adapt.mode.bind(adapt);
     this.executeCut = adapt.cut.bind(adapt);
     this.executeCopy = adapt.copy.bind(adapt);
@@ -12921,6 +12976,7 @@ class Command {
     this.executeBackspace = adapt.backspace.bind(adapt);
     this.executeSetRange = adapt.setRange.bind(adapt);
     this.executeForceUpdate = adapt.forceUpdate.bind(adapt);
+    this.executeBlur = adapt.blur.bind(adapt);
     this.executeUndo = adapt.undo.bind(adapt);
     this.executeRedo = adapt.redo.bind(adapt);
     this.executePainter = adapt.painter.bind(adapt);
@@ -13008,7 +13064,9 @@ class Command {
     this.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
     this.getLocale = adapt.getLocale.bind(adapt);
     this.getGroupIds = adapt.getGroupIds.bind(adapt);
+    this.getContainer = adapt.getContainer.bind(adapt);
     this.executeSetControlValue = adapt.setControlValue.bind(adapt);
+    this.executeSetControlExtension = adapt.setControlExtension.bind(adapt);
     this.getControlValue = adapt.getControlValue.bind(adapt);
   }
 }
@@ -13148,6 +13206,10 @@ class CommandAdapt {
       isSetCursor: false
     });
   }
+  blur() {
+    this.range.clearRange();
+    this.draw.getCursor().recoveryCursor();
+  }
   undo() {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
@@ -14697,9 +14759,9 @@ class CommandAdapt {
           currentX = leftTop[0];
         } else {
           rangeRect.width = rightTop[0] - currentX;
-          if (p === selectionPositionList.length - 1 && rangeRect) {
-            rangeRects.push(rangeRect);
-          }
+        }
+        if (p === selectionPositionList.length - 1 && rangeRect) {
+          rangeRects.push(rangeRect);
         }
       }
     }
@@ -14787,6 +14849,8 @@ class CommandAdapt {
       return;
     const control = this.draw.getControl();
     const newIndex = control.removeControl(startIndex);
+    if (newIndex === null)
+      return;
     this.range.setRange(newIndex, newIndex);
     this.draw.render({
       curIndex: newIndex
@@ -14905,6 +14969,15 @@ class CommandAdapt {
       return;
     this.draw.getControl().setValueByConceptId(payload);
   }
+  setControlExtension(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    this.draw.getControl().setExtensionByConceptId(payload);
+  }
+  getContainer() {
+    return this.draw.getContainer();
+  }
 }
 class Listener {
   constructor() {
@@ -14933,10 +15006,12 @@ class Listener {
 class Register {
   constructor(payload) {
     __publicField(this, "contextMenuList");
+    __publicField(this, "getContextMenuList");
     __publicField(this, "shortcutList");
     __publicField(this, "langMap");
     const { contextMenu, shortcut, i18n } = payload;
     this.contextMenuList = contextMenu.registerContextMenuList.bind(contextMenu);
+    this.getContextMenuList = contextMenu.getContextMenuList.bind(contextMenu);
     this.shortcutList = shortcut.registerShortcutList.bind(shortcut);
     this.langMap = i18n.registerLangMap.bind(i18n);
   }
@@ -14944,8 +15019,59 @@ class Register {
 const NAME_PLACEHOLDER = {
   SELECTED_TEXT: "%s"
 };
+const INTERNAL_CONTEXT_MENU_KEY = {
+  GLOBAL: {
+    CUT: "globalCut",
+    COPY: "globalCopy",
+    PASTE: "globalPaste",
+    SELECT_ALL: "globalSelectAll",
+    PRINT: "globalPrint"
+  },
+  CONTROL: {
+    DELETE: "controlDelete"
+  },
+  HYPERLINK: {
+    DELETE: "hyperlinkDelete",
+    CANCEL: "hyperlinkCancel",
+    EDIT: "hyperEdit"
+  },
+  IMAGE: {
+    CHANGE: "imageChange",
+    SAVE_AS: "imageSaveAs",
+    TEXT_WRAP: "imageTextWrap",
+    TEXT_WRAP_EMBED: "imageTextWrapEmbed",
+    TEXT_WRAP_UP_DOWN: "imageTextWrapUpDown"
+  },
+  TABLE: {
+    BORDER: "border",
+    BORDER_ALL: "tableBorderAll",
+    BORDER_EMPTY: "tableBorderEmpty",
+    BORDER_EXTERNAL: "tableBorderExternal",
+    BORDER_TD: "tableBorderTd",
+    BORDER_TD_BOTTOM: "tableBorderTdBottom",
+    BORDER_TD_FORWARD: "tableBorderTdForward",
+    BORDER_TD_BACK: "tableBorderTdBack",
+    VERTICAL_ALIGN: "tableVerticalAlign",
+    VERTICAL_ALIGN_TOP: "tableVerticalAlignTop",
+    VERTICAL_ALIGN_MIDDLE: "tableVerticalAlignMiddle",
+    VERTICAL_ALIGN_BOTTOM: "tableVerticalAlignBottom",
+    INSERT_ROW_COL: "tableInsertRowCol",
+    INSERT_TOP_ROW: "tableInsertTopRow",
+    INSERT_BOTTOM_ROW: "tableInsertBottomRow",
+    INSERT_LEFT_COL: "tableInsertLeftCol",
+    INSERT_RIGHT_COL: "tableInsertRightCol",
+    DELETE_ROW_COL: "tableDeleteRowCol",
+    DELETE_ROW: "tableDeleteRow",
+    DELETE_COL: "tableDeleteCol",
+    DELETE_TABLE: "tableDeleteTable",
+    MERGE_CELL: "tableMergeCell",
+    CANCEL_MERGE_CELL: "tableCancelMergeCell"
+  }
+};
+const { CONTROL: { DELETE: DELETE$1 } } = INTERNAL_CONTEXT_MENU_KEY;
 const controlMenus = [
   {
+    key: DELETE$1,
     i18nPath: "contextmenu.control.delete",
     when: (payload) => {
       var _a;
@@ -14956,8 +15082,10 @@ const controlMenus = [
     }
   }
 ];
+const { GLOBAL: { CUT, COPY, PASTE, SELECT_ALL, PRINT } } = INTERNAL_CONTEXT_MENU_KEY;
 const globalMenus = [
   {
+    key: CUT,
     i18nPath: "contextmenu.global.cut",
     shortCut: `${isApple ? "\u2318" : "Ctrl"} + X`,
     when: (payload) => {
@@ -14968,6 +15096,7 @@ const globalMenus = [
     }
   },
   {
+    key: COPY,
     i18nPath: "contextmenu.global.copy",
     shortCut: `${isApple ? "\u2318" : "Ctrl"} + C`,
     when: (payload) => {
@@ -14978,6 +15107,7 @@ const globalMenus = [
     }
   },
   {
+    key: PASTE,
     i18nPath: "contextmenu.global.paste",
     shortCut: `${isApple ? "\u2318" : "Ctrl"} + V`,
     when: (payload) => {
@@ -14988,6 +15118,7 @@ const globalMenus = [
     }
   },
   {
+    key: SELECT_ALL,
     i18nPath: "contextmenu.global.selectAll",
     shortCut: `${isApple ? "\u2318" : "Ctrl"} + A`,
     when: (payload) => {
@@ -15001,6 +15132,7 @@ const globalMenus = [
     isDivider: true
   },
   {
+    key: PRINT,
     i18nPath: "contextmenu.global.print",
     icon: "print",
     when: () => true,
@@ -15009,8 +15141,10 @@ const globalMenus = [
     }
   }
 ];
+const { HYPERLINK: { DELETE, CANCEL, EDIT } } = INTERNAL_CONTEXT_MENU_KEY;
 const hyperlinkMenus = [
   {
+    key: DELETE,
     i18nPath: "contextmenu.hyperlink.delete",
     when: (payload) => {
       var _a;
@@ -15021,6 +15155,7 @@ const hyperlinkMenus = [
     }
   },
   {
+    key: CANCEL,
     i18nPath: "contextmenu.hyperlink.cancel",
     when: (payload) => {
       var _a;
@@ -15031,6 +15166,7 @@ const hyperlinkMenus = [
     }
   },
   {
+    key: EDIT,
     i18nPath: "contextmenu.hyperlink.edit",
     when: (payload) => {
       var _a;
@@ -15045,8 +15181,10 @@ const hyperlinkMenus = [
     }
   }
 ];
+const { IMAGE: { CHANGE, SAVE_AS, TEXT_WRAP, TEXT_WRAP_EMBED, TEXT_WRAP_UP_DOWN } } = INTERNAL_CONTEXT_MENU_KEY;
 const imageMenus = [
   {
+    key: CHANGE,
     i18nPath: "contextmenu.image.change",
     icon: "image-change",
     when: (payload) => {
@@ -15070,6 +15208,7 @@ const imageMenus = [
     }
   },
   {
+    key: SAVE_AS,
     i18nPath: "contextmenu.image.saveAs",
     icon: "image",
     when: (payload) => {
@@ -15081,6 +15220,7 @@ const imageMenus = [
     }
   },
   {
+    key: TEXT_WRAP,
     i18nPath: "contextmenu.image.textWrap",
     when: (payload) => {
       var _a;
@@ -15088,6 +15228,7 @@ const imageMenus = [
     },
     childMenus: [
       {
+        key: TEXT_WRAP_EMBED,
         i18nPath: "contextmenu.image.textWrapType.embed",
         when: () => true,
         callback: (command, context) => {
@@ -15095,6 +15236,7 @@ const imageMenus = [
         }
       },
       {
+        key: TEXT_WRAP_UP_DOWN,
         i18nPath: "contextmenu.image.textWrapType.upDown",
         when: () => true,
         callback: (command, context) => {
@@ -15104,11 +15246,13 @@ const imageMenus = [
     ]
   }
 ];
+const { TABLE: { BORDER, BORDER_ALL, BORDER_EMPTY, BORDER_EXTERNAL, BORDER_TD, BORDER_TD_BOTTOM, BORDER_TD_BACK, BORDER_TD_FORWARD, VERTICAL_ALIGN, VERTICAL_ALIGN_TOP, VERTICAL_ALIGN_MIDDLE, VERTICAL_ALIGN_BOTTOM, INSERT_ROW_COL, INSERT_TOP_ROW, INSERT_BOTTOM_ROW, INSERT_LEFT_COL, INSERT_RIGHT_COL, DELETE_ROW_COL, DELETE_ROW, DELETE_COL, DELETE_TABLE, MERGE_CELL, CANCEL_MERGE_CELL } } = INTERNAL_CONTEXT_MENU_KEY;
 const tableMenus = [
   {
     isDivider: true
   },
   {
+    key: BORDER,
     i18nPath: "contextmenu.table.border",
     icon: "border-all",
     when: (payload) => {
@@ -15116,6 +15260,7 @@ const tableMenus = [
     },
     childMenus: [
       {
+        key: BORDER_ALL,
         i18nPath: "contextmenu.table.borderAll",
         icon: "border-all",
         when: () => true,
@@ -15124,6 +15269,7 @@ const tableMenus = [
         }
       },
       {
+        key: BORDER_EMPTY,
         i18nPath: "contextmenu.table.borderEmpty",
         icon: "border-empty",
         when: () => true,
@@ -15132,6 +15278,7 @@ const tableMenus = [
         }
       },
       {
+        key: BORDER_EXTERNAL,
         i18nPath: "contextmenu.table.borderExternal",
         icon: "border-external",
         when: () => true,
@@ -15140,11 +15287,13 @@ const tableMenus = [
         }
       },
       {
+        key: BORDER_TD,
         i18nPath: "contextmenu.table.borderTd",
         icon: "border-td",
         when: () => true,
         childMenus: [
           {
+            key: BORDER_TD_BOTTOM,
             i18nPath: "contextmenu.table.borderTdBottom",
             icon: "border-td-bottom",
             when: () => true,
@@ -15153,6 +15302,7 @@ const tableMenus = [
             }
           },
           {
+            key: BORDER_TD_FORWARD,
             i18nPath: "contextmenu.table.borderTdForward",
             icon: "border-td-forward",
             when: () => true,
@@ -15161,6 +15311,7 @@ const tableMenus = [
             }
           },
           {
+            key: BORDER_TD_BACK,
             i18nPath: "contextmenu.table.borderTdBack",
             icon: "border-td-back",
             when: () => true,
@@ -15173,6 +15324,7 @@ const tableMenus = [
     ]
   },
   {
+    key: VERTICAL_ALIGN,
     i18nPath: "contextmenu.table.verticalAlign",
     icon: "vertical-align",
     when: (payload) => {
@@ -15180,6 +15332,7 @@ const tableMenus = [
     },
     childMenus: [
       {
+        key: VERTICAL_ALIGN_TOP,
         i18nPath: "contextmenu.table.verticalAlignTop",
         icon: "vertical-align-top",
         when: () => true,
@@ -15188,6 +15341,7 @@ const tableMenus = [
         }
       },
       {
+        key: VERTICAL_ALIGN_MIDDLE,
         i18nPath: "contextmenu.table.verticalAlignMiddle",
         icon: "vertical-align-middle",
         when: () => true,
@@ -15196,6 +15350,7 @@ const tableMenus = [
         }
       },
       {
+        key: VERTICAL_ALIGN_BOTTOM,
         i18nPath: "contextmenu.table.verticalAlignBottom",
         icon: "vertical-align-bottom",
         when: () => true,
@@ -15206,6 +15361,7 @@ const tableMenus = [
     ]
   },
   {
+    key: INSERT_ROW_COL,
     i18nPath: "contextmenu.table.insertRowCol",
     icon: "insert-row-col",
     when: (payload) => {
@@ -15213,6 +15369,7 @@ const tableMenus = [
     },
     childMenus: [
       {
+        key: INSERT_TOP_ROW,
         i18nPath: "contextmenu.table.insertTopRow",
         icon: "insert-top-row",
         when: () => true,
@@ -15221,6 +15378,7 @@ const tableMenus = [
         }
       },
       {
+        key: INSERT_BOTTOM_ROW,
         i18nPath: "contextmenu.table.insertBottomRow",
         icon: "insert-bottom-row",
         when: () => true,
@@ -15229,6 +15387,7 @@ const tableMenus = [
         }
       },
       {
+        key: INSERT_LEFT_COL,
         i18nPath: "contextmenu.table.insertLeftCol",
         icon: "insert-left-col",
         when: () => true,
@@ -15237,6 +15396,7 @@ const tableMenus = [
         }
       },
       {
+        key: INSERT_RIGHT_COL,
         i18nPath: "contextmenu.table.insertRightCol",
         icon: "insert-right-col",
         when: () => true,
@@ -15247,6 +15407,7 @@ const tableMenus = [
     ]
   },
   {
+    key: DELETE_ROW_COL,
     i18nPath: "contextmenu.table.deleteRowCol",
     icon: "delete-row-col",
     when: (payload) => {
@@ -15254,6 +15415,7 @@ const tableMenus = [
     },
     childMenus: [
       {
+        key: DELETE_ROW,
         i18nPath: "contextmenu.table.deleteRow",
         icon: "delete-row",
         when: () => true,
@@ -15262,6 +15424,7 @@ const tableMenus = [
         }
       },
       {
+        key: DELETE_COL,
         i18nPath: "contextmenu.table.deleteCol",
         icon: "delete-col",
         when: () => true,
@@ -15270,6 +15433,7 @@ const tableMenus = [
         }
       },
       {
+        key: DELETE_TABLE,
         i18nPath: "contextmenu.table.deleteTable",
         icon: "delete-table",
         when: () => true,
@@ -15280,6 +15444,7 @@ const tableMenus = [
     ]
   },
   {
+    key: MERGE_CELL,
     i18nPath: "contextmenu.table.mergeCell",
     icon: "merge-cell",
     when: (payload) => {
@@ -15290,6 +15455,7 @@ const tableMenus = [
     }
   },
   {
+    key: CANCEL_MERGE_CELL,
     i18nPath: "contextmenu.table.mergeCancelCell",
     icon: "merge-cancel-cell",
     when: (payload) => {
@@ -15302,6 +15468,7 @@ const tableMenus = [
 ];
 class ContextMenu {
   constructor(draw, command) {
+    __publicField(this, "options");
     __publicField(this, "draw");
     __publicField(this, "command");
     __publicField(this, "range");
@@ -15313,22 +15480,9 @@ class ContextMenu {
     __publicField(this, "contextMenuRelationShip");
     __publicField(this, "context");
     __publicField(this, "_proxyContextMenuEvent", (evt) => {
-      var _a;
       this.context = this._getContext();
-      const renderList = [];
-      let isRegisterContextMenu = false;
-      for (let c = 0; c < this.contextMenuList.length; c++) {
-        const menu = this.contextMenuList[c];
-        if (menu.isDivider) {
-          renderList.push(menu);
-        } else {
-          const isMatch = (_a = menu.when) == null ? void 0 : _a.call(menu, this.context);
-          if (isMatch) {
-            renderList.push(menu);
-            isRegisterContextMenu = true;
-          }
-        }
-      }
+      const renderList = this._filterMenuList(this.contextMenuList);
+      const isRegisterContextMenu = renderList.some((menu) => !menu.isDivider);
       if (isRegisterContextMenu) {
         this.dispose();
         this._render({
@@ -15348,6 +15502,7 @@ class ContextMenu {
         }
       }
     });
+    this.options = draw.getOptions();
     this.draw = draw;
     this.command = command;
     this.range = draw.getRange();
@@ -15366,6 +15521,9 @@ class ContextMenu {
     this.contextMenuRelationShip = new Map();
     this._addEvent();
   }
+  getContextMenuList() {
+    return this.contextMenuList;
+  }
   _addEvent() {
     this.container.addEventListener("contextmenu", this._proxyContextMenuEvent);
     document.addEventListener("mousedown", this._handleSideEffect);
@@ -15374,6 +15532,25 @@ class ContextMenu {
     this.container.removeEventListener("contextmenu", this._proxyContextMenuEvent);
     document.removeEventListener("mousedown", this._handleSideEffect);
   }
+  _filterMenuList(menuList) {
+    var _a;
+    const { contextMenuDisableKeys } = this.options;
+    const renderList = [];
+    for (let m = 0; m < menuList.length; m++) {
+      const menu = menuList[m];
+      if (menu.disable || menu.key && contextMenuDisableKeys.includes(menu.key)) {
+        continue;
+      }
+      if (menu.isDivider) {
+        renderList.push(menu);
+      } else {
+        if ((_a = menu.when) == null ? void 0 : _a.call(menu, this.context)) {
+          renderList.push(menu);
+        }
+      }
+    }
+    return renderList;
+  }
   _getContext() {
     const isReadonly = this.draw.isReadonly();
     const { isCrossRowCol: crossRowCol, startIndex, endIndex } = this.range.getRange();
@@ -15405,6 +15582,7 @@ class ContextMenu {
     return contextMenuContainer;
   }
   _render(payload) {
+    var _a;
     const { contextMenuList, left, top, parentMenuContainer } = payload;
     const contextMenuContainer = this._createContextMenuContainer();
     const contextMenuContent = document.createElement("div");
@@ -15416,7 +15594,7 @@ class ContextMenu {
     for (let c = 0; c < contextMenuList.length; c++) {
       const menu = contextMenuList[c];
       if (menu.isDivider) {
-        if (c !== 0 && c !== contextMenuList.length - 1) {
+        if (c !== 0 && c !== contextMenuList.length - 1 && !((_a = contextMenuList[c - 1]) == null ? void 0 : _a.isDivider)) {
           const divider = document.createElement("div");
           divider.classList.add(`${EDITOR_PREFIX}-contextmenu-divider`);
           contextMenuContent.append(divider);
@@ -15425,25 +15603,29 @@ class ContextMenu {
         const menuItem = document.createElement("div");
         menuItem.classList.add(`${EDITOR_PREFIX}-contextmenu-item`);
         if (menu.childMenus) {
-          menuItem.classList.add(`${EDITOR_PREFIX}-contextmenu-sub-item`);
-          menuItem.onmouseenter = () => {
-            this._setHoverStatus(menuItem, true);
-            this._removeSubMenu(contextMenuContainer);
-            const subMenuRect = menuItem.getBoundingClientRect();
-            const left2 = subMenuRect.left + subMenuRect.width;
-            const top2 = subMenuRect.top;
-            childMenuContainer = this._render({
-              contextMenuList: menu.childMenus,
-              left: left2,
-              top: top2,
-              parentMenuContainer: contextMenuContainer
-            });
-          };
-          menuItem.onmouseleave = (evt) => {
-            if (!childMenuContainer || !childMenuContainer.contains(evt.relatedTarget)) {
-              this._setHoverStatus(menuItem, false);
-            }
-          };
+          const childMenus = this._filterMenuList(menu.childMenus);
+          const isRegisterContextMenu = childMenus.some((menu2) => !menu2.isDivider);
+          if (isRegisterContextMenu) {
+            menuItem.classList.add(`${EDITOR_PREFIX}-contextmenu-sub-item`);
+            menuItem.onmouseenter = () => {
+              this._setHoverStatus(menuItem, true);
+              this._removeSubMenu(contextMenuContainer);
+              const subMenuRect = menuItem.getBoundingClientRect();
+              const left2 = subMenuRect.left + subMenuRect.width;
+              const top2 = subMenuRect.top;
+              childMenuContainer = this._render({
+                contextMenuList: childMenus,
+                left: left2,
+                top: top2,
+                parentMenuContainer: contextMenuContainer
+              });
+            };
+            menuItem.onmouseleave = (evt) => {
+              if (!childMenuContainer || !childMenuContainer.contains(evt.relatedTarget)) {
+                this._setHoverStatus(menuItem, false);
+              }
+            };
+          }
         } else {
           menuItem.onmouseenter = () => {
             this._setHoverStatus(menuItem, true);
@@ -15838,6 +16020,7 @@ const defaultGroupOption = {
 class Override {
   constructor() {
     __publicField(this, "paste");
+    __publicField(this, "copy");
   }
 }
 const defaultPageBreakOption = {
@@ -15905,7 +16088,8 @@ class Editor {
       wordBreak: WordBreak.BREAK_WORD,
       printPixelRatio: 3,
       maskMargin: [0, 0, 0, 0],
-      letterClass: [LETTER_CLASS.ENGLISH]
+      letterClass: [LETTER_CLASS.ENGLISH],
+      contextMenuDisableKeys: []
     }, options), {
       header: headerOptions,
       footer: footerOptions,
@@ -15964,5 +16148,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RowFlex, TableBorder, TdBorder, TdSlash, TitleLevel, VerticalAlign, WordBreak, Editor as default };
+export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RowFlex, TableBorder, TdBorder, TdSlash, TitleLevel, VerticalAlign, WordBreak, Editor as default };
 //# sourceMappingURL=canvas-editor.es.js.map