@hufe921/canvas-editor 0.9.55 → 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.55";
+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;
@@ -7923,6 +7963,7 @@ class TableParticle {
     this.options = draw.getOptions();
   }
   getTrListGroupByCol(payload) {
+    var _a;
     const trList = deepClone(payload);
     for (let t = 0; t < payload.length; t++) {
       const tr = trList[t];
@@ -7932,7 +7973,7 @@ class TableParticle {
         const curRowIndex = rowIndex + rowspan - 1;
         if (curRowIndex !== d) {
           const changeTd = tr.tdList.splice(d, 1)[0];
-          trList[curRowIndex].tdList.splice(colIndex, 0, changeTd);
+          (_a = trList[curRowIndex]) == null ? void 0 : _a.tdList.splice(colIndex, 0, changeTd);
         }
       }
     }
@@ -8019,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,
@@ -8084,6 +8126,33 @@ class TableParticle {
       }
     }
   }
+  getTableWidth(element) {
+    return element.colgroup.reduce((pre, cur) => pre + cur.width, 0);
+  }
+  getTableHeight(element) {
+    const trList = element.trList;
+    if (!(trList == null ? void 0 : trList.length))
+      return 0;
+    return this.getTdListByColIndex(trList, 0).reduce((pre, cur) => pre + cur.height, 0);
+  }
+  getRowCountByColIndex(trList, colIndex) {
+    return this.getTdListByColIndex(trList, colIndex).reduce((pre, cur) => pre + cur.rowspan, 0);
+  }
+  getTdListByColIndex(trList, colIndex) {
+    const data2 = [];
+    for (let r = 0; r < trList.length; r++) {
+      const tdList = trList[r].tdList;
+      for (let d = 0; d < tdList.length; d++) {
+        const td = tdList[d];
+        const min = td.colIndex;
+        const max = min + td.colspan - 1;
+        if (colIndex >= min && colIndex <= max) {
+          data2.push(td);
+        }
+      }
+    }
+    return data2;
+  }
   computeRowColInfo(element) {
     const { colgroup, trList } = element;
     if (!colgroup || !trList)
@@ -8096,42 +8165,27 @@ class TableParticle {
       let rowMinHeight = 0;
       for (let d = 0; d < tr.tdList.length; d++) {
         const td = tr.tdList[d];
-        let offsetXIndex = 0;
+        let colIndex = 0;
         if (trList.length > 1 && t !== 0) {
-          for (let pT = 0; pT < t; pT++) {
-            const pTr = trList[pT];
-            for (let pD = 0; pD < pTr.tdList.length; pD++) {
-              const pTd = pTr.tdList[pD];
-              const pTdX = pTd.x;
-              const pTdY = pTd.y;
-              const pTdWidth = pTd.width;
-              const pTdHeight = pTd.height;
-              if (pTdX < x)
-                continue;
-              if (pTdX > x)
-                break;
-              if (pTdX === x && pTdY + pTdHeight > y) {
-                const nextPTd = pTr.tdList[pD + 1];
-                if (nextPTd && pTd.colIndex + pTd.colspan !== nextPTd.colIndex) {
-                  x = nextPTd.x;
-                  offsetXIndex = nextPTd.colIndex;
-                } else {
-                  x += pTdWidth;
-                  offsetXIndex += pTd.colspan;
-                }
+          const preTd = tr.tdList[d - 1];
+          const start = preTd ? preTd.colIndex + preTd.colspan : d;
+          for (let c = start; c < colgroup.length; c++) {
+            const rowCount = this.getRowCountByColIndex(trList.slice(0, t), c);
+            if (rowCount === t) {
+              colIndex = c;
+              let preColWidth = 0;
+              for (let preC = 0; preC < c; preC++) {
+                preColWidth += colgroup[preC].width;
               }
+              x = preColWidth;
+              break;
             }
           }
-        }
-        let colIndex = 0;
-        const preTd = tr.tdList[d - 1];
-        if (preTd) {
-          colIndex = preTd.colIndex + offsetXIndex + 1;
-          if (preTd.colspan > 1) {
-            colIndex += preTd.colspan - 1;
-          }
         } else {
-          colIndex += offsetXIndex;
+          const preTd = tr.tdList[d - 1];
+          if (preTd) {
+            colIndex = preTd.colIndex + preTd.colspan;
+          }
         }
         let width = 0;
         for (let col = 0; col < td.colspan; col++) {
@@ -8139,7 +8193,8 @@ class TableParticle {
         }
         let height = 0;
         for (let row = 0; row < td.rowspan; row++) {
-          height += trList[row + t].height;
+          const curTr = trList[row + t] || trList[t];
+          height += curTr.height;
         }
         if (rowMinHeight === 0 || rowMinHeight > height) {
           rowMinHeight = height;
@@ -8427,7 +8482,8 @@ class TableTool {
       var _a;
       let isChangeSize = false;
       if (order === TableOrder.ROW) {
-        const tr = element.trList[index2];
+        const trList = element.trList;
+        const tr = trList[index2] || trList[index2 - 1];
         const { defaultTrMinHeight } = this.options;
         if (dy < 0 && tr.height + dy < defaultTrMinHeight) {
           dy = defaultTrMinHeight - tr.height;
@@ -8671,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;
     }
@@ -8816,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();
@@ -8847,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) {
@@ -8854,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];
@@ -8886,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)
@@ -8897,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;
@@ -8904,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
       });
@@ -8953,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();
@@ -9010,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();
@@ -9033,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;
@@ -9045,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();
@@ -9097,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) {
@@ -9183,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();
   }
@@ -9276,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;
@@ -9432,49 +9537,62 @@ class Control {
     return this.activeControl.cut();
   }
   getValueByConceptId(payload) {
-    var _a;
     const { conceptId } = payload;
+    const result = [];
+    const getValue = (elementList2) => {
+      var _a;
+      let i = 0;
+      while (i < elementList2.length) {
+        const element = elementList2[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];
+              getValue(td.value);
+            }
+          }
+        }
+        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+          continue;
+        const { type, code, valueSets } = element.control;
+        let j = i;
+        let textControlValue = "";
+        while (j < elementList2.length) {
+          const nextElement = elementList2[j];
+          if (nextElement.controlId !== element.controlId)
+            break;
+          if (type === ControlType.TEXT && nextElement.controlComponent === ControlComponent.VALUE) {
+            textControlValue += nextElement.value;
+          }
+          j++;
+        }
+        if (type === ControlType.TEXT) {
+          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(__spreadProps(__spreadValues({}, element.control), {
+            value: code || null,
+            innerText: innerText || null
+          }));
+        }
+        i = j;
+      }
+    };
     const elementList = [
       ...this.draw.getHeaderElementList(),
       ...this.draw.getOriginalMainElementList(),
       ...this.draw.getFooterElementList()
     ];
-    const result = [];
-    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;
-      const { type, code, valueSets } = element.control;
-      let j = i;
-      let textControlValue = "";
-      while (j < elementList.length) {
-        const nextElement = elementList[j];
-        if (nextElement.controlId !== element.controlId)
-          break;
-        if (type === ControlType.TEXT && nextElement.controlComponent === ControlComponent.VALUE) {
-          textControlValue += nextElement.value;
-        }
-        j++;
-      }
-      if (type === ControlType.TEXT) {
-        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(__spreadProps(__spreadValues({}, element.control), {
-          value: code || null,
-          innerText: innerText || null
-        }));
-      }
-      i = j;
-    }
+    getValue(elementList);
     return result;
   }
   setValueByConceptId(payload) {
@@ -9518,6 +9636,9 @@ class Control {
           range: fakeRange,
           elementList
         };
+        const controlRule = {
+          isIgnoreDisabledRule: true
+        };
         if (type === ControlType.TEXT) {
           const formatValue = [{ value }];
           formatElementList(formatValue, {
@@ -9526,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) {
@@ -9574,21 +9688,26 @@ 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) {
+    const setExtension = (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];
+              setExtension(td.value);
+            }
+          }
+        }
         if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
           continue;
         element.control.extension = extension;
@@ -9601,6 +9720,14 @@ class Control {
         }
         i = newEndIndex;
       }
+    };
+    const data2 = [
+      this.draw.getHeaderElementList(),
+      this.draw.getOriginalMainElementList(),
+      this.draw.getFooterElementList()
+    ];
+    for (const elementList of data2) {
+      setExtension(elementList);
     }
   }
 }
@@ -9612,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;
@@ -11595,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();
@@ -11881,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;
@@ -12343,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];
@@ -12356,7 +12485,7 @@ class Draw {
             let curTdRealHeight = 0;
             let i2 = 0;
             while (i2 < td.rowspan) {
-              const curTr = trList[i2 + t];
+              const curTr = trList[i2 + t] || trList[t];
               curTdMinHeight += curTr.minHeight;
               curTdRealHeight += curTr.height;
               i2++;
@@ -12389,8 +12518,8 @@ class Draw {
           }
         }
         this.tableParticle.computeRowColInfo(element);
-        const tableHeight = trList.reduce((pre, cur) => pre + cur.height, 0);
-        const tableWidth = element.colgroup.reduce((pre, cur) => pre + cur.width, 0);
+        const tableHeight = this.tableParticle.getTableHeight(element);
+        const tableWidth = this.tableParticle.getTableWidth(element);
         element.width = tableWidth;
         element.height = tableHeight;
         const elementWidth = tableWidth * scale;
@@ -12398,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;
@@ -12706,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);
         }
@@ -12990,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");
@@ -13064,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");
@@ -13077,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");
@@ -13090,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);
@@ -13164,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);
@@ -13174,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);
@@ -13298,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,
@@ -13310,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();
@@ -13335,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;
@@ -13354,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)
@@ -13374,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)
@@ -13389,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)
@@ -13408,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)
@@ -13434,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)
@@ -13460,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)
@@ -13473,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)
@@ -13486,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)
@@ -13502,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)
@@ -13518,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)
@@ -13540,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)
@@ -13562,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)
@@ -13577,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)
@@ -14469,6 +14643,9 @@ class CommandAdapt {
     return [leftIndex, rightIndex];
   }
   deleteHyperlink() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14483,6 +14660,9 @@ class CommandAdapt {
     });
   }
   cancelHyperlink() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14503,6 +14683,9 @@ class CommandAdapt {
     });
   }
   editHyperlink(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const hyperRange = this.getHyperlinkRange();
     if (!hyperRange)
       return;
@@ -14602,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)
@@ -14905,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);
   }
@@ -15084,6 +15270,9 @@ class CommandAdapt {
       isSubmitHistory: false
     });
   }
+  setZone(zone) {
+    this.draw.getZone().setZone(zone);
+  }
   getControlValue(payload) {
     return this.draw.getControl().getValueByConceptId(payload);
   }