@hufe921/canvas-editor 0.9.64 → 0.9.65

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [0.9.65](https://github.com/Hufe921/canvas-editor/compare/v0.9.64...v0.9.65) (2024-02-06)
+
+
+### Bug Fixes
+
+* cursor position error when scaling the page #434 ([e03feb2](https://github.com/Hufe921/canvas-editor/commit/e03feb210282779ecebb7af3d9a3801392b66979)), closes [#434](https://github.com/Hufe921/canvas-editor/issues/434)
+* insert image render error when scaling the page #433 ([acb0d3f](https://github.com/Hufe921/canvas-editor/commit/acb0d3fc47953c822b2daa5b1b437780a2c0f67e)), closes [#433](https://github.com/Hufe921/canvas-editor/issues/433)
+
+
+### Features
+
+* add getRange api #429 ([2a6a41c](https://github.com/Hufe921/canvas-editor/commit/2a6a41c8c9ebe8188de08d43f10db89c77016950)), closes [#429](https://github.com/Hufe921/canvas-editor/issues/429)
+* paste original elements by api ([7ab103e](https://github.com/Hufe921/canvas-editor/commit/7ab103edd9c3dbfa3c94b31167fc68487656a4d0))
+* set margin style when printing #431 ([4015707](https://github.com/Hufe921/canvas-editor/commit/4015707025689648be2d3082dfbcbe2e597b55d1)), closes [#431](https://github.com/Hufe921/canvas-editor/issues/431)
+
+
+
 ## [0.9.64](https://github.com/Hufe921/canvas-editor/compare/v0.9.63...v0.9.64) (2024-01-28)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.64";
+const version = "0.9.65";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4744,10 +4744,16 @@ async function pasteByApi(host, options) {
     paste();
     return;
   }
+  const clipboardText = await navigator.clipboard.readText();
+  const editorClipboardData = getClipboardData();
+  if (clipboardText === (editorClipboardData == null ? void 0 : editorClipboardData.text)) {
+    pasteElement(host, editorClipboardData.elementList);
+    return;
+  }
+  removeClipboardData();
   if (options == null ? void 0 : options.isPlainText) {
-    const text = await navigator.clipboard.readText();
-    if (text) {
-      host.input(text);
+    if (clipboardText) {
+      host.input(clipboardText);
     }
   } else {
     const clipboardData = await navigator.clipboard.read();
@@ -8986,7 +8992,8 @@ class SeparatorParticle {
   }
   render(ctx, element, x, y) {
     ctx.save();
-    ctx.lineWidth = this.options.scale;
+    const { scale } = this.options;
+    ctx.lineWidth = scale;
     if (element.color) {
       ctx.strokeStyle = element.color;
     }
@@ -8996,7 +9003,7 @@ class SeparatorParticle {
     ctx.translate(0, 0.5);
     ctx.beginPath();
     ctx.moveTo(x, y);
-    ctx.lineTo(x + element.width, y);
+    ctx.lineTo(x + element.width * scale, y);
     ctx.stroke();
     ctx.restore();
   }
@@ -9015,7 +9022,7 @@ class PageBreakParticle {
     const displayName = this.i18n.t("pageBreak.displayName");
     const { scale, defaultRowMargin } = this.options;
     const size = fontSize * scale;
-    const elementWidth = element.width;
+    const elementWidth = element.width * scale;
     const offsetY = this.draw.getDefaultBasicRowMarginHeight() * defaultRowMargin;
     ctx.save();
     ctx.font = `${size}px ${font}`;
@@ -12898,9 +12905,11 @@ class Draw {
       p.style.marginBottom = `${this.getPageGap()}px`;
       this._initPageContext(this.ctxList[i]);
     });
+    const cursorPosition = this.position.getCursorPosition();
     this.render({
       isSubmitHistory: false,
-      isSetCursor: false
+      isSetCursor: !!cursorPosition,
+      curIndex: cursorPosition == null ? void 0 : cursorPosition.index
     });
     if (this.listener.pageScaleChange) {
       this.listener.pageScaleChange(payload);
@@ -13121,11 +13130,12 @@ class Draw {
         if (curRowWidth2 + elementWidth > availableWidth) {
           const surplusWidth = availableWidth - curRowWidth2;
           const adaptiveWidth = surplusWidth > 0 ? surplusWidth : Math.min(elementWidth, availableWidth);
-          element.width = adaptiveWidth;
-          element.height = elementHeight * adaptiveWidth / elementWidth;
-          metrics.width = element.width;
-          metrics.height = element.height;
-          metrics.boundingBoxDescent = element.height;
+          const adaptiveHeight = elementHeight * adaptiveWidth / elementWidth;
+          element.width = adaptiveWidth / scale;
+          element.height = adaptiveHeight / scale;
+          metrics.width = adaptiveWidth;
+          metrics.height = adaptiveHeight;
+          metrics.boundingBoxDescent = adaptiveHeight;
         } else {
           metrics.width = elementWidth;
           metrics.height = elementHeight;
@@ -13252,20 +13262,20 @@ class Draw {
           }
         }
       } else if (element.type === ElementType.SEPARATOR) {
-        element.width = availableWidth;
+        element.width = availableWidth / scale;
         metrics.width = availableWidth;
         metrics.height = defaultSize;
         metrics.boundingBoxAscent = -rowMargin;
         metrics.boundingBoxDescent = -rowMargin;
       } else if (element.type === ElementType.PAGE_BREAK) {
-        element.width = availableWidth;
+        element.width = availableWidth / scale;
         metrics.width = availableWidth;
         metrics.height = defaultSize;
       } else if (element.type === ElementType.CHECKBOX || element.controlComponent === ControlComponent.CHECKBOX) {
         const { width, height: height2, gap } = this.options.checkbox;
-        const elementWidth = (width + gap * 2) * scale;
+        const elementWidth = width + gap * 2;
         element.width = elementWidth;
-        metrics.width = elementWidth;
+        metrics.width = elementWidth * scale;
         metrics.height = height2 * scale;
       } else if (element.type === ElementType.TAB) {
         metrics.width = defaultTabWidth * scale;
@@ -13909,6 +13919,7 @@ class Command {
     __publicField(this, "getHTML");
     __publicField(this, "getText");
     __publicField(this, "getWordCount");
+    __publicField(this, "getRange");
     __publicField(this, "getRangeText");
     __publicField(this, "getRangeContext");
     __publicField(this, "getRangeRow");
@@ -14010,6 +14021,7 @@ class Command {
     this.getHTML = adapt.getHTML.bind(adapt);
     this.getText = adapt.getText.bind(adapt);
     this.getWordCount = adapt.getWordCount.bind(adapt);
+    this.getRange = adapt.getRange.bind(adapt);
     this.getRangeText = adapt.getRangeText.bind(adapt);
     this.getRangeContext = adapt.getRangeContext.bind(adapt);
     this.getRangeRow = adapt.getRangeRow.bind(adapt);
@@ -14063,7 +14075,7 @@ function printImageBase64(base64List, width, height) {
     container.append(image);
   });
   const style = document.createElement("style");
-  const stylesheet = `*{margin:0;padding:0;}`;
+  const stylesheet = `*{margin:0;padding:0;}@page{margin:0;}`;
   style.append(document.createTextNode(stylesheet));
   setTimeout(() => {
     doc.write(`${style.outerHTML}${container.innerHTML}`);
@@ -15796,6 +15808,9 @@ class CommandAdapt {
   getWordCount() {
     return this.workerManager.getWordCount();
   }
+  getRange() {
+    return deepClone(this.range.getRange());
+  }
   getRangeText() {
     return this.range.toString();
   }