@hufe921/canvas-editor 0.9.87 → 0.9.89

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.87";
+const version = "0.9.89";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4343,10 +4343,13 @@ function getAnchorElement(elementList, anchorIndex) {
   return !anchorElement.listId && anchorElement.value === ZERO && anchorNextElement && anchorNextElement.value !== ZERO ? anchorNextElement : anchorElement;
 }
 function formatElementContext(sourceElementList, formatElementList2, anchorIndex, options) {
-  var _a, _b;
-  const copyElement = getAnchorElement(sourceElementList, anchorIndex);
+  var _a, _b, _c;
+  let copyElement = getAnchorElement(sourceElementList, anchorIndex);
   if (!copyElement)
     return;
+  if ((_a = copyElement.title) == null ? void 0 : _a.disabled) {
+    copyElement = omitObject(copyElement, TITLE_CONTEXT_ATTR);
+  }
   const { isBreakWhenWrap = false } = options || {};
   let isBreakWarped = false;
   for (let e = 0; e < formatElementList2.length; e++) {
@@ -4357,12 +4360,12 @@ function formatElementContext(sourceElementList, formatElementList2, anchorIndex
     if (isBreakWarped || !copyElement.listId && targetElement.type === ElementType.LIST) {
       const cloneAttr = [...TABLE_CONTEXT_ATTR, ...EDITOR_ROW_ATTR];
       cloneProperty(cloneAttr, copyElement, targetElement);
-      (_a = targetElement.valueList) == null ? void 0 : _a.forEach((valueItem) => {
+      (_b = targetElement.valueList) == null ? void 0 : _b.forEach((valueItem) => {
         cloneProperty(cloneAttr, copyElement, valueItem);
       });
       continue;
     }
-    if ((_b = targetElement.valueList) == null ? void 0 : _b.length) {
+    if ((_c = targetElement.valueList) == null ? void 0 : _c.length) {
       formatElementContext(sourceElementList, targetElement.valueList, anchorIndex);
     }
     cloneProperty(EDITOR_ELEMENT_CONTEXT_ATTR, copyElement, targetElement);
@@ -4980,8 +4983,7 @@ function getIsClipboardContainFile(clipboardData) {
 }
 function pasteElement(host, elementList) {
   const draw = host.getDraw();
-  const isReadonly = draw.isReadonly();
-  if (isReadonly)
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const rangeManager = draw.getRange();
   const { startIndex } = rangeManager.getRange();
@@ -5020,8 +5022,7 @@ function pasteElement(host, elementList) {
 }
 function pasteHTML(host, htmlText) {
   const draw = host.getDraw();
-  const isReadonly = draw.isReadonly();
-  if (isReadonly)
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const elementList = getElementListByHTML(htmlText, {
     innerWidth: draw.getOriginalInnerWidth()
@@ -5030,8 +5031,7 @@ function pasteHTML(host, htmlText) {
 }
 function pasteImage(host, file) {
   const draw = host.getDraw();
-  const isReadonly = draw.isReadonly();
-  if (isReadonly)
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const rangeManager = draw.getRange();
   const { startIndex } = rangeManager.getRange();
@@ -5058,8 +5058,7 @@ function pasteImage(host, file) {
 }
 function pasteByEvent(host, evt) {
   const draw = host.getDraw();
-  const isReadonly = draw.isReadonly();
-  if (isReadonly)
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const clipboardData = evt.clipboardData;
   if (!clipboardData)
@@ -5114,8 +5113,7 @@ function pasteByEvent(host, evt) {
 }
 async function pasteByApi(host, options) {
   const draw = host.getDraw();
-  const isReadonly = draw.isReadonly();
-  if (isReadonly)
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const { paste } = draw.getOverride();
   if (paste) {
@@ -5552,7 +5550,7 @@ class CheckboxControl {
     return -1;
   }
   setSelect(codes, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const { control } = this.element;
@@ -5604,7 +5602,7 @@ class CheckboxControl {
 }
 class RadioControl extends CheckboxControl {
   setSelect(codes, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const { control } = this.element;
@@ -5672,6 +5670,7 @@ function mousedown(evt, host) {
     draw.setPageNo(Number(pageIndex));
   }
   host.isAllowSelection = true;
+  const oldPositionContext = deepClone(position.getPositionContext());
   const positionResult = position.adjustPositionContext({
     x: evt.offsetX,
     y: evt.offsetY
@@ -5692,7 +5691,22 @@ function mousedown(evt, host) {
   const isDirectHitCheckbox = !!(isDirectHit && isCheckbox);
   const isDirectHitRadio = !!(isDirectHit && isRadio);
   if (~index2) {
-    rangeManager.setRange(curIndex, curIndex);
+    let startIndex = curIndex;
+    let endIndex = curIndex;
+    if (evt.shiftKey) {
+      const { startIndex: oldStartIndex } = rangeManager.getRange();
+      if (~oldStartIndex) {
+        const newPositionContext = position.getPositionContext();
+        if (newPositionContext.tdId === oldPositionContext.tdId) {
+          if (curIndex > oldStartIndex) {
+            startIndex = oldStartIndex;
+          } else {
+            endIndex = oldStartIndex;
+          }
+        }
+      }
+    }
+    rangeManager.setRange(startIndex, endIndex);
     position.setCursorPosition(positionList[curIndex]);
     const isSetCheckbox = isDirectHitCheckbox && !isReadonly;
     const isSetRadio = isDirectHitRadio && !isReadonly;
@@ -5804,8 +5818,10 @@ function mouseup(evt, host) {
   var _a, _b, _c, _d;
   if (host.isAllowDrop) {
     const draw = host.getDraw();
-    if (draw.isReadonly())
+    if (draw.isReadonly() || draw.isDisabled()) {
+      host.mousedown(evt);
       return;
+    }
     const position = draw.getPosition();
     const positionList = position.getPositionList();
     const positionContext = position.getPositionContext();
@@ -6908,7 +6924,7 @@ function keydown(evt, host) {
 function input(data2, host) {
   var _a;
   const draw = host.getDraw();
-  if (draw.isReadonly())
+  if (draw.isReadonly() || draw.isDisabled())
     return;
   const position = draw.getPosition();
   const cursorPosition = position.getCursorPosition();
@@ -6934,22 +6950,25 @@ function input(data2, host) {
   if (!copyElement)
     return;
   const inputData = splitText(text).map((value) => {
+    var _a2, _b;
     const newElement = {
       value
     };
-    const nextElement = elementList[endIndex + 1];
-    if (!copyElement.type || copyElement.type === TEXT || copyElement.type === HYPERLINK && (nextElement == null ? void 0 : nextElement.type) === HYPERLINK || copyElement.type === DATE && (nextElement == null ? void 0 : nextElement.type) === DATE || copyElement.type === SUBSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUBSCRIPT || copyElement.type === SUPERSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUPERSCRIPT) {
-      EDITOR_ELEMENT_COPY_ATTR.forEach((attr) => {
-        if (attr === "groupIds" && !(nextElement == null ? void 0 : nextElement.groupIds))
-          return;
-        const value2 = copyElement[attr];
-        if (value2 !== void 0) {
-          newElement[attr] = value2;
-        }
-      });
-    }
-    if (isComposing) {
-      newElement.underline = true;
+    if (!((_a2 = copyElement.title) == null ? void 0 : _a2.disabled) && !((_b = copyElement.control) == null ? void 0 : _b.disabled)) {
+      const nextElement = elementList[endIndex + 1];
+      if (!copyElement.type || copyElement.type === TEXT || copyElement.type === HYPERLINK && (nextElement == null ? void 0 : nextElement.type) === HYPERLINK || copyElement.type === DATE && (nextElement == null ? void 0 : nextElement.type) === DATE || copyElement.type === SUBSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUBSCRIPT || copyElement.type === SUPERSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUPERSCRIPT) {
+        EDITOR_ELEMENT_COPY_ATTR.forEach((attr) => {
+          if (attr === "groupIds" && !(nextElement == null ? void 0 : nextElement.groupIds))
+            return;
+          const value2 = copyElement[attr];
+          if (value2 !== void 0) {
+            newElement[attr] = value2;
+          }
+        });
+      }
+      if (isComposing) {
+        newElement.underline = true;
+      }
     }
     return newElement;
   });
@@ -7258,7 +7277,7 @@ function threeClick(host) {
   if (newStartIndex < 0)
     return;
   let newEndIndex = index2 + downCount + 1;
-  if (((_b = elementList[newEndIndex]) == null ? void 0 : _b.value) === ZERO) {
+  if (((_b = elementList[newEndIndex]) == null ? void 0 : _b.value) === ZERO || newEndIndex > elementList.length - 1) {
     newEndIndex -= 1;
   }
   rangeManager.setRange(newStartIndex, newEndIndex);
@@ -7408,6 +7427,9 @@ class CanvasEvent {
     const painterStyle = this.draw.getPainterStyle();
     if (!painterStyle)
       return;
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+    if (isDisabled)
+      return;
     const selection = this.range.getSelection();
     if (!selection)
       return;
@@ -8125,11 +8147,13 @@ class Position {
     };
   }
   getFloatPositionByXY(payload) {
+    var _a;
     const { x, y } = payload;
+    const currentPageNo = (_a = payload.pageNo) != null ? _a : this.draw.getPageNo();
     const currentZone = this.draw.getZone().getZone();
     for (let f = 0; f < this.floatPositionList.length; f++) {
-      const { position, element, isTable, index: index2, trIndex, tdIndex, tdValueIndex, zone: floatElementZone } = this.floatPositionList[f];
-      if (element.type === ElementType.IMAGE && element.imgDisplay === payload.imgDisplay && (!floatElementZone || floatElementZone === currentZone)) {
+      const { position, element, isTable, index: index2, trIndex, tdIndex, tdValueIndex, zone: floatElementZone, pageNo } = this.floatPositionList[f];
+      if (currentPageNo === pageNo && element.type === ElementType.IMAGE && element.imgDisplay === payload.imgDisplay && (!floatElementZone || floatElementZone === currentZone)) {
         const imgFloatPosition = element.imgFloatPosition;
         if (x >= imgFloatPosition.x && x <= imgFloatPosition.x + element.width && y >= imgFloatPosition.y && y <= imgFloatPosition.y + element.height) {
           if (isTable) {
@@ -8755,14 +8779,14 @@ class Background {
     }
   }
   render(ctx, pageNo) {
-    const { background } = this.options;
-    if (background.image) {
+    const { background: { image, color, applyPageNumbers } } = this.options;
+    if (image && (!(applyPageNumbers == null ? void 0 : applyPageNumbers.length) || applyPageNumbers.includes(pageNo))) {
       const { width, height } = this.options;
       this._renderBackgroundImage(ctx, width, height);
     } else {
       const width = this.draw.getCanvasWidth(pageNo);
       const height = this.draw.getCanvasHeight(pageNo);
-      this._renderBackgroundColor(ctx, background.color, width, height);
+      this._renderBackgroundColor(ctx, color, width, height);
     }
   }
 }
@@ -10511,7 +10535,6 @@ class ControlSearch {
   computeHighlightList() {
     const search = this.draw.getSearch();
     const computeHighlight = (elementList, restArgs) => {
-      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -10533,10 +10556,10 @@ class ControlSearch {
             }
           }
         }
-        const controlConceptId = (_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId;
-        if (!controlConceptId)
+        const currentControl = element == null ? void 0 : element.control;
+        if (!currentControl)
           continue;
-        const highlightIndex = this.highlightList.findIndex((highlight2) => highlight2.conceptId === controlConceptId);
+        const highlightIndex = this.highlightList.findIndex((highlight2) => highlight2.id === element.controlId || currentControl.conceptId && currentControl.conceptId === highlight2.conceptId);
         if (!~highlightIndex)
           continue;
         const startIndex = i;
@@ -10740,7 +10763,7 @@ class SelectControl {
   }
   clearSelect(context = {}, options = {}) {
     const { isIgnoreDisabledRule = false, isAddPlaceholder = true } = options;
-    if (!isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return -1;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -10777,7 +10800,7 @@ class SelectControl {
     return preIndex;
   }
   setSelect(code, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -10928,7 +10951,7 @@ class TextControl {
     return data2;
   }
   setValue(data2, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return -1;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -10958,7 +10981,7 @@ class TextControl {
     return start + data2.length - 1;
   }
   clearValue(context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return -1;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -11566,7 +11589,7 @@ class DateControl {
     return data2;
   }
   setValue(data2, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return -1;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -11597,7 +11620,7 @@ class DateControl {
   }
   clearSelect(context = {}, options = {}) {
     const { isIgnoreDisabledRule = false, isAddPlaceholder = true } = options;
-    if (!isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return -1;
     }
     const range = this.getValueRange(context);
@@ -11615,7 +11638,7 @@ class DateControl {
     return leftIndex;
   }
   setSelect(date, context = {}, options = {}) {
-    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl()) {
+    if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const elementList = context.elementList || this.control.getElementList();
@@ -11879,9 +11902,19 @@ class Control {
       return false;
     return prefixCount === postfixCount;
   }
-  getIsDisabledControl() {
+  getIsDisabledControl(context = {}) {
     var _a, _b;
-    return !!((_b = (_a = this.activeControl) == null ? void 0 : _a.getElement().control) == null ? void 0 : _b.disabled);
+    if (!this.activeControl)
+      return false;
+    const { startIndex, endIndex } = context.range || this.range.getRange();
+    if (startIndex === endIndex && ~startIndex && ~endIndex) {
+      const elementList = context.elementList || this.getElementList();
+      const startElement = elementList[startIndex];
+      if (startElement.controlComponent === ControlComponent.POSTFIX) {
+        return false;
+      }
+    }
+    return !!((_b = (_a = this.activeControl.getElement()) == null ? void 0 : _a.control) == null ? void 0 : _b.disabled);
   }
   getContainer() {
     return this.draw.getContainer();
@@ -12174,11 +12207,12 @@ class Control {
     }
     return this.activeControl.cut();
   }
-  getValueByConceptId(payload) {
-    const { conceptId } = payload;
+  getValueById(payload) {
+    const { id, conceptId } = payload;
     const result = [];
+    if (!id && !conceptId)
+      return result;
     const getValue = (elementList, zone2) => {
-      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -12193,8 +12227,9 @@ class Control {
             }
           }
         }
-        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
           continue;
+        }
         const { type, code, valueSets } = element.control;
         let j = i;
         let textControlValue = "";
@@ -12215,8 +12250,8 @@ class Control {
           }));
         } else if (type === ControlType.SELECT || type === ControlType.CHECKBOX || type === ControlType.RADIO) {
           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;
+            var _a;
+            return (_a = valueSets == null ? void 0 : valueSets.find((valueSet) => valueSet.code === selectCode)) == null ? void 0 : _a.value;
           }).filter(Boolean).join("");
           result.push(__spreadProps(__spreadValues({}, element.control), {
             zone: zone2,
@@ -12246,11 +12281,12 @@ class Control {
     }
     return result;
   }
-  setValueByConceptId(payload) {
+  setValueById(payload) {
     let isExistSet = false;
-    const { conceptId, value } = payload;
+    const { id, conceptId, value } = payload;
+    if (!id && !conceptId)
+      return;
     const setValue = (elementList) => {
-      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -12265,8 +12301,9 @@ class Control {
             }
           }
         }
-        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
           continue;
+        }
         isExistSet = true;
         const { type } = element.control;
         let currentEndIndex = i;
@@ -12353,10 +12390,11 @@ class Control {
       });
     }
   }
-  setExtensionByConceptId(payload) {
-    const { conceptId, extension } = payload;
+  setExtensionById(payload) {
+    const { id, conceptId, extension } = payload;
+    if (!id && !conceptId)
+      return;
     const setExtension = (elementList) => {
-      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -12371,8 +12409,9 @@ class Control {
             }
           }
         }
-        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
           continue;
+        }
         element.control.extension = extension;
         let newEndIndex = i;
         while (newEndIndex < elementList.length) {
@@ -12393,11 +12432,12 @@ class Control {
       setExtension(elementList);
     }
   }
-  setPropertiesByConceptId(payload) {
-    const { conceptId, properties } = payload;
+  setPropertiesById(payload) {
+    const { id, conceptId, properties } = payload;
+    if (!id && !conceptId)
+      return;
     let isExistUpdate = false;
     function setProperties(elementList) {
-      var _a;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -12412,8 +12452,9 @@ class Control {
             }
           }
         }
-        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+        if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId) {
           continue;
+        }
         isExistUpdate = true;
         element.control = __spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
           value: element.control.value
@@ -14563,6 +14604,42 @@ class MouseObserver {
     this.eventBus.emit("mouseleave", evt);
   }
 }
+var LineNumberType;
+(function(LineNumberType2) {
+  LineNumberType2["PAGE"] = "page";
+  LineNumberType2["CONTINUITY"] = "continuity";
+})(LineNumberType || (LineNumberType = {}));
+class LineNumber {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "options");
+    this.draw = draw;
+    this.options = draw.getOptions();
+  }
+  render(ctx, pageNo) {
+    const { scale, lineNumber: { color, size, font, right: right2, type } } = this.options;
+    const textParticle = this.draw.getTextParticle();
+    const margins = this.draw.getMargins();
+    const positionList = this.draw.getPosition().getOriginalMainPositionList();
+    const pageRowList = this.draw.getPageRowList();
+    const rowList = pageRowList[pageNo];
+    ctx.save();
+    ctx.fillStyle = color;
+    ctx.font = `${size * scale}px ${font}`;
+    for (let i = 0; i < rowList.length; i++) {
+      const row = rowList[i];
+      const { coordinate: { leftBottom } } = positionList[row.startIndex];
+      const seq = type === LineNumberType.PAGE ? i + 1 : row.rowIndex + 1;
+      const textMetrics = textParticle.measureText(ctx, {
+        value: `${seq}`
+      });
+      const x = margins[3] - (textMetrics.width + right2) * scale;
+      const y = leftBottom[1] - textMetrics.actualBoundingBoxAscent * scale;
+      ctx.fillText(`${seq}`, x, y);
+    }
+    ctx.restore();
+  }
+}
 class Draw {
   constructor(rootContainer, options, data2, listener, eventBus, override) {
     __publicField(this, "container");
@@ -14599,6 +14676,7 @@ class Draw {
     __publicField(this, "tableParticle");
     __publicField(this, "tableTool");
     __publicField(this, "pageNumber");
+    __publicField(this, "lineNumber");
     __publicField(this, "waterMark");
     __publicField(this, "placeholder");
     __publicField(this, "header");
@@ -14662,6 +14740,7 @@ class Draw {
     this.tableParticle = new TableParticle(this);
     this.tableTool = new TableTool(this);
     this.pageNumber = new PageNumber(this);
+    this.lineNumber = new LineNumber(this);
     this.waterMark = new Watermark(this);
     this.placeholder = new Placeholder(this);
     this.header = new Header(this, data2.header);
@@ -14750,6 +14829,21 @@ class Draw {
         return false;
     }
   }
+  isDisabled() {
+    var _a, _b, _c, _d;
+    const { startIndex, endIndex } = this.range.getRange();
+    const elementList = this.getElementList();
+    if (startIndex === endIndex) {
+      const startElement = elementList[startIndex];
+      const nextElement = elementList[startIndex + 1];
+      return !!(((_a = startElement == null ? void 0 : startElement.title) == null ? void 0 : _a.disabled) && ((_b = nextElement == null ? void 0 : nextElement.title) == null ? void 0 : _b.disabled) || ((_c = startElement == null ? void 0 : startElement.control) == null ? void 0 : _c.disabled) && ((_d = nextElement == null ? void 0 : nextElement.control) == null ? void 0 : _d.disabled));
+    }
+    const selectionElementList = elementList.slice(startIndex + 1, endIndex + 1);
+    return selectionElementList.some((element) => {
+      var _a2, _b2;
+      return ((_a2 = element.title) == null ? void 0 : _a2.disabled) || ((_b2 = element.control) == null ? void 0 : _b2.disabled);
+    });
+  }
   getOriginalWidth() {
     const { paperDirection, width, height } = this.options;
     return paperDirection === PaperDirection.VERTICAL ? width : height;
@@ -14913,6 +15007,9 @@ class Draw {
   getLineBreakParticle() {
     return this.lineBreakParticle;
   }
+  getTextParticle() {
+    return this.textParticle;
+  }
   getHeaderElementList() {
     return this.header.getElementList();
   }
@@ -15319,10 +15416,11 @@ class Draw {
       options: deepClone(this.options)
     };
   }
-  setValue(payload) {
+  setValue(payload, options) {
     const { header, main, footer } = deepClone(payload);
     if (!header && !main && !footer)
       return;
+    const { isSetCursor = false } = options || {};
     const pageComponentData = [header, main, footer];
     pageComponentData.forEach((data2) => {
       if (!data2)
@@ -15337,8 +15435,13 @@ class Draw {
       footer
     });
     this.historyManager.recovery();
+    const curIndex = isSetCursor ? (main == null ? void 0 : main.length) ? main.length - 1 : 0 : void 0;
+    if (curIndex !== void 0) {
+      this.range.setRange(curIndex, curIndex);
+    }
     this.render({
-      isSetCursor: false,
+      curIndex,
+      isSetCursor,
       isFirstRender: true
     });
   }
@@ -15426,6 +15529,7 @@ class Draw {
         ascent: 0,
         elementList: [],
         startIndex: 0,
+        rowIndex: 0,
         rowFlex: ((_a = elementList == null ? void 0 : elementList[0]) == null ? void 0 : _a.rowFlex) || ((_b = elementList == null ? void 0 : elementList[1]) == null ? void 0 : _b.rowFlex)
       });
     }
@@ -15760,6 +15864,7 @@ class Draw {
           startIndex: i,
           elementList: [rowElement],
           ascent,
+          rowIndex: curRow.rowIndex + 1,
           rowFlex: ((_g = elementList[i]) == null ? void 0 : _g.rowFlex) || ((_h = elementList[i + 1]) == null ? void 0 : _h.rowFlex),
           isPageBreak: element.type === ElementType.PAGE_BREAK
         };
@@ -16090,7 +16195,7 @@ class Draw {
   _drawPage(payload) {
     var _a, _b;
     const { elementList, positionList, rowList, pageNo } = payload;
-    const { inactiveAlpha, pageMode, header, footer, pageNumber } = this.options;
+    const { inactiveAlpha, pageMode, header, footer, pageNumber, lineNumber } = this.options;
     const innerWidth = this.getInnerWidth();
     const ctx = this.ctxList[pageNo];
     ctx.globalAlpha = !this.zone.isMainActive() ? inactiveAlpha : 1;
@@ -16138,6 +16243,9 @@ class Draw {
     if (this.elementList.length <= 1 && !((_b = this.elementList[0]) == null ? void 0 : _b.listId)) {
       this.placeholder.render(ctx);
     }
+    if (!lineNumber.disabled) {
+      this.lineNumber.render(ctx, pageNo);
+    }
   }
   _disconnectLazyRender() {
     var _a;
@@ -16575,7 +16683,8 @@ const defaultBackground = {
   color: "#FFFFFF",
   image: "",
   size: BackgroundSize.COVER,
-  repeat: BackgroundRepeat.NO_REPEAT
+  repeat: BackgroundRepeat.NO_REPEAT,
+  applyPageNumbers: []
 };
 const defaultCheckboxOption = {
   width: 14,
@@ -16647,6 +16756,14 @@ const defaultTableOption = {
 const defaultZoneOption = {
   tipDisabled: true
 };
+const defaultLineNumberOption = {
+  size: 12,
+  font: "Microsoft YaHei",
+  color: "#000000",
+  disabled: true,
+  right: 20,
+  type: LineNumberType.CONTINUITY
+};
 function mergeOption(options = {}) {
   const tableOptions = __spreadValues(__spreadValues({}, defaultTableOption), options.table);
   const headerOptions = __spreadValues(__spreadValues({}, defaultHeaderOption), options.header);
@@ -16665,6 +16782,7 @@ function mergeOption(options = {}) {
   const backgroundOptions = __spreadValues(__spreadValues({}, defaultBackground), options.background);
   const lineBreakOptions = __spreadValues(__spreadValues({}, defaultLineBreak), options.lineBreak);
   const separatorOptions = __spreadValues(__spreadValues({}, defaultSeparatorOption), options.separator);
+  const lineNumberOptions = __spreadValues(__spreadValues({}, defaultLineNumberOption), options.lineNumber);
   return __spreadProps(__spreadValues({
     mode: EditorMode.EDIT,
     defaultType: "TEXT",
@@ -16723,7 +16841,8 @@ function mergeOption(options = {}) {
     zone: zoneOptions,
     background: backgroundOptions,
     lineBreak: lineBreakOptions,
-    separator: separatorOptions
+    separator: separatorOptions,
+    lineNumber: lineNumberOptions
   });
 }
 function printImageBase64(base64List, options) {
@@ -16922,13 +17041,13 @@ class CommandAdapt {
     this.draw.setPainterStyle(painterStyle, options);
   }
   applyPainterStyle() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     this.canvasEvent.applyPainterStyle();
   }
   format() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -16956,7 +17075,7 @@ class CommandAdapt {
     this.draw.render(renderOption);
   }
   font(payload) {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -16979,7 +17098,7 @@ class CommandAdapt {
     const { minSize, maxSize, defaultSize } = this.options;
     if (payload < minSize || payload > maxSize)
       return;
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     let renderOption = {};
@@ -17012,7 +17131,7 @@ class CommandAdapt {
     }
   }
   sizeAdd() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getTextLikeSelectionElementList();
@@ -17052,7 +17171,7 @@ class CommandAdapt {
     }
   }
   sizeMinus() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getTextLikeSelectionElementList();
@@ -17092,7 +17211,7 @@ class CommandAdapt {
     }
   }
   bold() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17113,7 +17232,7 @@ class CommandAdapt {
     }
   }
   italic() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17134,7 +17253,7 @@ class CommandAdapt {
     }
   }
   underline(textDecoration) {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17163,7 +17282,7 @@ class CommandAdapt {
     }
   }
   strikeout() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17187,7 +17306,7 @@ class CommandAdapt {
     }
   }
   superscript() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17209,7 +17328,7 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   subscript() {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17231,7 +17350,7 @@ class CommandAdapt {
     this.draw.render({ isSetCursor: false });
   }
   color(payload) {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -17262,7 +17381,7 @@ class CommandAdapt {
     }
   }
   highlight(payload) {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -18311,7 +18430,7 @@ class CommandAdapt {
     }
   }
   image(payload) {
-    const isDisabled = this.draw.isReadonly() || this.control.getIsDisabledControl();
+    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
     if (isDisabled)
       return;
     const { startIndex, endIndex } = this.range.getRange();
@@ -18741,8 +18860,8 @@ class CommandAdapt {
       }
     }
   }
-  setValue(payload) {
-    this.draw.setValue(payload);
+  setValue(payload, options) {
+    this.draw.setValue(payload, options);
   }
   removeControl() {
     const { startIndex, endIndex } = this.range.getRange();
@@ -18869,16 +18988,16 @@ class CommandAdapt {
     this.draw.getZone().setZone(zone2);
   }
   getControlValue(payload) {
-    return this.draw.getControl().getValueByConceptId(payload);
+    return this.draw.getControl().getValueById(payload);
   }
   setControlValue(payload) {
-    this.draw.getControl().setValueByConceptId(payload);
+    this.draw.getControl().setValueById(payload);
   }
   setControlExtension(payload) {
-    this.draw.getControl().setExtensionByConceptId(payload);
+    this.draw.getControl().setExtensionById(payload);
   }
   setControlProperties(payload) {
-    this.draw.getControl().setPropertiesByConceptId(payload);
+    this.draw.getControl().setPropertiesById(payload);
   }
   setControlHighlight(payload) {
     this.draw.getControl().setHighlightList(payload);
@@ -19748,7 +19867,9 @@ class ContextMenu {
       const originalElementList = this.draw.getOriginalElementList();
       const originTableElement = originalElementList[index2] || null;
       if (originTableElement) {
-        tableElement = zipElementList([originTableElement])[0];
+        tableElement = zipElementList([originTableElement], {
+          extraPickAttrs: ["id"]
+        })[0];
       }
     }
     const isCrossRowCol = isTable && !!crossRowCol;
@@ -20247,5 +20368,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, Editor as default, splitText };
+export { BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, Editor as default, splitText };
 //# sourceMappingURL=canvas-editor.es.js.map