@hufe921/canvas-editor 0.9.53 → 0.9.54

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [0.9.54](https://github.com/Hufe921/canvas-editor/compare/v0.9.53...v0.9.54) (2023-11-03)
+
+
+### Bug Fixes
+
+* clone payload data when call add element api #308 ([aeefca3](https://github.com/Hufe921/canvas-editor/commit/aeefca34caa86f9f52fb742e3f7555cd0364baa4)), closes [#308](https://github.com/Hufe921/canvas-editor/issues/308)
+* print error of control assistant components in table #311 ([7fb0150](https://github.com/Hufe921/canvas-editor/commit/7fb0150635f80d62c2c27d2e2c976a3f0fa1deff)), closes [#311](https://github.com/Hufe921/canvas-editor/issues/311)
+* set control value error in table #302 ([7fba458](https://github.com/Hufe921/canvas-editor/commit/7fba458d523ae06678557add90dc9d19a3cb02cb)), closes [#302](https://github.com/Hufe921/canvas-editor/issues/302)
+
+
+### Chores
+
+* update hyperlink spell ([1bde309](https://github.com/Hufe921/canvas-editor/commit/1bde309cb5bcf797416a019f1a1507fd155dbed6))
+
+
+### Features
+
+* add copy table cell content option to contextmenu #307 ([a94328f](https://github.com/Hufe921/canvas-editor/commit/a94328fa956c5164111c27773f557b9761cd775e)), closes [#307](https://github.com/Hufe921/canvas-editor/issues/307)
+* support for insert more elements into control #306 ([d2d649b](https://github.com/Hufe921/canvas-editor/commit/d2d649b01123a13962b5ba45c2982f80cc701306)), closes [#306](https://github.com/Hufe921/canvas-editor/issues/306)
+
+
+
 ## [0.9.53](https://github.com/Hufe921/canvas-editor/compare/v0.9.52...v0.9.53) (2023-10-26)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.53";
+const version = "0.9.54";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4011,7 +4011,7 @@ function zipElementList(payload) {
       }
       dateElement.valueList = zipElementList(valueList);
       element = dateElement;
-    } else if (element.type === ElementType.CONTROL) {
+    } else if (element.controlId) {
       const controlId = element.controlId;
       const control = element.control;
       const controlElement = {
@@ -4027,8 +4027,8 @@ function zipElementList(payload) {
           break;
         }
         if (controlE.controlComponent === ControlComponent.VALUE) {
-          delete controlE.type;
           delete controlE.control;
+          delete controlE.controlId;
           valueList.push(controlE);
         }
         e++;
@@ -4167,7 +4167,7 @@ function splitListElement(elementList) {
 }
 function createDomFromElementList(elementList, options) {
   function buildDom(payload) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const clipboardDom = document.createElement("div");
     for (let e = 0; e < payload.length; e++) {
       const element = payload[e];
@@ -4243,17 +4243,17 @@ function createDomFromElementList(elementList, options) {
         clipboardDom.append(tab);
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let text = "";
-        if (element.type === ElementType.CONTROL) {
-          text = ((_c = (_b = element.control.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.value) || "";
+        if (element.controlId) {
+          text = ((_b = element.control.value) == null ? void 0 : _b.filter((v) => !v.type || TEXTLIKE_ELEMENT_TYPE.includes(v.type)).map((v) => v.value).join("")) || "";
         } else if (element.type === ElementType.DATE) {
-          text = ((_d = element.valueList) == null ? void 0 : _d.map((v) => v.value).join("")) || "";
+          text = ((_c = element.valueList) == null ? void 0 : _c.map((v) => v.value).join("")) || "";
         } else {
           text = element.value;
         }
         if (!text)
           continue;
         const dom = convertElementToDom(element, options);
-        if (((_e = payload[e - 1]) == null ? void 0 : _e.type) === ElementType.TITLE) {
+        if (((_d = payload[e - 1]) == null ? void 0 : _d.type) === ElementType.TITLE) {
           text = text.replace(/^\n/, "");
         }
         if (dom.tagName === "P") {
@@ -5056,7 +5056,7 @@ function mousedown(evt, host) {
   }
   const previewer = draw.getPreviewer();
   previewer.clearResizer();
-  if (isDirectHitImage && !isReadonly) {
+  if (isDirectHitImage) {
     previewer.drawResizer(curElement, positionList[curIndex], curElement.type === ElementType.LATEX ? {
       mime: "svg",
       srcKey: "laTexSVG"
@@ -5116,11 +5116,11 @@ function mouseup(evt, host) {
       return;
     }
     const dragElementList = cacheElementList.slice(cacheRange.startIndex + 1, cacheRange.endIndex + 1);
-    const isContainControl = dragElementList.find((element) => element.type === ElementType.CONTROL);
+    const isContainControl = dragElementList.find((element) => element.controlId);
     if (isContainControl) {
       const cacheStartElement2 = cacheElementList[cacheRange.startIndex + 1];
       const cacheEndElement2 = cacheElementList[cacheRange.endIndex];
-      const isAllowDragControl = (cacheStartElement2.type !== ElementType.CONTROL || cacheStartElement2.controlComponent === ControlComponent.PREFIX) && (cacheEndElement2.type !== ElementType.CONTROL || cacheEndElement2.controlComponent === ControlComponent.POSTFIX) || cacheStartElement2.controlId === cacheEndElement2.controlId && cacheStartElement2.controlComponent === ControlComponent.PREFIX && cacheEndElement2.controlComponent === ControlComponent.POSTFIX || ((_a = cacheStartElement2.control) == null ? void 0 : _a.type) === ControlType.TEXT && cacheStartElement2.controlComponent === ControlComponent.VALUE && ((_b = cacheEndElement2.control) == null ? void 0 : _b.type) === ControlType.TEXT && cacheEndElement2.controlComponent === ControlComponent.VALUE;
+      const isAllowDragControl = (!cacheStartElement2.controlId || cacheStartElement2.controlComponent === ControlComponent.PREFIX) && (!cacheEndElement2.controlId || cacheEndElement2.controlComponent === ControlComponent.POSTFIX) || cacheStartElement2.controlId === cacheEndElement2.controlId && cacheStartElement2.controlComponent === ControlComponent.PREFIX && cacheEndElement2.controlComponent === ControlComponent.POSTFIX || ((_a = cacheStartElement2.control) == null ? void 0 : _a.type) === ControlType.TEXT && cacheStartElement2.controlComponent === ControlComponent.VALUE && ((_b = cacheEndElement2.control) == null ? void 0 : _b.type) === ControlType.TEXT && cacheEndElement2.controlComponent === ControlComponent.VALUE;
       if (!isAllowDragControl) {
         draw.render({
           curIndex: range.startIndex,
@@ -5179,7 +5179,7 @@ function mouseup(evt, host) {
     const cacheRangeStartIndex = getElementIndexByDragId(cacheRangeStartId, cacheElementList);
     const cacheRangeEndIndex = getElementIndexByDragId(cacheRangeEndId, cacheElementList);
     const cacheEndElement = cacheElementList[cacheRangeEndIndex];
-    if (cacheEndElement.type === ElementType.CONTROL && cacheEndElement.controlComponent !== ControlComponent.POSTFIX) {
+    if (cacheEndElement.controlId && cacheEndElement.controlComponent !== ControlComponent.POSTFIX) {
       rangeManager.replaceRange(__spreadProps(__spreadValues({}, cacheRange), {
         startIndex: cacheRangeStartIndex,
         endIndex: cacheRangeEndIndex
@@ -5300,10 +5300,9 @@ function keydown(evt, host) {
   const { startIndex, endIndex } = rangeManager.getRange();
   const isCollapsed = startIndex === endIndex;
   const control = draw.getControl();
-  const isPartRangeInControlOutside = control.isPartRangeInControlOutside();
   const activeControl = control.getActiveControl();
   if (evt.key === KeyMap.Backspace) {
-    if (isReadonly || isPartRangeInControlOutside)
+    if (isReadonly || control.isPartRangeInControlOutside())
       return;
     let curIndex;
     if (activeControl) {
@@ -5334,12 +5333,12 @@ function keydown(evt, host) {
     rangeManager.setRange(curIndex, curIndex);
     draw.render({ curIndex });
   } else if (evt.key === KeyMap.Delete) {
-    if (isReadonly || isPartRangeInControlOutside)
+    if (isReadonly || control.isPartRangeInControlOutside())
       return;
     let curIndex;
     if (activeControl) {
       curIndex = control.keydown(evt);
-    } else if (((_a = elementList[endIndex + 1]) == null ? void 0 : _a.type) === ElementType.CONTROL) {
+    } else if ((_a = elementList[endIndex + 1]) == null ? void 0 : _a.controlId) {
       curIndex = control.removeControl(endIndex + 1);
     } else {
       if (!isCollapsed) {
@@ -5354,7 +5353,7 @@ function keydown(evt, host) {
     rangeManager.setRange(curIndex, curIndex);
     draw.render({ curIndex });
   } else if (evt.key === KeyMap.Enter) {
-    if (isReadonly || isPartRangeInControlOutside)
+    if (isReadonly || control.isPartRangeInControlOutside())
       return;
     const enterText = {
       value: ZERO
@@ -6546,7 +6545,7 @@ class Position {
                 return {
                   index: index2,
                   isCheckbox: tdValueElement.type === ElementType.CHECKBOX || tdValueElement.controlComponent === ControlComponent.CHECKBOX,
-                  isControl: tdValueElement.type === ElementType.CONTROL,
+                  isControl: !!tdValueElement.controlId,
                   isImage: tablePosition.isImage,
                   isDirectHit: tablePosition.isDirectHit,
                   isTable: true,
@@ -6589,7 +6588,7 @@ class Position {
         return {
           hitLineStartIndex: hitLineStartIndex2,
           index: curPositionIndex2,
-          isControl: element.type === ElementType.CONTROL
+          isControl: !!element.controlId
         };
       }
     }
@@ -6672,7 +6671,7 @@ class Position {
     return {
       hitLineStartIndex,
       index: curPositionIndex,
-      isControl: ((_b = elementList[curPositionIndex]) == null ? void 0 : _b.type) === ElementType.CONTROL
+      isControl: !!((_b = elementList[curPositionIndex]) == null ? void 0 : _b.controlId)
     };
   }
   adjustPositionContext(payload) {
@@ -6927,7 +6926,7 @@ class RangeManager {
     if (~startIndex && ~endIndex) {
       const elementList = this.draw.getElementList();
       const element = elementList[startIndex];
-      if ((element == null ? void 0 : element.type) === ElementType.CONTROL) {
+      if (element == null ? void 0 : element.controlId) {
         control.initControl();
         return;
       }
@@ -8798,7 +8797,7 @@ class SelectControl {
       return -1;
     const draw = this.control.getDraw();
     draw.spliceElementList(elementList, leftIndex + 1, rightIndex - leftIndex);
-    this.control.addPlaceholder(preIndex);
+    this.control.addPlaceholder(preIndex, context);
     this.element.control.code = null;
     return preIndex;
   }
@@ -8813,7 +8812,7 @@ class SelectControl {
     const elementList = context.elementList || this.control.getElementList();
     const styleElement = pickObject(this.getValue(context)[0], EDITOR_ELEMENT_STYLE_ATTR);
     const prefixIndex = this.clearSelect(context);
-    this.control.removePlaceholder(prefixIndex);
+    this.control.removePlaceholder(prefixIndex, context);
     const propertyElement = omitObject(elementList[prefixIndex], EDITOR_ELEMENT_STYLE_ATTR);
     const start = prefixIndex + 1;
     const data2 = splitText(valueSet.value);
@@ -8935,10 +8934,10 @@ class TextControl {
     if (startIndex !== endIndex) {
       draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex);
     } else {
-      this.control.removePlaceholder(startIndex);
+      this.control.removePlaceholder(startIndex, context);
     }
     const startElement = elementList[startIndex];
-    const anchorElement = startElement.controlComponent === ControlComponent.PREFIX ? omitObject(startElement, EDITOR_ELEMENT_STYLE_ATTR) : startElement;
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX ? pickObject(startElement, ["control", "controlId"]) : omitObject(startElement, ["type"]);
     const start = range.startIndex + 1;
     for (let i = 0; i < data2.length; i++) {
       const newElement = __spreadProps(__spreadValues(__spreadValues({}, anchorElement), data2[i]), {
@@ -9046,18 +9045,24 @@ class Control {
   getDraw() {
     return this.draw;
   }
-  filterAssistElement(payload) {
-    const editorDataKeys = ["header", "main", "footer"];
-    editorDataKeys.forEach((key) => {
-      payload[key] = payload[key].filter((element) => {
-        var _a;
-        if (element.type !== ElementType.CONTROL || ((_a = element.control) == null ? void 0 : _a.minWidth)) {
-          return true;
+  filterAssistElement(elementList) {
+    return elementList.filter((element) => {
+      var _a;
+      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];
+            td.value = this.filterAssistElement(td.value);
+          }
         }
-        return element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.PLACEHOLDER;
-      });
+      }
+      if (!element.controlId || ((_a = element.control) == null ? void 0 : _a.minWidth)) {
+        return true;
+      }
+      return element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.PLACEHOLDER;
     });
-    return payload;
   }
   isPartRangeInControlOutside() {
     const { startIndex, endIndex } = this.getRange();
@@ -9066,7 +9071,7 @@ class Control {
     const elementList = this.getElementList();
     const startElement = elementList[startIndex];
     const endElement = elementList[endIndex];
-    if ((startElement.type === ElementType.CONTROL || endElement.type === ElementType.CONTROL) && startElement.controlId !== endElement.controlId) {
+    if (startElement.controlId && startElement.controlId !== endElement.controlId) {
       return true;
     }
     return false;
@@ -9088,7 +9093,7 @@ class Control {
     const elementList = this.getElementList();
     const startElement = elementList[startIndex];
     const endElement = elementList[endIndex];
-    if ((startElement.type === ElementType.CONTROL || endElement.type === ElementType.CONTROL) && endElement.controlComponent !== ControlComponent.POSTFIX && startElement.controlId === endElement.controlId) {
+    if (startElement.controlId && startElement.controlId === endElement.controlId && endElement.controlComponent !== ControlComponent.POSTFIX) {
       return true;
     }
     return false;
@@ -9249,8 +9254,8 @@ class Control {
       newElement: element
     };
   }
-  removeControl(startIndex) {
-    const elementList = this.getElementList();
+  removeControl(startIndex, context = {}) {
+    const elementList = context.elementList || this.getElementList();
     const startElement = elementList[startIndex];
     const { deletable = true } = startElement.control;
     if (!deletable)
@@ -9284,8 +9289,8 @@ class Control {
     this.draw.spliceElementList(elementList, leftIndex + 1, rightIndex - leftIndex);
     return leftIndex;
   }
-  removePlaceholder(startIndex) {
-    const elementList = this.getElementList();
+  removePlaceholder(startIndex, context = {}) {
+    const elementList = context.elementList || this.getElementList();
     const startElement = elementList[startIndex];
     const nextElement = elementList[startIndex + 1];
     if (startElement.controlComponent === ControlComponent.PLACEHOLDER || nextElement.controlComponent === ControlComponent.PLACEHOLDER) {
@@ -9302,8 +9307,8 @@ class Control {
       }
     }
   }
-  addPlaceholder(startIndex) {
-    const elementList = this.getElementList();
+  addPlaceholder(startIndex, context = {}) {
+    const elementList = context.elementList || this.getElementList();
     const startElement = elementList[startIndex];
     const control = startElement.control;
     if (!control.placeholder)
@@ -9388,22 +9393,27 @@ class Control {
     return result;
   }
   setValueByConceptId(payload) {
-    var _a;
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
     let isExistSet = false;
     const { conceptId, value } = payload;
-    const data2 = [
-      this.draw.getHeaderElementList(),
-      this.draw.getOriginalMainElementList(),
-      this.draw.getFooterElementList()
-    ];
-    for (const elementList of data2) {
+    const setValue = (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];
+              setValue(td.value);
+            }
+          }
+        }
         if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
           continue;
         isExistSet = true;
@@ -9463,6 +9473,14 @@ class Control {
         }
         i = newEndIndex;
       }
+    };
+    const data2 = [
+      this.draw.getHeaderElementList(),
+      this.draw.getOriginalMainElementList(),
+      this.draw.getFooterElementList()
+    ];
+    for (const elementList of data2) {
+      setValue(elementList);
     }
     if (isExistSet) {
       this.draw.render({
@@ -9541,7 +9559,7 @@ class CheckboxParticle {
     ctx.restore();
   }
 }
-const encodedJs$2 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBjOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoY3x8KGM9e30pKTt2YXIgdTsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkodXx8KHU9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIHAodCl7bGV0IGw9IiIsbz0wO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IG49dFtvXTtpZihuLnR5cGU9PT1jLlRBQkxFKXtpZihuLnRyTGlzdClmb3IobGV0IGk9MDtpPG4udHJMaXN0Lmxlbmd0aDtpKyspe2NvbnN0IHM9bi50ckxpc3RbaV07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCByPXMudGRMaXN0W2VdO2wrPXAoci52YWx1ZSl9fX1lbHNlIGlmKG4udHlwZT09PWMuSFlQRVJMSU5LKXtjb25zdCBpPW4uaHlwZXJsaW5rSWQscz1bXTtmb3IoO288dC5sZW5ndGg7KXtjb25zdCBlPXRbb107aWYoaSE9PWUuaHlwZXJsaW5rSWQpe28tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxvKyt9bCs9cChzKX1lbHNlIGlmKG4udHlwZT09PWMuQ09OVFJPTCl7Y29uc3QgaT1uLmNvbnRyb2xJZCxzPVtdO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IGU9dFtvXTtpZihpIT09ZS5jb250cm9sSWQpe28tLTticmVha31lLmNvbnRyb2xDb21wb25lbnQ9PT11LlZBTFVFJiYoZGVsZXRlIGUudHlwZSxzLnB1c2goZSkpLG8rK31sKz1wKHMpfSghbi50eXBlfHxuLnR5cGU9PT1jLlRFWFQpJiYobCs9bi52YWx1ZSksbysrfXJldHVybiBsfWZ1bmN0aW9uIGQodCl7Y29uc3QgbD1bXSxvPS9bMC05XS8sbj0vW0EtWmEtel0vLGk9L1xzLztsZXQgcz0hMSxlPSExLHI9IiI7ZnVuY3Rpb24gYSgpe3ImJihsLnB1c2gocikscj0iIil9Zm9yKGNvbnN0IGYgb2YgdCluLnRlc3QoZik/KHN8fGEoKSxyKz1mLHM9ITAsZT0hMSk6by50ZXN0KGYpPyhlfHxhKCkscis9ZixzPSExLGU9ITApOihhKCkscz0hMSxlPSExLGkudGVzdChmKXx8bC5wdXNoKGYpKTtyZXR1cm4gYSgpLGx9b25tZXNzYWdlPXQ9Pntjb25zdCBsPXQuZGF0YSxuPXAobCkucmVwbGFjZShuZXcgUmVnRXhwKGBeJHtofWApLCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoaCwiZyIpLGcpLGk9ZChuKTtwb3N0TWVzc2FnZShpLmxlbmd0aCl9fSkoKTt9KSgpOwo=";
+const encodedJs$2 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBmOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoZnx8KGY9e30pKTt2YXIgcDsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkocHx8KHA9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIGEodCl7bGV0IGw9IiIsbj0wO2Zvcig7bjx0Lmxlbmd0aDspe2NvbnN0IG89dFtuXTtpZihvLnR5cGU9PT1mLlRBQkxFKXtpZihvLnRyTGlzdClmb3IobGV0IHI9MDtyPG8udHJMaXN0Lmxlbmd0aDtyKyspe2NvbnN0IHM9by50ckxpc3Rbcl07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCBpPXMudGRMaXN0W2VdO2wrPWEoaS52YWx1ZSl9fX1lbHNlIGlmKG8udHlwZT09PWYuSFlQRVJMSU5LKXtjb25zdCByPW8uaHlwZXJsaW5rSWQscz1bXTtmb3IoO248dC5sZW5ndGg7KXtjb25zdCBlPXRbbl07aWYociE9PWUuaHlwZXJsaW5rSWQpe24tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxuKyt9bCs9YShzKX1lbHNlIGlmKG8uY29udHJvbElkKXtjb25zdCByPW8uY29udHJvbElkLHM9W107Zm9yKDtuPHQubGVuZ3RoOyl7Y29uc3QgZT10W25dO2lmKHIhPT1lLmNvbnRyb2xJZCl7bi0tO2JyZWFrfWUuY29udHJvbENvbXBvbmVudD09PXAuVkFMVUUmJihkZWxldGUgZS5jb250cm9sSWQscy5wdXNoKGUpKSxuKyt9bCs9YShzKX0oIW8udHlwZXx8by50eXBlPT09Zi5URVhUKSYmKGwrPW8udmFsdWUpLG4rK31yZXR1cm4gbH1mdW5jdGlvbiBkKHQpe2NvbnN0IGw9W10sbj0vWzAtOV0vLG89L1tBLVphLXpdLyxyPS9ccy87bGV0IHM9ITEsZT0hMSxpPSIiO2Z1bmN0aW9uIHUoKXtpJiYobC5wdXNoKGkpLGk9IiIpfWZvcihjb25zdCBjIG9mIHQpby50ZXN0KGMpPyhzfHx1KCksaSs9YyxzPSEwLGU9ITEpOm4udGVzdChjKT8oZXx8dSgpLGkrPWMscz0hMSxlPSEwKToodSgpLHM9ITEsZT0hMSxyLnRlc3QoYyl8fGwucHVzaChjKSk7cmV0dXJuIHUoKSxsfW9ubWVzc2FnZT10PT57Y29uc3QgbD10LmRhdGEsbz1hKGwpLnJlcGxhY2UobmV3IFJlZ0V4cChgXiR7aH1gKSwiIikucmVwbGFjZShuZXcgUmVnRXhwKGgsImciKSxnKSxyPWQobyk7cG9zdE1lc3NhZ2Uoci5sZW5ndGgpfX0pKCk7fSkoKTsK";
 const blob$2 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$2)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper$2() {
   const objURL = blob$2 && (window.URL || window.webkitURL).createObjectURL(blob$2);
@@ -11540,7 +11558,12 @@ class Draw {
         main: this.elementList,
         footer: this.footer.getElementList()
       };
-      this.setEditorData(this.control.filterAssistElement(deepClone(this.printModeData)));
+      const clonePrintModeData = deepClone(this.printModeData);
+      const editorDataKeys = ["header", "main", "footer"];
+      editorDataKeys.forEach((key) => {
+        clonePrintModeData[key] = this.control.filterAssistElement(clonePrintModeData[key]);
+      });
+      this.setEditorData(clonePrintModeData);
     }
     if (this.mode === EditorMode.PRINT && this.printModeData) {
       this.setEditorData(this.printModeData);
@@ -11727,9 +11750,10 @@ class Draw {
     return this.header.getElementList();
   }
   getTableElementList(sourceElementList) {
+    var _a;
     const positionContext = this.position.getPositionContext();
     const { index: index2, trIndex, tdIndex } = positionContext;
-    return sourceElementList[index2].trList[trIndex].tdList[tdIndex].value;
+    return ((_a = sourceElementList[index2].trList) == null ? void 0 : _a[trIndex].tdList[tdIndex].value) || [];
   }
   getElementList() {
     const positionContext = this.position.getPositionContext();
@@ -13409,9 +13433,6 @@ class CommandAdapt {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
-    const activeControl = this.control.getActiveControl();
-    if (activeControl)
-      return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
       return;
@@ -13434,9 +13455,6 @@ class CommandAdapt {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
-    const activeControl = this.control.getActiveControl();
-    if (activeControl)
-      return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
       return;
@@ -14823,10 +14841,11 @@ class CommandAdapt {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
+    const cloneElementList = deepClone(payload);
     const { startIndex } = this.range.getRange();
     const elementList = this.draw.getElementList();
-    formatElementContext(elementList, payload, startIndex);
-    this.draw.insertElementList(payload);
+    formatElementContext(elementList, cloneElementList, startIndex);
+    this.draw.insertElementList(cloneElementList);
   }
   appendElementList(elementList, options) {
     if (!elementList.length)
@@ -14834,7 +14853,7 @@ class CommandAdapt {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
       return;
-    this.draw.appendElementList(elementList, options);
+    this.draw.appendElementList(deepClone(elementList), options);
   }
   setValue(payload) {
     this.draw.setValue(payload);
@@ -14845,7 +14864,7 @@ class CommandAdapt {
       return;
     const elementList = this.draw.getElementList();
     const element = elementList[startIndex];
-    if (element.type !== ElementType.CONTROL)
+    if (!element.controlId)
       return;
     const control = this.draw.getControl();
     const newIndex = control.removeControl(startIndex);
@@ -15033,7 +15052,7 @@ const INTERNAL_CONTEXT_MENU_KEY = {
   HYPERLINK: {
     DELETE: "hyperlinkDelete",
     CANCEL: "hyperlinkCancel",
-    EDIT: "hyperEdit"
+    EDIT: "hyperlinkEdit"
   },
   IMAGE: {
     CHANGE: "imageChange",
@@ -15075,7 +15094,7 @@ const controlMenus = [
     i18nPath: "contextmenu.control.delete",
     when: (payload) => {
       var _a;
-      return !payload.isReadonly && !payload.editorHasSelection && ((_a = payload.startElement) == null ? void 0 : _a.type) === ElementType.CONTROL;
+      return !payload.isReadonly && !payload.editorHasSelection && !!((_a = payload.startElement) == null ? void 0 : _a.controlId);
     },
     callback: (command) => {
       command.executeRemoveControl();
@@ -15100,7 +15119,7 @@ const globalMenus = [
     i18nPath: "contextmenu.global.copy",
     shortCut: `${isApple ? "\u2318" : "Ctrl"} + C`,
     when: (payload) => {
-      return payload.editorHasSelection;
+      return payload.editorHasSelection || payload.isCrossRowCol;
     },
     callback: (command) => {
       command.executeCopy();