@hufe921/canvas-editor 0.9.129 → 0.9.130

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [0.9.130](https://github.com/Hufe921/canvas-editor/compare/v0.9.129...v0.9.130) (2026-03-27)
+
+
+### Bug Fixes
+
+* correct duplicate variable check in TextParticle render ([4b72161](https://github.com/Hufe921/canvas-editor/commit/4b721618d10ef484e92b79f52ea27ee4be316814))
+* ensure trailing line break in element list formatting #1378 ([30074b6](https://github.com/Hufe921/canvas-editor/commit/30074b6b703b3da581c5446a75edb38f4bff56b7)), closes [#1378](https://github.com/Hufe921/canvas-editor/issues/1378)
+* optimize cursor positioning for left/right key handlers #1378 ([a79928f](https://github.com/Hufe921/canvas-editor/commit/a79928fc507cac0302e105110bc31f2baeefb74c)), closes [#1378](https://github.com/Hufe921/canvas-editor/issues/1378)
+* prevent extra line break when list is first element in table #1381 ([bae2394](https://github.com/Hufe921/canvas-editor/commit/bae2394ceffee5e1a5b8f55d5ef8d60f7edc44b9)), closes [#1381](https://github.com/Hufe921/canvas-editor/issues/1381)
+
+
+### Features
+
+* support iframe snapshot in getImage api #1380 ([d980298](https://github.com/Hufe921/canvas-editor/commit/d9802988587333b8b624112f554d2b4e9d702e00)), closes [#1380](https://github.com/Hufe921/canvas-editor/issues/1380)
+
+
+
 ## [0.9.129](https://github.com/Hufe921/canvas-editor/compare/v0.9.128...v0.9.129) (2026-03-13)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.129";
+const version = "0.9.130";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -414,6 +414,14 @@ function isRectIntersect(rect1, rect2) {
 function isNonValue(value) {
   return value === void 0 || value === null;
 }
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => resolve(img);
+    img.onerror = reject;
+    img.src = src;
+  });
+}
 function normalizeLineBreak(text) {
   return text.replace(/\r\n|\r/g, "\n");
 }
@@ -4443,7 +4451,7 @@ function formatElementList(elementList, options) {
   var _a, _b;
   const { isHandleFirstElement = true, isForceCompensation = false, editorOptions } = options;
   const startElement = elementList[0];
-  if (isForceCompensation || isHandleFirstElement && (startElement == null ? void 0 : startElement.type) !== ElementType.LIST && ((startElement == null ? void 0 : startElement.type) && startElement.type !== ElementType.TEXT || !START_LINE_BREAK_REG.test(startElement == null ? void 0 : startElement.value))) {
+  if ((startElement == null ? void 0 : startElement.type) !== ElementType.LIST && (isForceCompensation || isHandleFirstElement && ((startElement == null ? void 0 : startElement.type) && startElement.type !== ElementType.TEXT || !START_LINE_BREAK_REG.test(startElement == null ? void 0 : startElement.value)))) {
     elementList.unshift({
       value: ZERO
     });
@@ -4498,6 +4506,12 @@ function formatElementList(elementList, options) {
           elementList.splice(i, 0, value);
           i++;
         }
+        if (elementList[i] && !START_LINE_BREAK_REG.test(elementList[i].value)) {
+          elementList.splice(i, 0, {
+            value: ZERO
+          });
+          i++;
+        }
       }
       i--;
     } else if (el.type === ElementType.AREA) {
@@ -7533,6 +7547,20 @@ function left(evt, host) {
     isSubmitHistory: false,
     isCompute: false
   });
+  if (isAnchorCollapsed) {
+    const positionList = position.getPositionList();
+    const anchorPosition = positionList[anchorStartIndex];
+    if ((anchorPosition == null ? void 0 : anchorPosition.isLastLetter) && anchorPosition.value !== ZERO && anchorStartIndex + 1 < positionList.length) {
+      const nextPosition = positionList[anchorStartIndex + 1];
+      const element = newElementList[anchorStartIndex];
+      const nextElement = newElementList[anchorStartIndex + 1];
+      if (nextPosition.value !== ZERO && !getIsBlockElement(nextElement) && element.listId === nextElement.listId) {
+        draw.getCursor().drawCursor({
+          hitLineStartIndex: anchorStartIndex + 1
+        });
+      }
+    }
+  }
   evt.preventDefault();
 }
 function right(evt, host) {
@@ -7677,6 +7705,19 @@ function right(evt, host) {
     isSubmitHistory: false,
     isCompute: false
   });
+  if (isAnchorCollapsed) {
+    const anchorPosition = positionList[anchorStartIndex];
+    if ((anchorPosition == null ? void 0 : anchorPosition.isLastLetter) && anchorPosition.value !== ZERO && anchorStartIndex + 1 < positionList.length) {
+      const nextPosition = positionList[anchorStartIndex + 1];
+      const element = elementList[anchorStartIndex];
+      const nextElement = elementList[anchorStartIndex + 1];
+      if (nextPosition.value !== ZERO && !getIsBlockElement(nextElement) && element.listId === nextElement.listId) {
+        draw.getCursor().drawCursor({
+          hitLineStartIndex: anchorStartIndex + 1
+        });
+      }
+    }
+  }
   evt.preventDefault();
 }
 function tab(evt, host) {
@@ -10973,7 +11014,7 @@ class TextParticle {
     this.curY = y;
   }
   _render() {
-    if (!this.text || !~this.curX || !~this.curX)
+    if (!this.text || !~this.curX || !~this.curY)
       return;
     this.ctx.save();
     this.ctx.font = this.curStyle;
@@ -16574,7 +16615,6 @@ class BaseBlock {
       }
     } else if (block.type === BlockType.IFRAME) {
       this.setClientRects(pageNo, x, y);
-      this.positionInfo = { pageNo, x, y };
     }
   }
   render() {
@@ -16597,6 +16637,7 @@ class BaseBlock {
     this.blockItem.style.height = `${metrics.height}px`;
     this.blockItem.style.left = `${x}px`;
     this.blockItem.style.top = `${preY + y}px`;
+    this.positionInfo = { pageNo, x, y };
   }
   setStatus() {
     if (this.block instanceof IFrameBlock) {
@@ -16678,6 +16719,27 @@ class BlockParticle {
       }
     });
   }
+  async drawIframeToPage(pageList, snapDomFunction) {
+    const tasks = [];
+    this.blockMap.forEach((cacheBlock) => {
+      var _a, _b, _c;
+      if (((_a = cacheBlock.getBlockElement().block) == null ? void 0 : _a.type) !== BlockType.IFRAME)
+        return;
+      const positionInfo = cacheBlock.getPositionInfo();
+      if (!positionInfo)
+        return;
+      const iframe = (_b = cacheBlock.getIFrameBlock()) == null ? void 0 : _b.getIframe();
+      if (!iframe)
+        return;
+      const { pageNo, x, y } = positionInfo;
+      const ctx = (_c = pageList[pageNo]) == null ? void 0 : _c.getContext("2d");
+      if (!ctx)
+        return;
+      const { width, height } = cacheBlock.getBlockElement().metrics;
+      tasks.push(snapDomFunction(iframe).then((base64) => loadImage(base64)).then((img) => ctx.drawImage(img, x, y, width, height)));
+    });
+    await Promise.allSettled(tasks);
+  }
   pickIframeInfo() {
     const result = [];
     const { scale } = this.options;
@@ -19874,7 +19936,7 @@ class Draw {
     return this.getRowList().length;
   }
   async getDataURL(payload = {}) {
-    const { pixelRatio, mode } = payload;
+    const { pixelRatio, mode, snapDomFunction } = payload;
     if (pixelRatio) {
       this.setPagePixelRatio(pixelRatio);
     }
@@ -19890,6 +19952,9 @@ class Draw {
       isSubmitHistory: false
     });
     await this.imageObserver.allSettled();
+    if (snapDomFunction) {
+      await this.blockParticle.drawIframeToPage(this.pageList, snapDomFunction);
+    }
     const dataUrlList = this.pageList.map((c) => c.toDataURL());
     if (pixelRatio) {
       this.setPagePixelRatio(null);