@hufe921/canvas-editor 0.9.86 → 0.9.88

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.86";
+const version = "0.9.88";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -3919,7 +3919,7 @@ function formatElementList(elementList, options) {
             let valueStyleIndex = 0;
             for (let v = 0; v < valueSets.length; v++) {
               const valueSet = valueSets[v];
-              elementList.splice(i, 0, __spreadProps(__spreadValues({}, controlContext), {
+              elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
                 controlId,
                 value: "",
                 type: el.type,
@@ -3953,7 +3953,7 @@ function formatElementList(elementList, options) {
             let valueStyleIndex = 0;
             for (let v = 0; v < valueSets.length; v++) {
               const valueSet = valueSets[v];
-              elementList.splice(i, 0, __spreadProps(__spreadValues({}, controlContext), {
+              elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
                 controlId,
                 value: "",
                 type: el.type,
@@ -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) {
@@ -5650,7 +5648,6 @@ function setRangeCache(host) {
   host.cachePositionContext = position.getPositionContext();
 }
 function mousedown(evt, host) {
-  var _a;
   if (evt.button === MouseEventButton.RIGHT)
     return;
   const draw = host.getDraw();
@@ -5702,7 +5699,7 @@ function mousedown(evt, host) {
       if (!control) {
         draw.getCheckboxParticle().setSelect(curElement);
       } else {
-        const codes = ((_a = control == null ? void 0 : control.code) == null ? void 0 : _a.split(",")) || [];
+        const codes = (control == null ? void 0 : control.code) ? control.code.split(",") : [];
         if (checkbox == null ? void 0 : checkbox.value) {
           const codeIndex = codes.findIndex((c) => c === checkbox.code);
           codes.splice(codeIndex, 1);
@@ -5805,8 +5802,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();
@@ -6056,9 +6055,26 @@ function backspace(evt, host) {
   const rangeManager = draw.getRange();
   if (!rangeManager.getIsCanInput())
     return;
+  const { startIndex, endIndex, isCrossRowCol } = rangeManager.getRange();
   const control = draw.getControl();
   let curIndex;
-  if (control.getActiveControl() && control.getIsRangeCanCaptureEvent()) {
+  if (isCrossRowCol) {
+    const rowCol = draw.getTableParticle().getRangeRowCol();
+    if (!rowCol)
+      return;
+    let isDeleted = false;
+    for (let r = 0; r < rowCol.length; r++) {
+      const row = rowCol[r];
+      for (let c = 0; c < row.length; c++) {
+        const col = row[c];
+        if (col.value.length > 1) {
+          draw.spliceElementList(col.value, 1, col.value.length - 1);
+          isDeleted = true;
+        }
+      }
+    }
+    curIndex = isDeleted ? 0 : null;
+  } else if (control.getActiveControl() && control.getIsRangeCanCaptureEvent()) {
     curIndex = control.keydown(evt);
   } else {
     const position = draw.getPosition();
@@ -6066,7 +6082,6 @@ function backspace(evt, host) {
     if (!cursorPosition)
       return;
     const { index: index2 } = cursorPosition;
-    const { startIndex, endIndex } = rangeManager.getRange();
     const isCollapsed = rangeManager.getIsCollapsed();
     const elementList = draw.getElementList();
     if (isCollapsed && index2 === 0) {
@@ -6096,11 +6111,19 @@ function backspace(evt, host) {
     }
     curIndex = isCollapsed ? index2 - 1 : startIndex;
   }
-  if (curIndex === null)
-    return;
   draw.getGlobalEvent().setCanvasEventAbility();
-  rangeManager.setRange(curIndex, curIndex);
-  draw.render({ curIndex });
+  if (curIndex === null) {
+    rangeManager.setRange(startIndex, startIndex);
+    draw.render({
+      curIndex: startIndex,
+      isSubmitHistory: false
+    });
+  } else {
+    rangeManager.setRange(curIndex, curIndex);
+    draw.render({
+      curIndex
+    });
+  }
 }
 function del(evt, host) {
   var _a;
@@ -6110,11 +6133,27 @@ function del(evt, host) {
   const rangeManager = draw.getRange();
   if (!rangeManager.getIsCanInput())
     return;
-  const { startIndex, endIndex } = rangeManager.getRange();
+  const { startIndex, endIndex, isCrossRowCol } = rangeManager.getRange();
   const elementList = draw.getElementList();
   const control = draw.getControl();
   let curIndex;
-  if (control.getActiveControl() && control.getIsRangeWithinControl()) {
+  if (isCrossRowCol) {
+    const rowCol = draw.getTableParticle().getRangeRowCol();
+    if (!rowCol)
+      return;
+    let isDeleted = false;
+    for (let r = 0; r < rowCol.length; r++) {
+      const row = rowCol[r];
+      for (let c = 0; c < row.length; c++) {
+        const col = row[c];
+        if (col.value.length > 1) {
+          draw.spliceElementList(col.value, 1, col.value.length - 1);
+          isDeleted = true;
+        }
+      }
+    }
+    curIndex = isDeleted ? 0 : null;
+  } else if (control.getActiveControl() && control.getIsRangeWithinControl()) {
     curIndex = control.keydown(evt);
   } else if ((_a = elementList[endIndex + 1]) == null ? void 0 : _a.controlId) {
     curIndex = control.removeControl(endIndex + 1);
@@ -6140,11 +6179,19 @@ function del(evt, host) {
       curIndex = isCollapsed ? index2 : startIndex;
     }
   }
-  if (curIndex === null)
-    return;
   draw.getGlobalEvent().setCanvasEventAbility();
-  rangeManager.setRange(curIndex, curIndex);
-  draw.render({ curIndex });
+  if (curIndex === null) {
+    rangeManager.setRange(startIndex, startIndex);
+    draw.render({
+      curIndex: startIndex,
+      isSubmitHistory: false
+    });
+  } else {
+    rangeManager.setRange(curIndex, curIndex);
+    draw.render({
+      curIndex
+    });
+  }
 }
 function enter(evt, host) {
   var _a, _b;
@@ -6861,7 +6908,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();
@@ -6887,22 +6934,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;
   });
@@ -7361,6 +7411,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;
@@ -7980,9 +8033,12 @@ class Position {
       const { index: index2, rowNo, coordinate: { leftTop, leftBottom } } = lastLetterList[j];
       if (y > leftTop[1] && y <= leftBottom[1]) {
         const headIndex = positionList.findIndex((p) => p.pageNo === positionNo && p.rowNo === rowNo);
-        if (x < this.options.margins[3]) {
+        const headElement = elementList[headIndex];
+        const headPosition = positionList[headIndex];
+        const headStartX = headElement.listStyle === ListStyle.CHECKBOX ? this.options.margins[3] : headPosition.coordinate.leftTop[0];
+        if (x < headStartX) {
           if (~headIndex) {
-            if (positionList[headIndex].value === ZERO) {
+            if (headPosition.value === ZERO) {
               curPositionIndex = headIndex;
             } else {
               curPositionIndex = headIndex - 1;
@@ -7992,7 +8048,7 @@ class Position {
             curPositionIndex = index2;
           }
         } else {
-          if (elementList[headIndex].listStyle === ListStyle.CHECKBOX && x < leftTop[0]) {
+          if (headElement.listStyle === ListStyle.CHECKBOX && x < leftTop[0]) {
             return {
               index: headIndex,
               isDirectHit: true,
@@ -8075,11 +8131,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) {
@@ -8705,14 +8763,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);
     }
   }
 }
@@ -9415,12 +9473,22 @@ class SelectionObserver {
   constructor(draw) {
     __publicField(this, "step", 5);
     __publicField(this, "thresholdPoints", [70, 40, 10, 20]);
+    __publicField(this, "selectionContainer");
     __publicField(this, "rangeManager");
     __publicField(this, "requestAnimationFrameId");
     __publicField(this, "isMousedown");
     __publicField(this, "isMoving");
+    __publicField(this, "clientWidth");
+    __publicField(this, "clientHeight");
+    __publicField(this, "containerRect");
     __publicField(this, "_mousedown", () => {
       this.isMousedown = true;
+      this.clientWidth = this.selectionContainer instanceof Document ? document.documentElement.clientWidth : this.selectionContainer.clientWidth;
+      this.clientHeight = this.selectionContainer instanceof Document ? document.documentElement.clientHeight : this.selectionContainer.clientHeight;
+      if (!(this.selectionContainer instanceof Document)) {
+        const rect = this.selectionContainer.getBoundingClientRect();
+        this.containerRect = rect;
+      }
     });
     __publicField(this, "_mouseup", () => {
       this.isMousedown = false;
@@ -9429,48 +9497,60 @@ class SelectionObserver {
     __publicField(this, "_mousemove", (evt) => {
       if (!this.isMousedown || this.rangeManager.getIsCollapsed())
         return;
-      const { x, y } = evt;
-      const clientWidth = document.documentElement.clientWidth;
-      const clientHeight = document.documentElement.clientHeight;
+      let { x, y } = evt;
+      if (this.containerRect) {
+        x = x - this.containerRect.x;
+        y = y - this.containerRect.y;
+      }
       if (y < this.thresholdPoints[0]) {
         this._startMove(MoveDirection.UP);
-      } else if (clientHeight - y <= this.thresholdPoints[1]) {
+      } else if (this.clientHeight - y <= this.thresholdPoints[1]) {
         this._startMove(MoveDirection.DOWN);
       } else if (x < this.thresholdPoints[2]) {
         this._startMove(MoveDirection.LEFT);
-      } else if (clientWidth - x < this.thresholdPoints[3]) {
+      } else if (this.clientWidth - x < this.thresholdPoints[3]) {
         this._startMove(MoveDirection.RIGHT);
       } else {
         this._stopMove();
       }
     });
+    this.rangeManager = draw.getRange();
+    const { scrollContainerSelector } = draw.getOptions();
+    this.selectionContainer = scrollContainerSelector ? document.querySelector(scrollContainerSelector) || document : document;
     this.requestAnimationFrameId = null;
     this.isMousedown = false;
     this.isMoving = false;
-    this.rangeManager = draw.getRange();
+    this.clientWidth = 0;
+    this.clientHeight = 0;
+    this.containerRect = null;
     this._addEvent();
   }
   _addEvent() {
-    document.addEventListener("mousedown", this._mousedown);
-    document.addEventListener("mousemove", this._mousemove);
-    document.addEventListener("mouseup", this._mouseup);
+    const container = this.selectionContainer;
+    container.addEventListener("mousedown", this._mousedown);
+    container.addEventListener("mousemove", this._mousemove);
+    container.addEventListener("mouseup", this._mouseup);
+    document.addEventListener("mouseleave", this._mouseup);
   }
   removeEvent() {
-    document.removeEventListener("mousedown", this._mousedown);
-    document.removeEventListener("mousemove", this._mousemove);
-    document.removeEventListener("mouseup", this._mouseup);
+    const container = this.selectionContainer;
+    container.removeEventListener("mousedown", this._mousedown);
+    container.removeEventListener("mousemove", this._mousemove);
+    container.removeEventListener("mouseup", this._mouseup);
+    document.removeEventListener("mouseleave", this._mouseup);
   }
   _move(direction) {
-    const x = window.scrollX;
-    const y = window.scrollY;
+    const container = this.selectionContainer instanceof Document ? window : this.selectionContainer;
+    const x = this.selectionContainer instanceof Document ? window.scrollX : container.scrollLeft;
+    const y = this.selectionContainer instanceof Document ? window.scrollY : container.scrollTop;
     if (direction === MoveDirection.DOWN) {
-      window.scrollTo(x, y + this.step);
+      container.scrollTo(x, y + this.step);
     } else if (direction === MoveDirection.UP) {
-      window.scrollTo(x, y - this.step);
+      container.scrollTo(x, y - this.step);
     } else if (direction === MoveDirection.LEFT) {
-      window.scrollTo(x - this.step, y);
+      container.scrollTo(x - this.step, y);
     } else {
-      window.scrollTo(x + this.step, y);
+      container.scrollTo(x + this.step, y);
     }
     this.requestAnimationFrameId = window.requestAnimationFrame(this._move.bind(this, direction));
   }
@@ -10476,7 +10556,7 @@ class ControlSearch {
           newEndIndex++;
         }
         i = newEndIndex;
-        const controlElementList = elementList.slice(startIndex, newEndIndex);
+        const controlElementList = elementList.slice(startIndex, newEndIndex).map((element2) => element2.controlComponent === ControlComponent.VALUE ? element2 : { value: ZERO });
         const highlight = this.highlightList[highlightIndex];
         const { ruleList } = highlight;
         for (let r = 0; r < ruleList.length; r++) {
@@ -11809,7 +11889,17 @@ class Control {
   }
   getIsDisabledControl() {
     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 } = this.range.getRange();
+    if (startIndex === endIndex) {
+      const 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();
@@ -12175,9 +12265,6 @@ class Control {
     return result;
   }
   setValueByConceptId(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     let isExistSet = false;
     const { conceptId, value } = payload;
     const setValue = (elementList) => {
@@ -12242,7 +12329,7 @@ class Control {
         } else if (type === ControlType.CHECKBOX) {
           const checkbox = new CheckboxControl(element, this);
           this.activeControl = checkbox;
-          const codes = (value == null ? void 0 : value.split(",")) || [];
+          const codes = value ? value.split(",") : [];
           checkbox.setSelect(codes, controlContext, controlRule);
         } else if (type === ControlType.RADIO) {
           const radio = new RadioControl(element, this);
@@ -12285,9 +12372,6 @@ class Control {
     }
   }
   setExtensionByConceptId(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     const { conceptId, extension } = payload;
     const setExtension = (elementList) => {
       var _a;
@@ -12328,9 +12412,6 @@ class Control {
     }
   }
   setPropertiesByConceptId(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     const { conceptId, properties } = payload;
     let isExistUpdate = false;
     function setProperties(elementList) {
@@ -14687,6 +14768,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;
@@ -15234,15 +15330,21 @@ class Draw {
     });
   }
   getValue(options = {}) {
-    const { pageNo } = options;
+    const { pageNo, extraPickAttrs } = options;
     let mainElementList = this.elementList;
     if (Number.isInteger(pageNo) && pageNo >= 0 && pageNo < this.pageRowList.length) {
       mainElementList = this.pageRowList[pageNo].flatMap((row) => row.elementList);
     }
     const data2 = {
-      header: zipElementList(this.getHeaderElementList()),
-      main: zipElementList(mainElementList),
-      footer: zipElementList(this.getFooterElementList())
+      header: zipElementList(this.getHeaderElementList(), {
+        extraPickAttrs
+      }),
+      main: zipElementList(mainElementList, {
+        extraPickAttrs
+      }),
+      footer: zipElementList(this.getFooterElementList(), {
+        extraPickAttrs
+      })
     };
     return {
       version,
@@ -15250,10 +15352,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)
@@ -15268,8 +15371,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
     });
   }
@@ -15664,12 +15772,14 @@ class Draw {
           const word = `${(preElement == null ? void 0 : preElement.value) || ""}${element.value}`;
           if (this.WORD_LIKE_REG.test(word)) {
             const { width, endElement } = this.textParticle.measureWord(ctx, elementList, i);
-            if (width <= availableWidth) {
-              curRowWidth += width;
+            const wordWidth = width * scale;
+            if (wordWidth <= availableWidth) {
+              curRowWidth += wordWidth;
               nextElement = endElement;
             }
           }
-          curRowWidth += this.textParticle.measurePunctuationWidth(ctx, nextElement);
+          const punctuationWidth = this.textParticle.measurePunctuationWidth(ctx, nextElement);
+          curRowWidth += punctuationWidth * scale;
         }
       }
       if (element.listId) {
@@ -16504,7 +16614,8 @@ const defaultBackground = {
   color: "#FFFFFF",
   image: "",
   size: BackgroundSize.COVER,
-  repeat: BackgroundRepeat.NO_REPEAT
+  repeat: BackgroundRepeat.NO_REPEAT,
+  applyPageNumbers: []
 };
 const defaultCheckboxOption = {
   width: 14,
@@ -16851,13 +16962,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();
@@ -16885,7 +16996,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();
@@ -16908,7 +17019,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 = {};
@@ -16941,7 +17052,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();
@@ -16981,7 +17092,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();
@@ -17021,7 +17132,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();
@@ -17042,7 +17153,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();
@@ -17063,7 +17174,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();
@@ -17092,7 +17203,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();
@@ -17116,7 +17227,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();
@@ -17138,7 +17249,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();
@@ -17160,7 +17271,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();
@@ -17191,7 +17302,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();
@@ -18240,7 +18351,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();
@@ -18670,8 +18781,8 @@ class CommandAdapt {
       }
     }
   }
-  setValue(payload) {
-    this.draw.setValue(payload);
+  setValue(payload, options) {
+    this.draw.setValue(payload, options);
   }
   removeControl() {
     const { startIndex, endIndex } = this.range.getRange();
@@ -18801,21 +18912,12 @@ class CommandAdapt {
     return this.draw.getControl().getValueByConceptId(payload);
   }
   setControlValue(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     this.draw.getControl().setValueByConceptId(payload);
   }
   setControlExtension(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     this.draw.getControl().setExtensionByConceptId(payload);
   }
   setControlProperties(payload) {
-    const isReadonly = this.draw.isReadonly();
-    if (isReadonly)
-      return;
     this.draw.getControl().setPropertiesByConceptId(payload);
   }
   setControlHighlight(payload) {