@hufe921/canvas-editor 0.9.56 → 0.9.57

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.56";
+const version = "0.9.57";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -300,7 +300,7 @@ function isArrayEqual(arr1, arr2) {
   }
   return !arr1.some((item) => !arr2.includes(item));
 }
-const CURSOR_AGENT_HEIGHT = 12;
+const CURSOR_AGENT_OFFSET_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
   color: "#000000",
@@ -3766,7 +3766,6 @@ function formatElementList(elementList, options) {
                 elementList.splice(i, 0, __spreadProps(__spreadValues({}, valueStyleList[valueStyleIndex]), {
                   controlId,
                   value: value2,
-                  type: el.type,
                   letterSpacing: isLastLetter ? checkboxOption.gap : 0,
                   control: el.control,
                   controlComponent: ControlComponent.VALUE
@@ -3797,7 +3796,7 @@ function formatElementList(elementList, options) {
               elementList.splice(i, 0, __spreadProps(__spreadValues({}, element), {
                 controlId,
                 value: value2,
-                type: el.type,
+                type: element.type || ElementType.TEXT,
                 control: el.control,
                 controlComponent: ControlComponent.VALUE
               }));
@@ -4241,11 +4240,14 @@ function createDomFromElementList(elementList, options) {
         const tab = document.createElement("span");
         tab.innerHTML = `${NON_BREAKING_SPACE}${NON_BREAKING_SPACE}`;
         clipboardDom.append(tab);
+      } else if (element.type === ElementType.CONTROL) {
+        const controlElement = document.createElement("span");
+        const childDom = buildDom(zipElementList(((_b = element.control) == null ? void 0 : _b.value) || []));
+        controlElement.innerHTML = childDom.innerHTML;
+        clipboardDom.append(controlElement);
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let text = "";
-        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) {
+        if (element.type === ElementType.DATE) {
           text = ((_c = element.valueList) == null ? void 0 : _c.map((v) => v.value).join("")) || "";
         } else {
           text = element.value;
@@ -4797,8 +4799,9 @@ class Cursor {
     const zoneManager = this.draw.getZone();
     const curPageNo = zoneManager.isMainActive() ? pageNo : this.draw.getPageNo();
     const preY = curPageNo * (height + pageGap);
-    const offsetHeight = metrics.height / 4;
-    const cursorHeight = metrics.height + offsetHeight * 2;
+    const defaultOffsetHeight = CURSOR_AGENT_OFFSET_HEIGHT * scale;
+    const increaseHeight = Math.min(metrics.height / 4, defaultOffsetHeight);
+    const cursorHeight = metrics.height + increaseHeight * 2;
     const agentCursorDom = this.cursorAgent.getAgentCursorDom();
     if (isFocus) {
       setTimeout(() => {
@@ -4807,14 +4810,14 @@ class Cursor {
       });
     }
     const descent = metrics.boundingBoxDescent < 0 ? 0 : metrics.boundingBoxDescent;
-    const cursorTop = leftTop[1] + ascent + descent - (cursorHeight - offsetHeight) + preY;
+    const cursorTop = leftTop[1] + ascent + descent - (cursorHeight - increaseHeight) + preY;
     const cursorLeft = hitLineStartIndex ? leftTop[0] : rightTop[0];
     agentCursorDom.style.left = `${cursorLeft}px`;
-    agentCursorDom.style.top = `${cursorTop + cursorHeight - CURSOR_AGENT_HEIGHT * scale}px`;
+    agentCursorDom.style.top = `${cursorTop + cursorHeight - defaultOffsetHeight}px`;
     if (!isShow)
       return;
     const isReadonly = this.draw.isReadonly();
-    this.cursorDom.style.width = `${width}px`;
+    this.cursorDom.style.width = `${width * scale}px`;
     this.cursorDom.style.backgroundColor = color;
     this.cursorDom.style.left = `${cursorLeft}px`;
     this.cursorDom.style.top = `${cursorTop}px`;
@@ -5006,12 +5009,14 @@ class CheckboxControl {
   setValue() {
     return -1;
   }
-  setSelect(context = {}) {
+  setSelect(codes, context = {}, options = {}) {
+    if (!options.isIgnoreDisabledRule && this.control.isDisabledControl()) {
+      return;
+    }
     const { control } = this.element;
     const elementList = context.elementList || this.control.getElementList();
     const { startIndex } = context.range || this.control.getRange();
     const startElement = elementList[startIndex];
-    const data2 = [];
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
@@ -5020,9 +5025,7 @@ class CheckboxControl {
       }
       if (preElement.controlComponent === ControlComponent.CHECKBOX) {
         const checkbox = preElement.checkbox;
-        if (checkbox && checkbox.value && checkbox.code) {
-          data2.unshift(checkbox.code);
-        }
+        checkbox.value = codes.includes(checkbox.code);
       }
       preIndex--;
     }
@@ -5034,15 +5037,17 @@ class CheckboxControl {
       }
       if (nextElement.controlComponent === ControlComponent.CHECKBOX) {
         const checkbox = nextElement.checkbox;
-        if (checkbox && checkbox.value && checkbox.code) {
-          data2.push(checkbox.code);
-        }
+        checkbox.value = codes.includes(checkbox.code);
       }
       nextIndex++;
     }
-    control.code = data2.join(",");
+    control.code = codes.join(",");
+    this.control.repaintControl();
   }
   keydown(evt) {
+    if (this.control.isDisabledControl()) {
+      return null;
+    }
     const range = this.control.getRange();
     this.control.shrinkBoundary();
     const { startIndex, endIndex } = range;
@@ -5056,6 +5061,7 @@ class CheckboxControl {
   }
 }
 function mousedown(evt, host) {
+  var _a;
   if (evt.button === MouseEventButton.RIGHT)
     return;
   const draw = host.getDraw();
@@ -5102,26 +5108,28 @@ function mousedown(evt, host) {
     position.setCursorPosition(positionList[curIndex]);
     const isSetCheckbox = isDirectHitCheckbox && !isReadonly;
     if (isSetCheckbox) {
-      const { checkbox } = curElement;
-      if (checkbox) {
-        checkbox.value = !checkbox.value;
+      const { checkbox, control } = curElement;
+      const codes = ((_a = control == null ? void 0 : control.code) == null ? void 0 : _a.split(",")) || [];
+      if (checkbox == null ? void 0 : checkbox.value) {
+        const codeIndex = codes.findIndex((c) => c === checkbox.code);
+        codes.splice(codeIndex, 1);
       } else {
-        curElement.checkbox = {
-          value: true
-        };
+        if (checkbox == null ? void 0 : checkbox.code) {
+          codes.push(checkbox.code);
+        }
       }
-      const control = draw.getControl();
-      const activeControl = control.getActiveControl();
+      const activeControl = draw.getControl().getActiveControl();
       if (activeControl instanceof CheckboxControl) {
-        activeControl.setSelect();
+        activeControl.setSelect(codes);
       }
+    } else {
+      draw.render({
+        curIndex,
+        isCompute: false,
+        isSubmitHistory: false,
+        isSetCursor: !isDirectHitImage && !isDirectHitCheckbox
+      });
     }
-    draw.render({
-      curIndex,
-      isSubmitHistory: isSetCheckbox,
-      isSetCursor: !isDirectHitImage && !isDirectHitCheckbox,
-      isCompute: false
-    });
     if (hitLineStartIndex) {
       host.getDraw().getCursor().drawCursor({
         hitLineStartIndex
@@ -5716,7 +5724,6 @@ function input(data2, host) {
     const cursor = draw.getCursor();
     cursor.clearAgentDomValue();
   }
-  const activeControl = control.getActiveControl();
   const { TEXT, HYPERLINK, SUBSCRIPT, SUPERSCRIPT, DATE } = ElementType;
   const text = data2.replaceAll(`
 `, ZERO);
@@ -5747,7 +5754,7 @@ function input(data2, host) {
     return newElement;
   });
   let curIndex;
-  if (activeControl && !control.isRangInPostfix()) {
+  if (control.getActiveControl() && !control.isRangInPostfix()) {
     curIndex = control.setValue(inputData);
   } else {
     const start = startIndex + 1;
@@ -6148,7 +6155,7 @@ class CanvasEvent {
     mousedown(evt, this);
   }
   click() {
-    if (isIOS) {
+    if (isIOS && !this.draw.isReadonly()) {
       this.draw.getCursor().getAgentDom().focus();
     }
   }
@@ -6988,6 +6995,35 @@ class RangeManager {
     }
     return false;
   }
+  getKeywordRangeList(payload) {
+    const searchMatchList = this.draw.getSearch().getMatchList(payload);
+    const searchRangeMap = new Map();
+    for (const searchMatch of searchMatchList) {
+      const searchRange = searchRangeMap.get(searchMatch.groupId);
+      if (searchRange) {
+        searchRange.endIndex += 1;
+      } else {
+        const { type, groupId, tableId, index: index2, tdIndex, trIndex } = searchMatch;
+        const range = {
+          startIndex: index2 - 1,
+          endIndex: index2
+        };
+        if (type === EditorContext.TABLE) {
+          range.tableId = tableId;
+          range.startTdIndex = tdIndex;
+          range.endTdIndex = tdIndex;
+          range.startTrIndex = trIndex;
+          range.endTrIndex = trIndex;
+        }
+        searchRangeMap.set(groupId, range);
+      }
+    }
+    const rangeList = [];
+    searchRangeMap.forEach((searchRange) => {
+      rangeList.push(searchRange);
+    });
+    return rangeList;
+  }
   setRange(startIndex, endIndex, tableId, startTdIndex, endTdIndex, startTrIndex, endTrIndex) {
     this.range.startIndex = startIndex;
     this.range.endIndex = endIndex;
@@ -7431,7 +7467,7 @@ class Search {
       count
     };
   }
-  compute(payload) {
+  getMatchList(payload) {
     const keyword = payload.toLocaleLowerCase();
     const searchMatchList = [];
     const elementListGroup = [];
@@ -7499,6 +7535,7 @@ class Search {
           for (let d = 0; d < tr.tdList.length; d++) {
             const td = tr.tdList[d];
             const restArgs = {
+              tableId: tableElement.id,
               tableIndex: group2.index,
               trIndex: t,
               tdIndex: d,
@@ -7513,7 +7550,10 @@ class Search {
         });
       }
     }
-    this.searchMatchList = searchMatchList;
+    return searchMatchList;
+  }
+  compute(payload) {
+    this.searchMatchList = this.getMatchList(payload);
   }
   render(ctx, pageIndex) {
     var _a, _b;
@@ -8020,6 +8060,7 @@ class TableParticle {
     const isEmptyBorderType = borderType === TableBorder.EMPTY;
     const isExternalBorderType = borderType === TableBorder.EXTERNAL;
     ctx.save();
+    ctx.lineWidth = scale;
     if (!isEmptyBorderType) {
       this._drawOuterBorder({
         ctx,
@@ -8686,30 +8727,41 @@ class Header {
   }
 }
 class SuperscriptParticle {
+  getOffsetY(element) {
+    return -element.metrics.height / 2;
+  }
   render(ctx, element, x, y) {
     ctx.save();
     ctx.font = element.style;
     if (element.color) {
       ctx.fillStyle = element.color;
     }
-    ctx.fillText(element.value, x, y - element.metrics.height / 2);
+    ctx.fillText(element.value, x, y + this.getOffsetY(element));
     ctx.restore();
   }
 }
 class SubscriptParticle {
+  getOffsetY(element) {
+    return element.metrics.height / 2;
+  }
   render(ctx, element, x, y) {
     ctx.save();
     ctx.font = element.style;
     if (element.color) {
       ctx.fillStyle = element.color;
     }
-    ctx.fillText(element.value, x, y + element.metrics.height / 2);
+    ctx.fillText(element.value, x, y + this.getOffsetY(element));
     ctx.restore();
   }
 }
 class SeparatorParticle {
+  constructor(draw) {
+    __publicField(this, "options");
+    this.options = draw.getOptions();
+  }
   render(ctx, element, x, y) {
     ctx.save();
+    ctx.lineWidth = this.options.scale;
     if (element.color) {
       ctx.strokeStyle = element.color;
     }
@@ -8831,6 +8883,9 @@ class SelectControl {
     return -1;
   }
   keydown(evt) {
+    if (this.control.isDisabledControl()) {
+      return null;
+    }
     const elementList = this.control.getElementList();
     const range = this.control.getRange();
     this.control.shrinkBoundary();
@@ -8862,6 +8917,9 @@ class SelectControl {
     return endIndex;
   }
   cut() {
+    if (this.control.isDisabledControl()) {
+      return -1;
+    }
     this.control.shrinkBoundary();
     const { startIndex, endIndex } = this.control.getRange();
     if (startIndex === endIndex) {
@@ -8869,7 +8927,10 @@ class SelectControl {
     }
     return this.clearSelect();
   }
-  clearSelect(context = {}) {
+  clearSelect(context = {}, options = {}) {
+    if (!options.isIgnoreDisabledRule && this.control.isDisabledControl()) {
+      return -1;
+    }
     const elementList = context.elementList || this.control.getElementList();
     const { startIndex } = context.range || this.control.getRange();
     const startElement = elementList[startIndex];
@@ -8901,7 +8962,10 @@ class SelectControl {
     this.element.control.code = null;
     return preIndex;
   }
-  setSelect(code, context = {}) {
+  setSelect(code, context = {}, options = {}) {
+    if (!options.isIgnoreDisabledRule && this.control.isDisabledControl()) {
+      return;
+    }
     const control = this.element.control;
     const valueSets = control.valueSets;
     if (!Array.isArray(valueSets) || !valueSets.length)
@@ -8912,6 +8976,8 @@ 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);
+    if (!~prefixIndex)
+      return;
     this.control.removePlaceholder(prefixIndex, context);
     const propertyElement = omitObject(elementList[prefixIndex], EDITOR_ELEMENT_STYLE_ATTR);
     const start = prefixIndex + 1;
@@ -8919,6 +8985,7 @@ class SelectControl {
     const draw = this.control.getDraw();
     for (let i = 0; i < data2.length; i++) {
       const newElement = __spreadProps(__spreadValues(__spreadValues({}, styleElement), propertyElement), {
+        type: ElementType.TEXT,
         value: data2[i],
         controlComponent: ControlComponent.VALUE
       });
@@ -8968,7 +9035,7 @@ class SelectControl {
   }
   awake() {
     var _a;
-    if (this.isPopup)
+    if (this.isPopup || this.control.isDisabledControl())
       return;
     const { startIndex } = this.control.getRange();
     const elementList = this.control.getElementList();
@@ -9025,7 +9092,10 @@ class TextControl {
     }
     return data2;
   }
-  setValue(data2, context = {}) {
+  setValue(data2, context = {}, options = {}) {
+    if (!options.isIgnoreDisabledRule && this.control.isDisabledControl()) {
+      return -1;
+    }
     const elementList = context.elementList || this.control.getElementList();
     const range = context.range || this.control.getRange();
     this.control.shrinkBoundary();
@@ -9048,7 +9118,10 @@ class TextControl {
     }
     return start + data2.length - 1;
   }
-  clearValue(context = {}) {
+  clearValue(context = {}, options = {}) {
+    if (!options.isIgnoreDisabledRule && this.control.isDisabledControl()) {
+      return -1;
+    }
     const elementList = context.elementList || this.control.getElementList();
     const range = context.range || this.control.getRange();
     const { startIndex, endIndex } = range;
@@ -9060,6 +9133,9 @@ class TextControl {
     return startIndex;
   }
   keydown(evt) {
+    if (this.control.isDisabledControl()) {
+      return null;
+    }
     const elementList = this.control.getElementList();
     const range = this.control.getRange();
     this.control.shrinkBoundary();
@@ -9112,6 +9188,9 @@ class TextControl {
     return endIndex;
   }
   cut() {
+    if (this.control.isDisabledControl()) {
+      return -1;
+    }
     this.control.shrinkBoundary();
     const { startIndex, endIndex } = this.control.getRange();
     if (startIndex === endIndex) {
@@ -9198,6 +9277,10 @@ class Control {
     }
     return false;
   }
+  isDisabledControl() {
+    var _a, _b;
+    return !!((_b = (_a = this.activeControl) == null ? void 0 : _a.getElement().control) == null ? void 0 : _b.disabled);
+  }
   getContainer() {
     return this.draw.getContainer();
   }
@@ -9291,10 +9374,17 @@ class Control {
     }
   }
   repaintControl(curIndex) {
-    this.range.setRange(curIndex, curIndex);
-    this.draw.render({
-      curIndex
-    });
+    if (curIndex === void 0) {
+      this.range.clearRange();
+      this.draw.render({
+        isSetCursor: false
+      });
+    } else {
+      this.range.setRange(curIndex, curIndex);
+      this.draw.render({
+        curIndex
+      });
+    }
   }
   moveCursor(position) {
     const { index: index2, trIndex, tdIndex, tdValueIndex } = position;
@@ -9546,6 +9636,9 @@ class Control {
           range: fakeRange,
           elementList
         };
+        const controlRule = {
+          isIgnoreDisabledRule: true
+        };
         if (type === ControlType.TEXT) {
           const formatValue = [{ value }];
           formatElementList(formatValue, {
@@ -9554,28 +9647,21 @@ class Control {
           });
           const text = new TextControl(element, this);
           if (value) {
-            text.setValue(formatValue, controlContext);
+            text.setValue(formatValue, controlContext, controlRule);
           } else {
-            text.clearValue(controlContext);
+            text.clearValue(controlContext, controlRule);
           }
         } else if (type === ControlType.SELECT) {
           const select = new SelectControl(element, this);
           if (value) {
-            select.setSelect(value, controlContext);
+            select.setSelect(value, controlContext, controlRule);
           } else {
-            select.clearSelect(controlContext);
+            select.clearSelect(controlContext, controlRule);
           }
         } else if (type === ControlType.CHECKBOX) {
           const checkbox = new CheckboxControl(element, this);
-          const checkboxElementList = elementList.slice(fakeRange.startIndex + 1, fakeRange.endIndex + 1);
           const codes = (value == null ? void 0 : value.split(",")) || [];
-          for (const checkElement of checkboxElementList) {
-            if (checkElement.controlComponent === ControlComponent.CHECKBOX) {
-              const checkboxItem = checkElement.checkbox;
-              checkboxItem.value = codes.includes(checkboxItem.code);
-            }
-          }
-          checkbox.setSelect(controlContext);
+          checkbox.setSelect(codes, controlContext, controlRule);
         }
         let newEndIndex = i;
         while (newEndIndex < elementList.length) {
@@ -9653,7 +9739,7 @@ class CheckboxParticle {
   render(ctx, element, x, y) {
     const { checkbox: { gap, lineWidth, fillStyle, fontStyle }, scale } = this.options;
     const { metrics, checkbox } = element;
-    const left = Math.round(x + gap);
+    const left = Math.round(x + gap * scale);
     const top = Math.round(y - metrics.height + lineWidth);
     const width = metrics.width - gap * 2 * scale;
     const height = metrics.height;
@@ -11636,7 +11722,7 @@ class Draw {
     this.footer = new Footer(this, data2.footer);
     this.hyperlinkParticle = new HyperlinkParticle(this);
     this.dateParticle = new DateParticle(this);
-    this.separatorParticle = new SeparatorParticle();
+    this.separatorParticle = new SeparatorParticle(this);
     this.pageBreakParticle = new PageBreakParticle(this);
     this.superscriptParticle = new SuperscriptParticle();
     this.subscriptParticle = new SubscriptParticle();
@@ -11922,7 +12008,9 @@ class Draw {
     let curIndex = -1;
     const activeControl = this.control.getActiveControl();
     if (activeControl && !this.control.isRangInPostfix()) {
-      curIndex = activeControl.setValue(payload);
+      curIndex = activeControl.setValue(payload, void 0, {
+        isIgnoreDisabledRule: true
+      });
     } else {
       const elementList = this.getElementList();
       const isCollapsed = startIndex === endIndex;
@@ -12384,7 +12472,7 @@ class Draw {
             const rowList2 = this.computeRowList((td.width - tdPaddingWidth) * scale, td.value);
             const rowHeight = rowList2.reduce((pre, cur) => pre + cur.height, 0);
             td.rowList = rowList2;
-            const curTdHeight = (rowHeight + tdPaddingHeight) / scale;
+            const curTdHeight = rowHeight / scale + tdPaddingHeight;
             if (td.height < curTdHeight) {
               const extraHeight = curTdHeight - td.height;
               const changeTr = trList[t + td.rowspan - 1];
@@ -12439,7 +12527,7 @@ class Draw {
         metrics.width = elementWidth;
         metrics.height = elementHeight;
         metrics.boundingBoxDescent = elementHeight;
-        metrics.boundingBoxAscent = 0;
+        metrics.boundingBoxAscent = -rowMargin;
         const height2 = this.getHeight();
         const marginHeight = this.getMainOuterHeight();
         let curPagePreHeight = marginHeight;
@@ -12747,10 +12835,19 @@ class Draw {
           }
         }
         if (element.underline || ((_a = element.control) == null ? void 0 : _a.underline)) {
+          if ((preElement == null ? void 0 : preElement.type) === ElementType.SUPERSCRIPT && element.type !== ElementType.SUPERSCRIPT || (preElement == null ? void 0 : preElement.type) === ElementType.SUBSCRIPT && element.type !== ElementType.SUBSCRIPT) {
+            this.underline.render(ctx);
+          }
           const rowMargin = defaultBasicRowMarginHeight * (element.rowMargin || defaultRowMargin) * scale;
-          const left = element.left || 0;
+          const offsetX = element.left || 0;
+          let offsetY2 = 0;
+          if (element.type === ElementType.SUBSCRIPT) {
+            offsetY2 = this.subscriptParticle.getOffsetY(element);
+          } else if (element.type === ElementType.SUPERSCRIPT) {
+            offsetY2 = this.superscriptParticle.getOffsetY(element);
+          }
           const color = element.controlComponent === ControlComponent.PLACEHOLDER ? void 0 : element.color;
-          this.underline.recordFillInfo(ctx, x - left, y + curRow.height - rowMargin, metrics.width + left, 0, color);
+          this.underline.recordFillInfo(ctx, x - offsetX, y + curRow.height - rowMargin + offsetY2, metrics.width + offsetX, 0, color);
         } else if ((preElement == null ? void 0 : preElement.underline) || ((_b = preElement == null ? void 0 : preElement.control) == null ? void 0 : _b.underline)) {
           this.underline.render(ctx);
         }
@@ -13031,6 +13128,8 @@ class Command {
     __publicField(this, "executeSelectAll");
     __publicField(this, "executeBackspace");
     __publicField(this, "executeSetRange");
+    __publicField(this, "executeReplaceRange");
+    __publicField(this, "executeSetPositionContext");
     __publicField(this, "executeForceUpdate");
     __publicField(this, "executeBlur");
     __publicField(this, "executeUndo");
@@ -13105,6 +13204,7 @@ class Command {
     __publicField(this, "executeSetGroup");
     __publicField(this, "executeDeleteGroup");
     __publicField(this, "executeLocationGroup");
+    __publicField(this, "executeSetZone");
     __publicField(this, "executeSetControlValue");
     __publicField(this, "executeSetControlExtension");
     __publicField(this, "getCatalog");
@@ -13118,6 +13218,7 @@ class Command {
     __publicField(this, "getRangeContext");
     __publicField(this, "getRangeRow");
     __publicField(this, "getRangeParagraph");
+    __publicField(this, "getKeywordRangeList");
     __publicField(this, "getPaperMargin");
     __publicField(this, "getSearchNavigateInfo");
     __publicField(this, "getLocale");
@@ -13131,6 +13232,8 @@ class Command {
     this.executeSelectAll = adapt.selectAll.bind(adapt);
     this.executeBackspace = adapt.backspace.bind(adapt);
     this.executeSetRange = adapt.setRange.bind(adapt);
+    this.executeReplaceRange = adapt.replaceRange.bind(adapt);
+    this.executeSetPositionContext = adapt.setPositionContext.bind(adapt);
     this.executeForceUpdate = adapt.forceUpdate.bind(adapt);
     this.executeBlur = adapt.blur.bind(adapt);
     this.executeUndo = adapt.undo.bind(adapt);
@@ -13205,6 +13308,7 @@ class Command {
     this.executeSetGroup = adapt.setGroup.bind(adapt);
     this.executeDeleteGroup = adapt.deleteGroup.bind(adapt);
     this.executeLocationGroup = adapt.locationGroup.bind(adapt);
+    this.executeSetZone = adapt.setZone.bind(adapt);
     this.getImage = adapt.getImage.bind(adapt);
     this.getOptions = adapt.getOptions.bind(adapt);
     this.getValue = adapt.getValue.bind(adapt);
@@ -13215,6 +13319,7 @@ class Command {
     this.getRangeContext = adapt.getRangeContext.bind(adapt);
     this.getRangeRow = adapt.getRangeRow.bind(adapt);
     this.getRangeParagraph = adapt.getRangeParagraph.bind(adapt);
+    this.getKeywordRangeList = adapt.getKeywordRangeList.bind(adapt);
     this.getCatalog = adapt.getCatalog.bind(adapt);
     this.getPaperMargin = adapt.getPaperMargin.bind(adapt);
     this.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
@@ -13339,10 +13444,10 @@ class CommandAdapt {
     this.range.setRange(curIndex, curIndex);
     this.draw.render({ curIndex });
   }
-  setRange(startIndex, endIndex) {
+  setRange(startIndex, endIndex, tableId, startTdIndex, endTdIndex, startTrIndex, endTrIndex) {
     if (startIndex < 0 || endIndex < 0 || endIndex < startIndex)
       return;
-    this.range.setRange(startIndex, endIndex);
+    this.range.setRange(startIndex, endIndex, tableId, startTdIndex, endTdIndex, startTrIndex, endTrIndex);
     const isCollapsed = startIndex === endIndex;
     this.draw.render({
       curIndex: isCollapsed ? startIndex : void 0,
@@ -13351,6 +13456,34 @@ class CommandAdapt {
       isSetCursor: isCollapsed
     });
   }
+  replaceRange(range) {
+    this.setRange(range.startIndex, range.endIndex, range.tableId, range.startTdIndex, range.endTdIndex, range.startTrIndex, range.endTrIndex);
+  }
+  setPositionContext(range) {
+    const { tableId, startTrIndex, startTdIndex } = range;
+    const elementList = this.draw.getOriginalElementList();
+    if (tableId) {
+      const tableElementIndex = elementList.findIndex((el) => el.id === tableId);
+      if (!~tableElementIndex)
+        return;
+      const tableElement = elementList[tableElementIndex];
+      const tr = tableElement.trList[startTrIndex];
+      const td = tr.tdList[startTdIndex];
+      this.position.setPositionContext({
+        isTable: true,
+        index: tableElementIndex,
+        trIndex: startTrIndex,
+        tdIndex: startTdIndex,
+        tdId: td.id,
+        trId: tr.id,
+        tableId
+      });
+    } else {
+      this.position.setPositionContext({
+        isTable: false
+      });
+    }
+  }
   forceUpdate(options) {
     const { isSubmitHistory = false } = options || {};
     this.range.clearRange();
@@ -13376,9 +13509,6 @@ class CommandAdapt {
     this.historyManager.redo();
   }
   painter(options) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     const selection = this.range.getSelection();
     if (!selection)
       return;
@@ -13395,11 +13525,14 @@ class CommandAdapt {
     this.draw.setPainterStyle(painterStyle, options);
   }
   applyPainterStyle() {
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
+      return;
     this.canvasEvent.applyPainterStyle();
   }
   format() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13415,8 +13548,8 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   font(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13430,8 +13563,8 @@ class CommandAdapt {
     const { minSize, maxSize, defaultSize } = this.options;
     if (payload < minSize || payload > maxSize)
       return;
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getTextLikeSelectionElementList();
     if (!selection || !selection.length)
@@ -13449,8 +13582,8 @@ class CommandAdapt {
     }
   }
   sizeAdd() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getTextLikeSelectionElementList();
     if (!selection || !selection.length)
@@ -13475,8 +13608,8 @@ class CommandAdapt {
     }
   }
   sizeMinus() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getTextLikeSelectionElementList();
     if (!selection || !selection.length)
@@ -13501,8 +13634,8 @@ class CommandAdapt {
     }
   }
   bold() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13514,8 +13647,8 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   italic() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13527,8 +13660,8 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   underline() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13543,8 +13676,8 @@ class CommandAdapt {
     });
   }
   strikeout() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13559,8 +13692,8 @@ class CommandAdapt {
     });
   }
   superscript() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13581,8 +13714,8 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   subscript() {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13603,8 +13736,8 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   color(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -13618,8 +13751,8 @@ class CommandAdapt {
     });
   }
   highlight(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
     if (!selection)
@@ -14510,6 +14643,9 @@ class CommandAdapt {
     return [leftIndex, rightIndex];
   }
   deleteHyperlink() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14524,6 +14660,9 @@ class CommandAdapt {
     });
   }
   cancelHyperlink() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14544,6 +14683,9 @@ class CommandAdapt {
     });
   }
   editHyperlink(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14643,8 +14785,8 @@ class CommandAdapt {
     }
   }
   image(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
+    const isDisabled = this.draw.isReadonly() || this.control.isDisabledControl();
+    if (isDisabled)
       return;
     const activeControl = this.control.getActiveControl();
     if (activeControl)
@@ -14946,6 +15088,9 @@ class CommandAdapt {
     const paragraphElementList = this.range.getRangeParagraphElementList();
     return paragraphElementList ? zipElementList(paragraphElementList) : null;
   }
+  getKeywordRangeList(payload) {
+    return this.range.getKeywordRangeList(payload);
+  }
   pageMode(payload) {
     this.draw.setPageMode(payload);
   }
@@ -15125,6 +15270,9 @@ class CommandAdapt {
       isSubmitHistory: false
     });
   }
+  setZone(zone) {
+    this.draw.getZone().setZone(zone);
+  }
   getControlValue(payload) {
     return this.draw.getControl().getValueByConceptId(payload);
   }