@hufe921/canvas-editor 0.9.80 → 0.9.82

package/CHANGELOG.md

@@ -1,3 +1,48 @@
+## [0.9.82](https://github.com/Hufe921/canvas-editor/compare/v0.9.81...v0.9.82) (2024-06-14)
+
+
+### Bug Fixes
+
+* table cell merge boundary error #645 ([f7da332](https://github.com/Hufe921/canvas-editor/commit/f7da33235419aadb2aea024d3cba4444d6d719fd)), closes [#645](https://github.com/Hufe921/canvas-editor/issues/645)
+
+
+### Features
+
+* add executeUpdateElementById api #648 ([5c896bf](https://github.com/Hufe921/canvas-editor/commit/5c896bf95814c6ef2956221763e7df560b3fe98a)), closes [#648](https://github.com/Hufe921/canvas-editor/issues/648)
+* add override internal drop function api #643 ([ec7e076](https://github.com/Hufe921/canvas-editor/commit/ec7e0760c113711fdafc13374ea521605308f867)), closes [#643](https://github.com/Hufe921/canvas-editor/issues/643)
+* move control position by dragging #456 ([cdb0788](https://github.com/Hufe921/canvas-editor/commit/cdb0788dfcecadb70e680eb40a31551e0e096401)), closes [#456](https://github.com/Hufe921/canvas-editor/issues/456)
+
+
+
+## [0.9.81](https://github.com/Hufe921/canvas-editor/compare/v0.9.80...v0.9.81) (2024-06-07)
+
+
+### Bug Fixes
+
+* disable zone tip in continuous page mode #638 ([bf322df](https://github.com/Hufe921/canvas-editor/commit/bf322dfea334ee242a452c44fdb613a1937d963b)), closes [#638](https://github.com/Hufe921/canvas-editor/issues/638)
+* some shortcut keys with shift are invalid #629 ([aca9d34](https://github.com/Hufe921/canvas-editor/commit/aca9d34a46004f2da207f7127f69430e4e59ab25)), closes [#629](https://github.com/Hufe921/canvas-editor/issues/629)
+
+
+### Documentation
+
+* update start.md ([55bbe22](https://github.com/Hufe921/canvas-editor/commit/55bbe22578320319d9ab38b26ebbe8687b21f1c1))
+
+
+### Features
+
+* add executeLocationControl api #592 ([53701fc](https://github.com/Hufe921/canvas-editor/commit/53701fc46c347595722801e8bca40647cda74bcb)), closes [#592](https://github.com/Hufe921/canvas-editor/issues/592)
+* add maximum page number option #617 ([afce688](https://github.com/Hufe921/canvas-editor/commit/afce6882493c198595a0575640dd313c8cbdb14f)), closes [#617](https://github.com/Hufe921/canvas-editor/issues/617)
+* add options to the getValue api ([65acd58](https://github.com/Hufe921/canvas-editor/commit/65acd580d6813bd15b8ee079b16ae8d5f9e77767))
+* add selection info to rangeContext ([2df03ed](https://github.com/Hufe921/canvas-editor/commit/2df03ed3867cf8edf5fb656c017986af6725780c))
+* set title style through executeSetHtml api #626 ([ac795b0](https://github.com/Hufe921/canvas-editor/commit/ac795b0bc45f99e92a5292a676414e1d7347cb7e)), closes [#626](https://github.com/Hufe921/canvas-editor/issues/626)
+
+
+### Tests
+
+* update watermark test case ([c75482a](https://github.com/Hufe921/canvas-editor/commit/c75482a4f6f18da010963500e790780a63c061c4))
+
+
+
 ## [0.9.80](https://github.com/Hufe921/canvas-editor/compare/v0.9.79...v0.9.80) (2024-05-31)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.80";
+const version = "0.9.82";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4081,12 +4081,17 @@ function isSameElementExceptValue(source, target) {
   }
   return true;
 }
-function pickElementAttr(payload) {
+function pickElementAttr(payload, option = {}) {
+  const { extraPickAttrs } = option;
+  const zipAttrs = EDITOR_ELEMENT_ZIP_ATTR;
+  if (extraPickAttrs) {
+    zipAttrs.push(...extraPickAttrs);
+  }
   const element = {
     value: payload.value === ZERO ? `
 ` : payload.value
   };
-  EDITOR_ELEMENT_ZIP_ATTR.forEach((attr) => {
+  zipAttrs.forEach((attr) => {
     const value = payload[attr];
     if (value !== void 0) {
       element[attr] = value;
@@ -4094,7 +4099,8 @@ function pickElementAttr(payload) {
   });
   return element;
 }
-function zipElementList(payload) {
+function zipElementList(payload, options = {}) {
+  const { extraPickAttrs } = options;
   const elementList = deepClone(payload);
   const zipElementListData = [];
   let e = 0;
@@ -4126,7 +4132,7 @@ function zipElementList(payload) {
           valueList.push(titleE);
           e++;
         }
-        titleElement.valueList = zipElementList(valueList);
+        titleElement.valueList = zipElementList(valueList, options);
         element = titleElement;
       }
     } else if (element.listId && element.listType) {
@@ -4153,7 +4159,7 @@ function zipElementList(payload) {
           valueList.push(listE);
           e++;
         }
-        listElement.valueList = zipElementList(valueList);
+        listElement.valueList = zipElementList(valueList, options);
         element = listElement;
       }
     } else if (element.type === ElementType.TABLE) {
@@ -4182,7 +4188,7 @@ function zipElementList(payload) {
             const zipTd = {
               colspan: td.colspan,
               rowspan: td.rowspan,
-              value: zipElementList(td.value)
+              value: zipElementList(td.value, options)
             };
             TABLE_TD_ZIP_ATTR.forEach((attr) => {
               const value = td[attr];
@@ -4214,7 +4220,7 @@ function zipElementList(payload) {
           valueList.push(hyperlinkE);
           e++;
         }
-        hyperlinkElement.valueList = zipElementList(valueList);
+        hyperlinkElement.valueList = zipElementList(valueList, options);
         element = hyperlinkElement;
       }
     } else if (element.type === ElementType.DATE) {
@@ -4237,7 +4243,7 @@ function zipElementList(payload) {
           valueList.push(dateE);
           e++;
         }
-        dateElement.valueList = zipElementList(valueList);
+        dateElement.valueList = zipElementList(valueList, options);
         element = dateElement;
       }
     } else if (element.controlId) {
@@ -4248,7 +4254,8 @@ function zipElementList(payload) {
         const controlElement = __spreadProps(__spreadValues({}, pickObject(element, EDITOR_ROW_ATTR)), {
           type: ElementType.CONTROL,
           value: "",
-          control
+          control,
+          controlId
         });
         const valueList = [];
         while (e < elementList.length) {
@@ -4264,16 +4271,16 @@ function zipElementList(payload) {
           }
           e++;
         }
-        controlElement.control.value = zipElementList(valueList);
-        element = controlElement;
+        controlElement.control.value = zipElementList(valueList, options);
+        element = pickElementAttr(controlElement, { extraPickAttrs });
       }
     }
-    const pickElement = pickElementAttr(element);
+    const pickElement = pickElementAttr(element, { extraPickAttrs });
     if (!element.type || element.type === ElementType.TEXT || element.type === ElementType.SUBSCRIPT || element.type === ElementType.SUPERSCRIPT) {
       while (e < elementList.length) {
         const nextElement = elementList[e + 1];
         e++;
-        if (nextElement && isSameElementExceptValue(pickElement, pickElementAttr(nextElement))) {
+        if (nextElement && isSameElementExceptValue(pickElement, pickElementAttr(nextElement, { extraPickAttrs }))) {
           const nextValue = nextElement.value === ZERO ? "\n" : nextElement.value;
           pickElement.value += nextValue;
         } else {
@@ -4692,7 +4699,7 @@ function getElementListByHTML(htmlText, options) {
           }
         } else if (/H[1-6]/.test(node.nodeName)) {
           const hElement = node;
-          const valueList = getElementListByHTML(hElement.innerHTML, options);
+          const valueList = getElementListByHTML(replaceHTMLElementTag(hElement, "div").outerHTML, options);
           elementList.push({
             value: "",
             type: ElementType.TITLE,
@@ -4772,9 +4779,7 @@ function getElementListByHTML(htmlText, options) {
               }
               tr.tdList.push(td);
             });
-            if (tr.tdList.length) {
-              element.trList.push(tr);
-            }
+            element.trList.push(tr);
           });
           if (element.trList.length) {
             const tdCount = element.trList[0].tdList.reduce((pre, cur) => pre + cur.colspan, 0);
@@ -4900,6 +4905,15 @@ function getSlimCloneElementList(elementList) {
 function getIsBlockElement(element) {
   return !!(element == null ? void 0 : element.type) && (BLOCK_ELEMENT_TYPE.includes(element.type) || element.imgDisplay === ImageDisplay.INLINE);
 }
+function replaceHTMLElementTag(oldDom, tagName) {
+  const newDom = document.createElement(tagName);
+  for (let i = 0; i < oldDom.attributes.length; i++) {
+    const attr = oldDom.attributes[i];
+    newDom.setAttribute(attr.name, attr.value);
+  }
+  newDom.innerHTML = oldDom.innerHTML;
+  return newDom;
+}
 function setClipboardData(data2) {
   localStorage.setItem(EDITOR_CLIPBOARD, JSON.stringify({
     text: data2.text,
@@ -5783,14 +5797,20 @@ function mouseup(evt, host) {
         return;
       }
     }
-    const editorOptions = draw.getOptions();
+    const control = draw.getControl();
     const elementList = draw.getElementList();
+    const isOmitControlAttr = !isContainControl || !!elementList[range.startIndex].controlId || !control.getIsElementListContainFullControl(dragElementList);
+    const editorOptions = draw.getOptions();
     const replaceElementList = dragElementList.map((el) => {
       if (!el.type || el.type === ElementType.TEXT) {
         const newElement = {
           value: el.value
         };
-        EDITOR_ELEMENT_STYLE_ATTR.forEach((attr) => {
+        const copyAttr = EDITOR_ELEMENT_STYLE_ATTR;
+        if (!isOmitControlAttr) {
+          copyAttr.push(...CONTROL_CONTEXT_ATTR);
+        }
+        copyAttr.forEach((attr) => {
           const value = el[attr];
           if (value !== void 0) {
             newElement[attr] = value;
@@ -5798,7 +5818,10 @@ function mouseup(evt, host) {
         });
         return newElement;
       } else {
-        const newElement = omitObject(deepClone(el), CONTROL_CONTEXT_ATTR);
+        let newElement = deepClone(el);
+        if (isOmitControlAttr) {
+          newElement = omitObject(newElement, CONTROL_CONTEXT_ATTR);
+        }
         formatElementList([newElement], {
           isHandleFirstElement: false,
           editorOptions
@@ -5814,7 +5837,6 @@ function mouseup(evt, host) {
     const replaceLength = replaceElementList.length;
     let rangeStart = range.startIndex;
     let rangeEnd = rangeStart + replaceLength;
-    const control = draw.getControl();
     const activeControl = control.getActiveControl();
     if (activeControl && cacheElementList[rangeStart].controlComponent !== ControlComponent.POSTFIX) {
       rangeEnd = activeControl.setValue(replaceElementList);
@@ -6963,6 +6985,12 @@ function copy(host) {
 }
 function drop(evt, host) {
   var _a, _b;
+  const draw = host.getDraw();
+  const { drop: drop2 } = draw.getOverride();
+  if (drop2) {
+    drop2(evt);
+    return;
+  }
   evt.preventDefault();
   const data2 = (_a = evt.dataTransfer) == null ? void 0 : _a.getData("text");
   if (data2) {
@@ -9200,7 +9228,8 @@ const defaultPageNumberOption = {
   numberType: NumberType.ARABIC,
   disabled: false,
   startPageNo: 1,
-  fromPageNo: 0
+  fromPageNo: 0,
+  maxPageNo: null
 };
 class PageNumber {
   constructor(draw) {
@@ -9624,12 +9653,10 @@ class TableParticle {
     const { colgroup, trList } = element;
     if (!colgroup || !trList)
       return;
-    let x = 0;
-    let y = 0;
+    let preX = 0;
     for (let t = 0; t < trList.length; t++) {
       const tr = trList[t];
       const isLastTr = trList.length - 1 === t;
-      let rowMinHeight = 0;
       for (let d = 0; d < tr.tdList.length; d++) {
         const td = tr.tdList[d];
         let colIndex = 0;
@@ -9644,7 +9671,7 @@ class TableParticle {
               for (let preC = 0; preC < c; preC++) {
                 preColWidth += colgroup[preC].width;
               }
-              x = preColWidth;
+              preX = preColWidth;
               break;
             }
           }
@@ -9663,9 +9690,6 @@ class TableParticle {
           const curTr = trList[row + t] || trList[t];
           height += curTr.height;
         }
-        if (rowMinHeight === 0 || rowMinHeight > height) {
-          rowMinHeight = height;
-        }
         const isLastRowTd = tr.tdList.length - 1 === d;
         let isLastColTd = isLastTr;
         if (!isLastColTd) {
@@ -9678,16 +9702,26 @@ class TableParticle {
         td.isLastRowTd = isLastRowTd;
         td.isLastColTd = isLastColTd;
         td.isLastTd = isLastTd;
-        td.x = x;
-        td.y = y;
+        td.x = preX;
+        let preY = 0;
+        for (let preR = 0; preR < t; preR++) {
+          const preTdList = trList[preR].tdList;
+          for (let preD = 0; preD < preTdList.length; preD++) {
+            const td2 = preTdList[preD];
+            if (colIndex >= td2.colIndex && colIndex < td2.colIndex + td2.colspan) {
+              preY += td2.height;
+              break;
+            }
+          }
+        }
+        td.y = preY;
         td.width = width;
         td.height = height;
         td.rowIndex = t;
         td.colIndex = colIndex;
-        x += width;
+        preX += width;
         if (isLastRowTd && !isLastTd) {
-          x = 0;
-          y += rowMinHeight;
+          preX = 0;
         }
       }
     }
@@ -11680,6 +11714,23 @@ class Control {
     }
     return false;
   }
+  getIsElementListContainFullControl(elementList) {
+    if (!elementList.some((element) => element.controlId))
+      return false;
+    let prefixCount = 0;
+    let postfixCount = 0;
+    for (let e = 0; e < elementList.length; e++) {
+      const element = elementList[e];
+      if (element.controlComponent === ControlComponent.PREFIX) {
+        prefixCount++;
+      } else if (element.controlComponent === ControlComponent.POSTFIX) {
+        postfixCount++;
+      }
+    }
+    if (!prefixCount || !postfixCount)
+      return false;
+    return prefixCount === postfixCount;
+  }
   getIsDisabledControl() {
     var _a, _b;
     return !!((_b = (_a = this.activeControl) == null ? void 0 : _a.getElement().control) == null ? void 0 : _b.disabled);
@@ -12277,7 +12328,9 @@ class Control {
     for (const elementList of data2) {
       getControlElementList(elementList);
     }
-    return zipElementList(controlElementList);
+    return zipElementList(controlElementList, {
+      extraPickAttrs: ["controlId"]
+    });
   }
   recordBorderInfo(x, y, width, height) {
     this.controlBorder.recordBorderInfo(x, y, width, height);
@@ -13548,6 +13601,7 @@ class ImageObserver {
 }
 class ZoneTip {
   constructor(draw, zone2) {
+    __publicField(this, "draw");
     __publicField(this, "zone");
     __publicField(this, "i18n");
     __publicField(this, "container");
@@ -13556,6 +13610,7 @@ class ZoneTip {
     __publicField(this, "tipContainer");
     __publicField(this, "tipContent");
     __publicField(this, "currentMoveZone");
+    this.draw = draw;
     this.zone = zone2;
     this.i18n = draw.getI18n();
     this.container = draw.getContainer();
@@ -13579,7 +13634,7 @@ class ZoneTip {
   }
   _watchMouseMoveZoneChange(watchZones) {
     this.pageContainer.addEventListener("mousemove", throttle((evt) => {
-      if (this.isDisableMouseMove)
+      if (this.isDisableMouseMove || !this.draw.getIsPagingMode())
         return;
       if (!evt.offsetY)
         return;
@@ -15048,7 +15103,6 @@ class Draw {
     });
   }
   getValue(options = {}) {
-    const { width, height, margins, watermark } = this.options;
     const { pageNo } = options;
     let mainElementList = this.elementList;
     if (Number.isInteger(pageNo) && pageNo >= 0 && pageNo < this.pageRowList.length) {
@@ -15061,11 +15115,8 @@ class Draw {
     };
     return {
       version,
-      width,
-      height,
-      margins,
-      watermark: watermark.data ? watermark : void 0,
-      data: data2
+      data: data2,
+      options: deepClone(this.options)
     };
   }
   setValue(payload) {
@@ -15558,7 +15609,7 @@ class Draw {
   _computePageList() {
     var _a;
     const pageRowList = [[]];
-    const { pageMode } = this.options;
+    const { pageMode, pageNumber: { maxPageNo } } = this.options;
     const height = this.getHeight();
     const marginHeight = this.getMainOuterHeight();
     let pageHeight = marginHeight;
@@ -15582,6 +15633,10 @@ class Draw {
       for (let i = 0; i < this.rowList.length; i++) {
         const row = this.rowList[i];
         if (row.height + pageHeight > height || ((_a = this.rowList[i - 1]) == null ? void 0 : _a.isPageBreak)) {
+          if (Number.isInteger(maxPageNo) && pageNo >= maxPageNo) {
+            this.elementList = this.elementList.slice(0, row.startIndex);
+            break;
+          }
           pageHeight = marginHeight + row.height;
           pageRowList.push([row]);
           pageNo++;
@@ -16143,6 +16198,7 @@ class Command {
     __publicField(this, "executeSetPaperMargin");
     __publicField(this, "executeInsertElementList");
     __publicField(this, "executeAppendElementList");
+    __publicField(this, "executeUpdateElementById");
     __publicField(this, "executeSetValue");
     __publicField(this, "executeRemoveControl");
     __publicField(this, "executeSetLocale");
@@ -16157,6 +16213,7 @@ class Command {
     __publicField(this, "executeSetControlExtension");
     __publicField(this, "executeSetControlProperties");
     __publicField(this, "executeSetControlHighlight");
+    __publicField(this, "executeLocationControl");
     __publicField(this, "executeUpdateOptions");
     __publicField(this, "executeInsertTitle");
     __publicField(this, "getCatalog");
@@ -16254,6 +16311,7 @@ class Command {
     this.executeSetPaperMargin = adapt.setPaperMargin.bind(adapt);
     this.executeInsertElementList = adapt.insertElementList.bind(adapt);
     this.executeAppendElementList = adapt.appendElementList.bind(adapt);
+    this.executeUpdateElementById = adapt.updateElementById.bind(adapt);
     this.executeSetValue = adapt.setValue.bind(adapt);
     this.executeRemoveControl = adapt.removeControl.bind(adapt);
     this.executeSetLocale = adapt.setLocale.bind(adapt);
@@ -16291,6 +16349,7 @@ class Command {
     this.executeSetControlHighlight = adapt.setControlHighlight.bind(adapt);
     this.getControlValue = adapt.getControlValue.bind(adapt);
     this.getControlList = adapt.getControlList.bind(adapt);
+    this.executeLocationControl = adapt.locationControl.bind(adapt);
   }
 }
 const defaultWatermarkOption = {
@@ -18308,9 +18367,15 @@ class CommandAdapt {
     if (!~startIndex && !~endIndex)
       return null;
     const isCollapsed = startIndex === endIndex;
+    const selectionText = this.range.toString();
+    const selectionElementList = zipElementList(this.range.getSelectionElementList() || []);
     const elementList = this.draw.getElementList();
-    const startElement = pickElementAttr(elementList[isCollapsed ? startIndex : startIndex + 1]);
-    const endElement = pickElementAttr(elementList[endIndex]);
+    const startElement = pickElementAttr(elementList[isCollapsed ? startIndex : startIndex + 1], {
+      extraPickAttrs: ["id"]
+    });
+    const endElement = pickElementAttr(elementList[endIndex], {
+      extraPickAttrs: ["id"]
+    });
     const positionList = this.position.getPositionList();
     const startPageNo = positionList[startIndex].pageNo;
     const endPageNo = positionList[endIndex].pageNo;
@@ -18375,7 +18440,9 @@ class CommandAdapt {
       isTable,
       trIndex: trIndex != null ? trIndex : null,
       tdIndex: tdIndex != null ? tdIndex : null,
-      tableElement
+      tableElement,
+      selectionText,
+      selectionElementList
     });
   }
   getRangeRow() {
@@ -18444,6 +18511,37 @@ class CommandAdapt {
       return;
     this.draw.appendElementList(deepClone(elementList), options);
   }
+  updateElementById(payload) {
+    function getElementIndexById(elementList) {
+      for (let e = 0; e < elementList.length; e++) {
+        const element = elementList[e];
+        if (element.id === payload.id) {
+          return e;
+        }
+      }
+      return -1;
+    }
+    const getElementListFnList = [
+      this.draw.getOriginalMainElementList,
+      this.draw.getHeaderElementList,
+      this.draw.getFooterElementList
+    ];
+    for (const getElementList of getElementListFnList) {
+      const elementList = getElementList.call(this.draw);
+      const elementIndex = getElementIndexById(elementList);
+      if (~elementIndex) {
+        elementList[elementIndex] = __spreadValues(__spreadValues({}, elementList[elementIndex]), payload.properties);
+        formatElementList([elementList[elementIndex]], {
+          isHandleFirstElement: false,
+          editorOptions: this.options
+        });
+        this.draw.render({
+          isSetCursor: false
+        });
+        break;
+      }
+    }
+  }
   setValue(payload) {
     this.draw.setValue(payload);
   }
@@ -18605,6 +18703,80 @@ class CommandAdapt {
   getControlList() {
     return this.draw.getControl().getList();
   }
+  locationControl(controlId) {
+    function location(elementList, zone2) {
+      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];
+              const locationContext = location(td.value, zone2);
+              if (locationContext) {
+                return __spreadProps(__spreadValues({}, locationContext), {
+                  positionContext: {
+                    isTable: true,
+                    index: i - 1,
+                    trIndex: r,
+                    tdIndex: d,
+                    tdId: element.tdId,
+                    trId: element.trId,
+                    tableId: element.tableId
+                  }
+                });
+              }
+            }
+          }
+        }
+        if ((element == null ? void 0 : element.controlId) !== controlId)
+          continue;
+        const curIndex = i - 1;
+        return {
+          zone: zone2,
+          range: {
+            startIndex: curIndex,
+            endIndex: curIndex
+          },
+          positionContext: {
+            isTable: false
+          }
+        };
+      }
+      return null;
+    }
+    const data2 = [
+      {
+        zone: EditorZone.HEADER,
+        elementList: this.draw.getHeaderElementList()
+      },
+      {
+        zone: EditorZone.MAIN,
+        elementList: this.draw.getOriginalMainElementList()
+      },
+      {
+        zone: EditorZone.FOOTER,
+        elementList: this.draw.getFooterElementList()
+      }
+    ];
+    for (const context of data2) {
+      const locationContext = location(context.elementList, context.zone);
+      if (locationContext) {
+        this.setZone(locationContext.zone);
+        this.position.setPositionContext(locationContext.positionContext);
+        this.range.replaceRange(locationContext.range);
+        this.draw.render({
+          curIndex: locationContext.range.startIndex,
+          isCompute: false,
+          isSubmitHistory: false
+        });
+        break;
+      }
+    }
+  }
   getContainer() {
     return this.draw.getContainer();
   }
@@ -19483,7 +19655,7 @@ class ContextMenu {
 }
 const richtextKeys = [
   {
-    key: KeyMap.X_UPPERCASE,
+    key: KeyMap.X,
     ctrl: true,
     shift: true,
     callback: (command) => {
@@ -19700,7 +19872,7 @@ class Shortcut {
     var _a;
     for (let s = 0; s < shortCutList.length; s++) {
       const shortCut = shortCutList[s];
-      if ((shortCut.mod ? isMod(evt) === !!shortCut.mod : evt.ctrlKey === !!shortCut.ctrl && evt.metaKey === !!shortCut.meta) && evt.shiftKey === !!shortCut.shift && evt.altKey === !!shortCut.alt && evt.key === shortCut.key) {
+      if ((shortCut.mod ? isMod(evt) === !!shortCut.mod : evt.ctrlKey === !!shortCut.ctrl && evt.metaKey === !!shortCut.meta) && evt.shiftKey === !!shortCut.shift && evt.altKey === !!shortCut.alt && evt.key.toLowerCase() === shortCut.key.toLowerCase()) {
         if (!shortCut.disable) {
           (_a = shortCut == null ? void 0 : shortCut.callback) == null ? void 0 : _a.call(shortCut, this.command);
           evt.preventDefault();
@@ -19760,6 +19932,7 @@ class Override {
   constructor() {
     __publicField(this, "paste");
     __publicField(this, "copy");
+    __publicField(this, "drop");
   }
 }
 class Editor {