@hailin-zheng/editor-core 1.1.5 → 1.1.7

package/index.js

@@ -4172,15 +4172,10 @@ class TableUtil {
                 const vMergeEndIndex = this.getVMergeEndIndex(tb, rowIndex, i);
                 if (vMergeEndIndex > rowIndex) {
                     const nextRow = tb.getChild(rowIndex + 1);
-                    nextRow.getChild(i).props.vMerge = vMergeEndIndex - rowIndex > 2 ? 'restart' : null;
+                    nextRow.getChild(i).props.vMerge = vMergeEndIndex - rowIndex > 1 ? 'restart' : null;
                 }
             }
             else if (cell.props.vMerge === 'continue') {
-                // const vMergeEndIndex = this.getVMergeEndIndex(tb, rowIndex, i);
-                // if (vMergeEndIndex > rowIndex) {
-                //     const nextRow = tb.getChild<TableRowElement>(rowIndex + 1);
-                //     nextRow.getChild<TableCellElement>(i).cellProps.vMerge = 'continue';
-                // }
                 const vMergeStartIndex = this.getVMergeStartIndex(tb, rowIndex, i);
                 const vMergeEndIndex = this.getVMergeEndIndex(tb, rowIndex, i);
                 //当前单元格处于合并行的最后一行，并且合并的行数为2行
@@ -4232,7 +4227,6 @@ class TableUtil {
         if (!ss.startControl) {
             return;
         }
-        ss.clear();
         const startCell = ElementUtil.getParentByType(ss.startControl, TableCellElement);
         if (!startCell?.parent) {
             throw new Error('parent is null');
@@ -4243,6 +4237,7 @@ class TableUtil {
         if (tb.length === 0) {
             tb.remove();
         }
+        ss.clear();
     }
     /**
      * 移除光标所在的当前列
@@ -5167,6 +5162,11 @@ class TextGroupFactory extends ElementFactory {
 }
 
 class ElementSerialize {
+    /**
+     * 将当前文档对象构建并输出到标准的JSON对象
+     * @param element
+     * @param viewOptions
+     */
     static serialize(element, viewOptions) {
         if (element instanceof BranchElement) {
             const result = element.serialize(viewOptions);
@@ -7967,7 +7967,7 @@ class DataElementDate extends DataElementInlineGroup {
             return res;
         }
         const format = this.props.format ?? 'YYYY-MM-DD';
-        const date = moment(this.getValue(), format);
+        const date = moment(this.getValue(), format, true);
         if (!date.isValid()) {
             return '日期格式不正确';
         }
@@ -11164,6 +11164,7 @@ class ParagraphMeasure {
      */
     measureParagraph(p, limitWidth) {
         ElementUtil.fixParagraphContent(p);
+        this.verifyPara(p, limitWidth);
         p.cacheRender = null;
         const paraModels = [];
         let currRenderLine;
@@ -11284,6 +11285,17 @@ class ParagraphMeasure {
         }
         return paraRenders;
     }
+    /**
+     * 校验当前段落属性
+     */
+    verifyPara(p, limitWidth) {
+        if (p.props.indent > 0 && p.props.indent + 20 > limitWidth) {
+            p.props.indent = limitWidth - 20;
+        }
+        if (p.props.hanging > 0 && p.props.hanging + 20 > limitWidth) {
+            p.props.hanging = limitWidth - 20;
+        }
+    }
     /**
      * 获取段落行布局横向坐标起始位置，被段落text-align影响
      */
@@ -13670,24 +13682,6 @@ class DocumentEvent {
         this.editor.addEventListener('contextmenu', evt => {
             this.contextMenu.next(evt.sourceEvt);
         });
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mousedown').subscribe((evt) => {
-        //     this.mousedown(evt);
-        // }));
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mouseup').subscribe((evt) => {
-        //     this.mouseup(evt);
-        // }));
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'click').subscribe((evt) => {
-        //     this.mouseClickHandle(evt);
-        // }));
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'contextmenu').subscribe((evt) => {
-        //     this.contextMenu.next(evt);
-        // }));
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'mousemove').subscribe((evt) => {
-        //     this.mousemove(evt);
-        // }));
-        // this.addSubEvent(fromEvent<MouseEvent>(this.canvas, 'dblclick').subscribe((evt) => {
-        //     this.mouseDblClickHandle(evt);
-        // }));
         this.documentInput.onLeftEvent.subscribe(() => {
             this.moveCursorToLeft();
         });
@@ -14431,17 +14425,27 @@ class DocumentEvent {
         const moveDistanceX = this.currentPos.x - mousedownPos.x;
         const moveDistanceY = this.currentPos.y - mousedownPos.y;
         const row = cellElement.parent;
+        const minColWidth = 20;
         const table = row?.parent;
         if (!row || !table) {
             throw new Error('row | table is null');
         }
         const cellIndex = row.getChildIndex(cellElement);
         let cellWidth = table.getCellWidth(cellIndex);
-        table.getColsCount();
         if (['left', 'right'].includes(border)) {
             if (cellIndex === 0 && border === 'left') {
                 return;
             }
+            //当前操作的是表格的最后一列
+            if (cellIndex === table.getColsCount() - 1 && border === 'right') {
+                cellWidth += moveDistanceX;
+                if (cellWidth < minColWidth) {
+                    return;
+                }
+                table.setCellWidth(cellIndex, cellWidth);
+                this.edgeRenderInfo.mousedownPos = this.currentPos;
+                return;
+            }
             let resizeColWidth = 0;
             let resizeColIndex = 0;
             if (border === 'left') {
@@ -14459,14 +14463,13 @@ class DocumentEvent {
                 }
                 cellWidth += moveDistanceX;
             }
-            if (resizeColWidth < 20 || cellWidth < 20) {
+            if (resizeColWidth < minColWidth || cellWidth < minColWidth) {
                 return;
             }
             console.log(resizeColWidth, cellWidth);
             table.setCellWidth(resizeColIndex, resizeColWidth);
             table.setCellWidth(cellIndex, cellWidth);
             this.edgeRenderInfo.mousedownPos = this.currentPos;
-            table.pubOnChange('self');
         }
         else if (['bottom', 'top'].includes(border)) {
             let rowIndex = row.getIndex();
@@ -17120,6 +17123,10 @@ var ModifyFlag;
 class NodeCore {
     enableClip = true;
     pointEvent = true;
+    allowHitTest = false;
+    hitTest(hitPos, currPos) {
+        return false;
+    }
     get enable() {
         return this._enable;
     }
@@ -17449,6 +17456,9 @@ class NodeItems extends NodeCore {
     eventMap = new WeakMap();
     absoluteItems = false;
     containerPropName;
+    constructor() {
+        super();
+    }
     addChild(control, index = -1) {
         if (this.containerPropName) {
             this[this.containerPropName].addChild(control, index);
@@ -17520,6 +17530,33 @@ class NodeItems extends NodeCore {
         return this.controls.length;
     }
 }
+/**
+ * 子内容采用绝对定位的容器
+ */
+class AbsolutePanel extends NodeItems {
+    constructor() {
+        super();
+        this.absoluteItems = true;
+    }
+    measureOverride(e, availableSize) {
+        this.controls.forEach(item => {
+            item.measure(e, availableSize);
+        });
+        return super.measureOverride(e, availableSize);
+    }
+    arrangeOverride(e, finalSize) {
+        this.controls.forEach(item => {
+            const itemRect = {
+                x: item.x,
+                y: item.y,
+                width: item.desiredSize.width,
+                height: item.desiredSize.height
+            };
+            item.arrange(e, itemRect);
+        });
+        return super.arrangeOverride(e, finalSize);
+    }
+}
 let currentActiveAppContext = null;
 function getCurrentActiveAppContext() {
     return currentActiveAppContext;
@@ -17637,7 +17674,7 @@ function drawBorderline(node, renderCtx) {
     if (!node.border) {
         return;
     }
-    let { x, y, finalRect: { width, height } } = node;
+    let { finalRect: { x, y, width, height } } = node;
     const ctx = renderCtx.ctx;
     ctx.save();
     ctx.fillStyle = node.borderColor;
@@ -18201,7 +18238,7 @@ class NodeEvent {
         };
         mouseleaveRenders.forEach(item => {
             onMouseoutEvent.target = item;
-            invokeEvent(onMouseoutEvent, 'mouseleave', item, false);
+            invokeEvent(onMouseoutEvent, 'mouseout', item, false);
         });
         const onMouseoverEvent = {
             pos: this.appState.pos,
@@ -18367,7 +18404,8 @@ class NodeEvent {
             width: width,
             height: height
         };
-        if (isInsideRectByPosition(currRect, hitPos)) {
+        const hitTest = node.allowHitTest ? node.hitTest(hitPos, currRect) : isInsideRectByPosition(currRect, hitPos);
+        if (hitTest) {
             //有边框和内边距，所以在计算子节点的时候，需要考虑
             const innerPos = {
                 x: currRect.x + node.border + node.padding,
@@ -18529,6 +18567,13 @@ class ViewPaint {
             this.drawHoriLine(x, y, width, textProps.color, 1);
         }
     }
+    drawText2(text, textProps, x, y) {
+        this.ctx.save();
+        this.ctx.fillStyle = textProps.color;
+        this.ctx.font = `${textProps.fontSize}px ${textProps.fontName}`;
+        this.ctx.fillText(text, x, y + textProps.fontSize / 7);
+        this.ctx.restore();
+    }
     fillCircular(x, y, r, color = 'black') {
         this.ctx.save();
         this.ctx.beginPath();
@@ -18543,6 +18588,10 @@ class ViewPaint {
         const textMeasure = this.ctx.measureText(text);
         return { width: textMeasure.width, height: textProps.fontSize };
     }
+    measureText2(text, font) {
+        this.ctx.font = font.fontSize + 'px ' + font.fontName;
+        return this.ctx.measureText(text).width;
+    }
     measureTextUnits(units, textProps) {
         this.ctx.font = textProps.getFont();
         const letterSpace = textProps.letterSpace ?? 0;
@@ -18959,6 +19008,11 @@ class SurfaceView extends NodeItems {
  * 如果有默认宽度限制，而且支持换行显示，则内容高度等于多行累计高度
  */
 class LabelNode extends TextBase {
+    constructor() {
+        super();
+        this.border = 1;
+        this.borderColor = '#000';
+    }
     _textWrapping = 'no';
     get textWrapping() {
         return this._textWrapping;
@@ -18968,34 +19022,54 @@ class LabelNode extends TextBase {
         this._textWrapping = value;
     }
     cacheTextRect;
-    textUnits;
+    //private textUnits!: Array<TextUnits>;
+    lines = [];
     measureOverride(e, availableSize) {
-        const textProps = this.getTextProps();
-        this.textUnits = this.text.split('').map(char => ({ char, actualSize: 0, sourceSize: 0 }));
-        e.render.measureTextUnits(this.textUnits, textProps);
+        this.getTextProps();
+        this.lines = this.getMuiltLines(this.text, e);
+        // this.textUnits = this.text.split('').map<TextUnits>(char => ({char, actualSize: 0, sourceSize: 0}));
+        // e.render.measureTextUnits(this.textUnits, textProps);
         //没有宽度限制，测量横向排列的尺寸大小，此时不需要考虑换行
-        if (Number.isNaN(this._width)) {
-            return {
-                width: this.textUnits.reduce((prev, curr) => {
-                    return prev + curr.sourceSize;
-                }, 0), height: this.fontSize
-            };
-        }
-        if (this._textWrapping === 'no') {
-            return { width: this.getPercentWidth(availableSize.width), height: this.fontSize };
-        }
-        return this.measureTextRect(this.textUnits, {
+        // if (Number.isNaN(this._width)) {
+        //     // return {
+        //     //     width: this.lines[0].textUnits.reduce((prev, curr) => {
+        //     //         return prev + curr.sourceSize
+        //     //     }, 0), height: this.fontSize
+        //     // };
+        //     return this.measureTextRect(this.lines, {
+        //         width: availableSize.width,
+        //         height: this.getPercentHeight(availableSize.height)
+        //     });
+        // }
+        // if (this._textWrapping === 'no') {
+        //     return {width: this.getPercentWidth(availableSize.width), height: this.fontSize};
+        // }
+        return this.measureTextRect(this.lines, {
             width: availableSize.width,
             height: this.getPercentHeight(availableSize.height)
         });
     }
-    arrangeOverride(e, finalSize) {
-        if (!Number.isNaN(this._width) && this._textWrapping === 'wrap') {
-            this.measureTextRect(this.textUnits, {
-                width: finalSize.width,
-                height: finalSize.height
-            });
+    getMuiltLines(text, e) {
+        const lineRects = [];
+        const lines = this.text.split('\r\n');
+        for (let i = 0; i < lines.length; i++) {
+            const units = lines[i].split('').map(char => ({ char, actualSize: 0, sourceSize: 0 }));
+            e.render.measureTextUnits(units, this.getTextProps());
+            lineRects.push({ textUnits: units });
         }
+        return lineRects;
+    }
+    arrangeOverride(e, finalSize) {
+        // if (!Number.isNaN(this._width) && this._textWrapping === 'wrap') {
+        //     this.measureTextRect(this.lines, {
+        //         width: finalSize.width,
+        //         height: finalSize.height
+        //     });
+        // }
+        this.measureTextRect(this.lines, {
+            width: finalSize.width,
+            height: finalSize.height
+        });
         return super.arrangeOverride(e, finalSize);
     }
     getTextProps() {
@@ -19005,54 +19079,56 @@ class LabelNode extends TextBase {
         textProps.color = this.color ?? '#000';
         return textProps;
     }
-    measureTextRect(textUnits, availableSize, final = false) {
-        const sumWidth = textUnits.reduce((prev, curr) => {
-            return curr.sourceSize + prev;
-        }, 0);
+    measureTextRect(lines, availableSize, final = false) {
         //总宽度大于可用宽度，换行计算
         const cacheLines = [];
         const { width: limitWidth, height: limitHeight } = availableSize;
-        let line = { lineUnits: [], x: 0, y: 0, width: 0, height: 0 };
-        cacheLines.push(line);
-        for (let i = 0; i < textUnits.length; i++) {
-            const unit = textUnits[i];
-            //至少每行一个字符
-            if (line.lineUnits.length > 0 && line.width + unit.sourceSize > limitWidth) {
-                line = { lineUnits: [], x: 0, y: 0, width: 0, height: 0 };
-                cacheLines.push(line);
-            }
-            line.lineUnits.push(unit);
-            line.width += unit.sourceSize;
-            line.height = this.fontSize;
+        for (let i = 0; i < lines.length; i++) {
+            const lineText = lines[i];
+            let line = { lineUnits: [], x: 0, y: 0, width: 0, height: 0 };
+            cacheLines.push(line);
+            for (let j = 0; j < lineText.textUnits.length; j++) {
+                const unit = lineText.textUnits[j];
+                //至少每行一个字符
+                if (line.lineUnits.length > 0 && line.width + unit.sourceSize > limitWidth) {
+                    line = { lineUnits: [], x: 0, y: 0, width: 0, height: 0 };
+                    cacheLines.push(line);
+                }
+                line.lineUnits.push(unit);
+                line.width += unit.sourceSize;
+                line.height = this.fontSize;
+            }
         }
         let contentHeight = 0;
+        let maxLineWidth = 0;
         cacheLines.forEach(line => {
             line.y = contentHeight;
             contentHeight += line.height;
+            maxLineWidth = Math.max(line.width, maxLineWidth);
         });
         //期望高度
         let desiredHeight = final ? limitHeight : contentHeight;
         this.cacheTextRect = {
             lines: cacheLines,
-            width: sumWidth,
+            width: maxLineWidth,
             height: contentHeight,
             desiredHeight,
             desiredWidth: limitWidth
         };
         return {
-            width: limitWidth,
+            width: maxLineWidth,
             height: desiredHeight
         };
     }
     render(e) {
-        const textProp = new TextProps();
-        textProp.fontName = this.fontName;
-        textProp.fontSize = this.fontSize;
-        textProp.color = this.color;
-        if (this.textWrapping === 'no' || Number.isNaN(this._width)) {
-            e.render.drawText(this.text, textProp, 0, 0, this.finalRect.width, textProp.fontSize);
-            return;
-        }
+        // const textProp = new TextProps();
+        // textProp.fontName = this.fontName;
+        // textProp.fontSize = this.fontSize;
+        // textProp.color = this.color;
+        // if (this.textWrapping === 'no' || Number.isNaN(this._width)) {
+        //     e.render.drawText(this.text, textProp, 0, 0, this.finalRect.width, textProp.fontSize);
+        //     return;
+        // }
         for (let i = 0; i < this.cacheTextRect.lines.length; i++) {
             const line = this.cacheTextRect.lines[i];
             this.drawLine(e, line);
@@ -19068,7 +19144,7 @@ class LabelNode extends TextBase {
         render.tran(() => {
             const textProps = this.getTextProps();
             render.ctx.font = textProps.getFont();
-            render.drawText(line.lineUnits.join(''), textProps, 0, line.y, line.width, line.height);
+            render.drawText(line.lineUnits.map(item => item.char).join(''), textProps, 0, line.y, line.width, line.height);
         });
     }
 }
@@ -19318,8 +19394,8 @@ class ScrollView extends NodeItems {
         });
         this.addEventListener('wheel', evt => {
             const { deltaY, deltaX } = evt;
-            this.horBar.updateScrollByCurrent(deltaX / 10, deltaY / 10);
-            this.verBar.updateScrollByCurrent(deltaX / 10, deltaY / 10);
+            this.horBar.updateScrollByCurrent(deltaX, deltaY);
+            this.verBar.updateScrollByCurrent(deltaX, deltaY);
         });
     }
     scrollTo(x, y) {
@@ -20038,7 +20114,7 @@ function pointInPoly(pt, poly) {
  * 1.在单页模式下，文档最小宽度为单个文档宽度+合适的外边距
  * 2.在多页模式下，文档最小宽度为单个文档宽度+合适的外边距
  */
-class CanvasTextEditor extends NodeItems {
+class CanvasTextEditor extends AbsolutePanel {
     editCanvas;
     editInput;
     contentCtx;
@@ -20965,6 +21041,13 @@ class CanvasTextEditor extends NodeItems {
         const win = new Window();
         win.width = 1000;
         win.height = 800;
+        //win.content.addChild(timelineScrollbar)
+        const rule2 = new RuleControl(this.docCtx);
+        this.rule = rule2;
+        rule2.width = 700;
+        rule2.height = 30;
+        rule2.x = 20;
+        rule2.y = 500;
         const surface = new SurfaceView(this.editCanvas, this.editInput);
         this.surfaceView = surface;
         surface.width = 1000;
@@ -20976,12 +21059,6 @@ class CanvasTextEditor extends NodeItems {
             this.resetViewer();
         });
         surface.addChild(scrollView);
-        const rule2 = new RuleControl(this.docCtx);
-        this.rule = rule2;
-        rule2.width = 700;
-        rule2.height = 30;
-        rule2.x = 20;
-        rule2.y = 500;
         surface.addChild(rule2);
         //surface.addChild(win);
         surface.start();
@@ -21056,24 +21133,36 @@ class CanvasTextEditor extends NodeItems {
             appCtx.root.setInputPosition(caretPos);
         }
     }
-    measureOverride(e, availableSize) {
-        this.controls.forEach(item => {
-            item.measure(e, availableSize);
-        });
-        return super.measureOverride(e, availableSize);
+    generatorDoc(data) {
+        //根据传入的参数，动态生成病情信息的结构化报告
+        const para = new ParagraphElement();
+        //创建患者姓名文本标签
+        const patNameLabel = new TextGroupElement();
+        patNameLabel.text = "患者姓名:";
+        //添加到段落中
+        para.addChild(patNameLabel);
+        //创建患者姓名数据元
+        const patNameDataEle = new DataElementText();
+        patNameDataEle.props.valueTextProps = new TextProps();
+        patNameDataEle.props.valueTextProps.fontName = '宋体';
+        patNameDataEle.props.valueTextProps.fontSize = 16;
+        //数据元赋值
+        patNameDataEle.setValue(data.patName);
+        //添加到段落中
+        para.addChild(patNameDataEle);
+        //添加到正文中
+        this.docCtx.document.bodyElement.addChild(para);
     }
-    arrangeOverride(e, finalSize) {
-        this.controls.forEach(item => {
-            const itemRect = {
-                x: item.x,
-                y: item.y,
-                width: item.desiredSize.width,
-                height: item.desiredSize.height
-            };
-            item.arrange(e, itemRect);
-        });
-        return super.arrangeOverride(e, finalSize);
+    /**
+     * 设置关键字
+     * 匹配用户输入的关键字，回调到应用业务中处理
+     */
+    setKeywords(keys, cb) {
     }
+    /**
+     * 注册编辑器格式读取器
+     */
+    registerReaderFactory(handler) { }
 }
 
 /**