@hailin-zheng/editor-core 2.0.29 → 2.0.30

package/index.js

@@ -2373,7 +2373,7 @@ class DataEleCheckProps extends DataEleBaseProps {
         if (this.falseChar !== falseChar) {
             props.falseChar = this.falseChar;
         }
-        if (this.border) {
+        if (!this.border) {
             props.border = this.border;
         }
         if (this.trueStateColor !== '#f00000') {
@@ -12383,14 +12383,14 @@ class ElementUtil {
             }
         };
     }
-    static getMousePos(e) {
+    static getMousePos(e, scale = 1) {
         const svgContainer = e.currentTarget;
         const parentRect = svgContainer.getBoundingClientRect();
         const localX = e.clientX - parentRect.x; //+ this.viewOptions.pageOffset.x;
         const localY = e.clientY - parentRect.y; //+ this.viewOptions.pageOffset.y;
         return {
-            x: localX,
-            y: localY
+            x: localX / scale,
+            y: localY / scale
         };
     }
     static createClipPath(id, width, height, x = 0, y = 0) {
@@ -16129,8 +16129,8 @@ class DocumentPaint {
     getDocumentContainerHeight() {
         if (this.docPages.length > 0) {
             return {
-                width: this.docContainer.rect.width * this.viewOptions.scale,
-                height: this.docContainer.rect.height * this.viewOptions.scale
+                width: this.docContainer.rect.width,
+                height: this.docContainer.rect.height
             };
         }
         else {
@@ -16886,21 +16886,22 @@ class DocumentEvent {
         this.bindEvent();
     }
     getEventListener() {
+        const scale = this.viewOptions.scale;
         return {
             mousedown: (evt) => {
-                this.mousedown(evt, ElementUtil.getMousePos(evt));
+                this.mousedown(evt, ElementUtil.getMousePos(evt, scale));
             },
             mouseup: (evt) => {
-                this.mouseup(evt, ElementUtil.getMousePos(evt));
+                this.mouseup(evt, ElementUtil.getMousePos(evt, scale));
             },
             click: (evt) => {
                 this.mouseClickHandle(evt);
             },
             mousemove: (evt) => {
-                this.mousemove(evt, ElementUtil.getMousePos(evt));
+                this.mousemove(evt, ElementUtil.getMousePos(evt, scale));
             },
             dblclick: (evt) => {
-                this.mouseDblClickHandle(evt, ElementUtil.getMousePos(evt));
+                this.mouseDblClickHandle(evt, ElementUtil.getMousePos(evt, scale));
             },
             contextmenu: (evt) => {
                 this.contextMenu.next(evt);
@@ -27056,7 +27057,15 @@ class DocEditor {
                                 }
                             },
                             children: [
-                                docContentVNode, inputVNode, dropContainer
+                                {
+                                    sel: 'div.scale-container', data: {
+                                        style: {
+                                            transform: 'scale(' + this.viewOptions.scale + ')',
+                                            transformOrigin: 'left top'
+                                        }
+                                    },
+                                    children: [docContentVNode, inputVNode, dropContainer]
+                                }
                             ]
                         }, ruleFunc.refreshRuleSvg().render()
                     ]
@@ -27421,6 +27430,11 @@ class DocEditor {
         this.updateRenderCtx();
         this.flushToSchedule();
         this.documentPaint.layoutPages();
+        const sub = this.afterNodePatch.subscribe(() => {
+            sub.unsubscribe();
+            const scrollDOM = this.svgContainer.querySelector('.scroll-container');
+            scrollDOM.scrollLeft = (scrollDOM.scrollWidth - scrollDOM.getBoundingClientRect().width) / 2;
+        });
         return scale;
     }
     updateRenderCtx() {