@hufe921/canvas-editor 0.9.87 → 0.9.88

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [0.9.88](https://github.com/Hufe921/canvas-editor/compare/v0.9.87...v0.9.88) (2024-08-02)
+
+
+### Bug Fixes
+
+* float image position boundary error #716 ([f5113f5](https://github.com/Hufe921/canvas-editor/commit/f5113f539c5b224fdb9af8cde8e61f632dc7e49f)), closes [#716](https://github.com/Hufe921/canvas-editor/issues/716)
+
+
+### Chores
+
+* add touch support to signature component ([c3ef290](https://github.com/Hufe921/canvas-editor/commit/c3ef2907ae31be21cd3bc61a5600ad381230034f))
+* update issue template ([eea301e](https://github.com/Hufe921/canvas-editor/commit/eea301eb11fdc3d5870da2408abccf4d96d8532f))
+
+
+### Features
+
+* add applyPageNumbers attribute to background option #729 ([8d112a8](https://github.com/Hufe921/canvas-editor/commit/8d112a8518656edd14201cb9bd16a417752fcdf9)), closes [#729](https://github.com/Hufe921/canvas-editor/issues/729)
+* add cursor setting option to executeSetValue api #715 ([3235e5a](https://github.com/Hufe921/canvas-editor/commit/3235e5ae386bd1f48f5f64427e1eb0ed3782838d)), closes [#715](https://github.com/Hufe921/canvas-editor/issues/715)
+* add title disabled property #680 ([87a8dbe](https://github.com/Hufe921/canvas-editor/commit/87a8dbea1596bcdee28edbb58b02fbe2a36e6c58)), closes [#680](https://github.com/Hufe921/canvas-editor/issues/680)
+
+
+
 ## [0.9.87](https://github.com/Hufe921/canvas-editor/compare/v0.9.86...v0.9.87) (2024-07-26)
 
 

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.88";
 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) {
@@ -5804,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();
@@ -6908,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();
@@ -6934,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;
   });
@@ -7408,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;
@@ -8125,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) {
@@ -8755,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);
     }
   }
 }
@@ -11881,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();
@@ -14750,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;
@@ -15319,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)
@@ -15337,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
     });
   }
@@ -16575,7 +16614,8 @@ const defaultBackground = {
   color: "#FFFFFF",
   image: "",
   size: BackgroundSize.COVER,
-  repeat: BackgroundRepeat.NO_REPEAT
+  repeat: BackgroundRepeat.NO_REPEAT,
+  applyPageNumbers: []
 };
 const defaultCheckboxOption = {
   width: 14,
@@ -16922,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();
@@ -16956,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();
@@ -16979,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 = {};
@@ -17012,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();
@@ -17052,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();
@@ -17092,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();
@@ -17113,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();
@@ -17134,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();
@@ -17163,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();
@@ -17187,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();
@@ -17209,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();
@@ -17231,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();
@@ -17262,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();
@@ -18311,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();
@@ -18741,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();