@hailin-zheng/editor-core 1.1.17 → 1.1.19

package/index.js

@@ -4,6 +4,7 @@ import * as acor from 'acorn';
 import { generate } from 'astring';
 import * as estraverse from 'estraverse';
 import bwipjs from 'bwip-js';
+import moment$1 from 'moment/moment';
 
 /**
  * 元素事件
@@ -49,6 +50,9 @@ class ContentMenuItem {
  */
 class MouseElementEvent extends ElementEvent {
 }
+class InputElementEvent extends ElementEvent {
+    data;
+}
 class MousedownElementEvent extends ElementEvent {
 }
 class KeyboradElementEvent extends ElementEvent {
@@ -1437,7 +1441,7 @@ class ViewOptions {
     viewBackcolor = 'rgb(230,230,230)';
     paraSymbolColor = 'rgb(128,128,128)';
     dataGroupColor = 'rgb(0,80,179)';
-    defaultLineHeight = 1.5;
+    defaultLineHeight = 1;
     //新增-留痕块文本颜色
     trackInsColor = '#ff4d4f';
     //删除-留痕块文本颜色
@@ -1772,7 +1776,7 @@ class ParagraphProps extends INotifyPropertyChanged {
     //textProps!: TextProps;
     indent = 0;
     hanging = 0;
-    lineHeight = 1.5;
+    lineHeight = 1;
     textAlign = 'left';
     numberType = ParagraphNumberType.none;
     //段前距
@@ -1872,6 +1876,8 @@ class CheckBoxProps extends INotifyPropertyChanged {
     isChecked;
     //用于复选框分组
     groupName;
+    trueChar = '√';
+    falseChar = '×';
     clone(dest) {
         const clone = dest ?? new CheckBoxProps();
         super.cloneAttachedProperty(clone);
@@ -2047,7 +2053,6 @@ class DataEleBaseProps extends INotifyPropertyChanged {
     editable;
     deleteable;
     minLength;
-    type;
     underline;
     expression;
     hidden;
@@ -2066,7 +2071,6 @@ class DataEleBaseProps extends INotifyPropertyChanged {
         target.secretBrowse = source.secretBrowse;
         target.printable = source.printable;
         target.minLength = source.minLength;
-        target.type = source.type;
         target.underline = source.underline;
         target.expression = source.expression;
         target.hidden = source.hidden;
@@ -2078,7 +2082,6 @@ class DataEleBaseProps extends INotifyPropertyChanged {
         props["id"] = this.id;
         props["name"] = this.name;
         props["fieldName"] = this.fieldName;
-        props["type"] = this.type;
         if (this.caption) {
             props["caption"] = this.caption;
         }
@@ -2118,7 +2121,6 @@ class DataEleBaseProps extends INotifyPropertyChanged {
 class DataEleBaseTextProps extends DataEleBaseProps {
     constructor() {
         super();
-        super.type = 'text';
     }
     valueTextProps;
     nullText;
@@ -2134,7 +2136,6 @@ class DataEleBaseTextProps extends DataEleBaseProps {
     }
     getSerializeProps(options) {
         const props = {
-            type: this.type,
             valueTextProps: this.valueTextProps.getSerializeProps(options),
             nullText: this.nullText,
             nullTextProps: this.nullTextProps.getSerializeProps(options)
@@ -2164,7 +2165,6 @@ class DataEleBaseTextProps extends DataEleBaseProps {
 class DataEleListProps extends DataEleBaseTextProps {
     constructor() {
         super();
-        super.type = 'droplist';
     }
     options = [];
     dropDownStyle;
@@ -2230,16 +2230,23 @@ class CommProps extends INotifyPropertyChanged {
         };
     }
 }
+const trueChar = '✓';
+const falseChar = '×';
 class DataEleCheckProps extends DataEleBaseProps {
     constructor() {
         super();
-        super.type = 'check';
     }
+    border = true;
     size;
     checked;
     checkedValue = '';
     groupName;
     multiSelect = false;
+    drawStateChar = false;
+    trueChar = trueChar;
+    falseChar = falseChar;
+    trueStateColor = '#f00000';
+    falseStateColor = '#000000';
     clone(dest) {
         const clone = dest ?? new DataEleCheckProps();
         super.cloneBaseProps(clone);
@@ -2248,6 +2255,12 @@ class DataEleCheckProps extends DataEleBaseProps {
         clone.groupName = this.groupName;
         clone.multiSelect = this.multiSelect;
         clone.checkedValue = this.checkedValue;
+        clone.drawStateChar = this.drawStateChar;
+        clone.trueChar = this.trueChar;
+        clone.falseChar = this.falseChar;
+        clone.border = this.border;
+        clone.trueStateColor = this.trueStateColor;
+        clone.falseStateColor = this.falseStateColor;
         return clone;
     }
     getSerializeProps(options) {
@@ -2256,8 +2269,26 @@ class DataEleCheckProps extends DataEleBaseProps {
             size: this.size,
             groupName: this.groupName,
             multiSelect: this.multiSelect,
-            checkedValue: this.checkedValue
+            checkedValue: this.checkedValue,
         };
+        if (this.drawStateChar) {
+            props.drawStateChar = this.drawStateChar;
+        }
+        if (this.trueChar !== trueChar) {
+            props.trueChar = this.trueChar;
+        }
+        if (this.falseChar !== falseChar) {
+            props.falseChar = this.falseChar;
+        }
+        if (this.border) {
+            props.border = this.border;
+        }
+        if (this.trueStateColor !== '#f00000') {
+            props.trueStateColor = this.trueStateColor;
+        }
+        if (this.falseStateColor !== '#000000') {
+            props.falseStateColor = this.falseStateColor;
+        }
         this.getBaseProps(props, options);
         return props;
     }
@@ -2268,12 +2299,17 @@ class DataEleCheckProps extends DataEleBaseProps {
         this.groupName = props.groupName;
         this.multiSelect = props.multiSelect;
         this.checkedValue = props.checkedValue;
+        this.drawStateChar = props.drawStateChar;
+        this.trueChar = props.trueChar;
+        this.falseChar = props.falseChar;
+        this.trueStateColor = props.trueStateColor;
+        this.falseStateColor = props.falseStateColor;
+        this.border = props.border;
     }
 }
 class DataEleImageProps extends DataEleBaseProps {
     constructor() {
         super();
-        super.type = 'img';
     }
     width;
     height;
@@ -2307,10 +2343,6 @@ class DataEleImageProps extends DataEleBaseProps {
     }
 }
 class DataEleDateProps extends DataEleBaseTextProps {
-    constructor() {
-        super();
-        super.type = 'date';
-    }
     minValue;
     maxValue;
     format;
@@ -3137,7 +3169,7 @@ class DataElementRenderObject extends InlineGroupRenderObject {
                 bgColor = viewOptions.dataEleErrorBgColor;
             }
             if (bgColor) {
-                render.overlaysContext.fillRect(position.x, position.y - 2, this.rect.width, this.rect.height + 4, bgColor);
+                render.overlaysContext.fillRect(position.x, position.y, this.rect.width, this.rect.height, bgColor);
             }
             if (this.element.props.secretBrowse && viewOptions.secretBrowse) {
                 render.contentContext.ctx.filter = "blur(10px)";
@@ -3174,7 +3206,7 @@ class DataElementRenderObject extends InlineGroupRenderObject {
                 textProps.fontSize = 16;
                 textProps.fontName = viewOptions.defaultFontName;
                 textProps.color = '#fff';
-                const titleWidth = render.contentContext.measureText2(caption, textProps);
+                const titleWidth = render.contentContext.measureTextWidth(caption, textProps);
                 const x = position.x;
                 const y = position.y - 20;
                 render.contentContext.fillRect(x, y, titleWidth + 10, 20, 'blue');
@@ -4057,8 +4089,8 @@ class DocumentContainerRender extends BlockContainerRenderObject {
 }
 
 class TextGroupElement extends LeafElement {
-    //props: TextProps;
     textMeasures = [];
+    fontBoundingBox;
     isMeasure = false;
     constructor() {
         super('text');
@@ -4098,6 +4130,7 @@ class TextGroupElement extends LeafElement {
     createRenderObject(data) {
         if (!this.isMeasure || this.modifyFlag !== ModifyFlag$1.None || !this.cacheRender) {
             data.renderCtx.contentContext.measureTextUnits(this.textMeasures, this.props);
+            this.fontBoundingBox = data.renderCtx.contentContext.measureTextMetrics(this.props.getFont());
             this.isMeasure = true;
         }
         const render = new TextGroupRenderObject(this);
@@ -4171,10 +4204,7 @@ class TextGroupRenderObject extends LeafRenderObject {
         if (this.element.props.border) {
             render.contentContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height);
         }
-        render.contentContext.drawTextUnits(this, position.x, position.y);
-        // if (this.element.isMouseenter) {
-        //     ctx.overlaysContext.strokeRect(position.x, position.y, this.rect.width, this.rect.height, CommonUtil.randomColor());
-        // }
+        render.contentContext.drawTextUnits(this, position.x, position.y, this.element.fontBoundingBox.fontBoundingBoxAscent);
     }
     constructor(element) {
         super(element);
@@ -4193,7 +4223,7 @@ class TextGroupRenderObject extends LeafRenderObject {
     }
     measure() {
         this.rect.width = this.textMeasures.reduce((prev, curr) => prev + curr.actualSize, 0);
-        this.rect.height = this.element.props.fontSize;
+        this.rect.height = this.element.fontBoundingBox.fontBoundingBoxAscent + this.element.fontBoundingBox.fontBoundingBoxDescent;
     }
 }
 class TextGroupFactory extends ElementFactory {
@@ -4382,6 +4412,10 @@ class SelectionState {
     constructor() {
         this.clear();
     }
+    destroy() {
+        this.onChangedEvent.unsubscribe();
+        this.clear();
+    }
     clear() {
         this.range = null;
         this.startOffset = -1;
@@ -5590,10 +5624,15 @@ class TableUtil {
         }
         const remainWidth = tbWidth - sum;
         const ratio = remainWidth / percentSum;
+        let count = 0;
         for (let i = 0; i < percentCols.length; i++) {
             const width = percentCols[i];
             if (typeof width === 'string') {
                 percentCols[i] = Math.floor(Number.parseFloat(width) * ratio);
+                if (i === percentCols.length - 1) {
+                    percentCols[i] = remainWidth - count;
+                }
+                count += percentCols[i];
             }
         }
         return percentCols;
@@ -6237,7 +6276,6 @@ class ElementUtil {
         dest.secretBrowse = props.secretBrowse;
         dest.deleteable = props.deleteable;
         dest.underline = props.underline;
-        dest.type = props.type;
         dest.expression = props.expression;
         dest.hidden = props.hidden;
         return dest;
@@ -6308,9 +6346,9 @@ class ElementUtil {
     }
     static remeasureTableRow(rowRender, foreceColIndex = -1) {
         const rowEle = rowRender.element;
-        let maxCellHeight = rowEle.props.minHeight > 19 ? rowEle.props.minHeight : 19;
+        let maxCellHeight = rowEle.props.minHeight > 20 ? rowEle.props.minHeight : 20;
         //限制行最小高度
-        maxCellHeight = maxCellHeight < 19 ? 19 : maxCellHeight;
+        maxCellHeight = maxCellHeight < 20 ? 20 : maxCellHeight;
         //获取行内非纵向合并单元格的最高单元格高度
         for (let i = 0; i < rowRender.length; i++) {
             const cellRender = rowRender.getChild(i);
@@ -7656,6 +7694,19 @@ class ElementUtil {
     static getDataElement(ele) {
         return this.getParent(ele, item => item instanceof DataElementInlineGroup);
     }
+    static getOSPlatform() {
+        const userAgent = navigator.userAgent;
+        if (userAgent.indexOf('Windows') > -1) {
+            return 'Windows';
+        }
+        if (userAgent.indexOf('Mac') > -1) {
+            return 'Mac';
+        }
+        if (userAgent.indexOf('Linux') > -1) {
+            return 'Linux';
+        }
+        return 'Windows';
+    }
 }
 
 class RenderContext {
@@ -7770,7 +7821,7 @@ class PaintContent {
         this.ctx.fill();
         this.ctx.restore();
     }
-    drawTextUnits(textGroupRender, x, y) {
+    drawTextUnits(textGroupRender, x, y, baseLine) {
         const textEle = textGroupRender.element;
         const textProps = textEle.props;
         const { width, height } = textGroupRender.rect;
@@ -7793,12 +7844,10 @@ class PaintContent {
             this.drawHoriLine(x, y, width, textProps.color, 1);
         }
         let horX = 0;
-        let vertHeight = height - (height / 7);
+        let vertHeight = baseLine;
         if (textProps.vertAlign === 'superscript') {
             //到top
             vertHeight -= textProps.fontSize * 2 / 5;
-            //top在向上收缩 -top行间距
-            //vertHeight -= textProps.fontSize * this.getParaLineHeight(textEle) / 20
         }
         for (let i = 0; i < textGroupRender.textMeasures.length; i++) {
             const unit = textGroupRender.textMeasures[i];
@@ -7807,6 +7856,15 @@ class PaintContent {
         }
         this.ctx.restore();
     }
+    drawText2(str, font, color, x, y, width, height) {
+        const textMetrics = this.measureTextMetrics(font, str);
+        this.ctx.save();
+        this.ctx.fillStyle = color;
+        this.ctx.font = font;
+        let vertHeight = textMetrics.actualBoundingBoxAscent;
+        this.ctx.fillText(str, x + (width - (textMetrics.actualBoundingBoxLeft + textMetrics.actualBoundingBoxRight)) / 2 - textMetrics.actualBoundingBoxLeft, y + vertHeight + (height - (textMetrics.actualBoundingBoxAscent + textMetrics.actualBoundingBoxDescent)) / 2);
+        this.ctx.restore();
+    }
     getParaLineHeight(textEle) {
         const para = ElementUtil.getParentByType(textEle, ParagraphElement);
         if (!para) {
@@ -7817,10 +7875,23 @@ class PaintContent {
     measureText(text, textProps) {
         this.ctx.fillStyle = textProps.color;
         this.ctx.font = textProps.getFont();
-        const textMeasure = this.ctx.measureText(text);
-        return { width: textMeasure.width, height: textProps.fontSize };
+        const { width, fontBoundingBoxDescent, fontBoundingBoxAscent } = this.ctx.measureText(text);
+        return { width: width, height: fontBoundingBoxAscent + fontBoundingBoxDescent };
     }
-    measureText2(text, font) {
+    measureTextMetrics(font, str = 'M') {
+        this.ctx.font = font;
+        const textMetrics = this.ctx.measureText(str);
+        return {
+            fontBoundingBoxAscent: textMetrics.fontBoundingBoxAscent,
+            fontBoundingBoxDescent: textMetrics.fontBoundingBoxDescent,
+            actualBoundingBoxAscent: textMetrics.actualBoundingBoxAscent,
+            actualBoundingBoxDescent: textMetrics.actualBoundingBoxDescent,
+            actualBoundingBoxLeft: textMetrics.actualBoundingBoxLeft,
+            actualBoundingBoxRight: textMetrics.actualBoundingBoxRight,
+            width: textMetrics.width
+        };
+    }
+    measureTextWidth(text, font) {
         this.ctx.font = font.fontSize + 'px ' + font.fontName;
         return this.ctx.measureText(text).width;
     }
@@ -8655,11 +8726,22 @@ class DataElementCheckRenderObject extends LeafRenderObject {
     render(e) {
         const { render, position } = e;
         const element = this.element;
-        if (this.element.props.multiSelect) {
-            render.contentContext.drawCheckBox(position.x + 2, position.y, element.props.size, element.props.size, element.props.checked);
+        if (element.props.drawStateChar) {
+            const font = `${element.props.size - 2}px 微软雅黑`;
+            const str = element.props.checked ? element.props.trueChar : element.props.falseChar;
+            const color = element.props.checked ? element.props.trueStateColor : element.props.falseStateColor;
+            e.render.contentContext.drawText2(str, font, color, position.x, position.y, element.props.size, element.props.size);
+            if (element.props.border) {
+                e.render.contentContext.strokeRect(position.x + 2, position.y, element.props.size, element.props.size);
+            }
         }
         else {
-            render.contentContext.drawRadioBox(position.x + 2, position.y, element.props.size, element.props.size, element.props.checked);
+            if (element.props.multiSelect) {
+                render.contentContext.drawCheckBox(position.x + 2, position.y, element.props.size, element.props.size, element.props.checked);
+            }
+            else {
+                render.contentContext.drawRadioBox(position.x + 2, position.y, element.props.size, element.props.size, element.props.checked);
+            }
         }
     }
 }
@@ -8676,15 +8758,15 @@ class DataElementCheckFactory extends ElementFactory {
     createDataEleProps(dest, props) {
         const dataEleProps = dest;
         ElementUtil.readEleBaseProps(dataEleProps, props);
-        //dataEleProps.id = props.id ?? nanoid(5);
-        //dataEleProps.name = props.name;
-        //dataEleProps.caption = props.caption;
-        //dataEleProps.type = props.type;
         dataEleProps.checked = props.checked;
         dataEleProps.size = props.size;
         dataEleProps.groupName = props.groupName;
         dataEleProps.multiSelect = props.multiSelect ?? false;
         dataEleProps.checkedValue = props.checkedValue;
+        dataEleProps.drawStateChar = props.drawStateChar ?? false;
+        dataEleProps.trueChar = props.trueChar ?? trueChar;
+        dataEleProps.falseChar = props.falseChar ?? falseChar;
+        dataEleProps.border = props.border ?? true;
         return dataEleProps;
     }
 }
@@ -11316,6 +11398,7 @@ class ParagraphMeasure {
                 }
             },
             parent: null,
+            isCloseToBody,
             applyNewLine() {
                 createInnerLineFunc();
             },
@@ -11501,6 +11584,7 @@ class ParagraphMeasure {
                 parentLine.updateHeight(child);
             },
             parent: parentLine,
+            isCloseToBody: parentLine.isCloseToBody,
             applyNewLine() {
                 parentLine.applyNewLine();
                 render = ele.createRenderObject({ options, renderCtx });
@@ -11562,7 +11646,7 @@ class ParagraphMeasure {
     arrangeLeafRender(parentLine, render) {
         if (parentLine.lineWidth() + render.rect.width > parentLine.limitWidth) {
             if (render instanceof TextGroupRenderObject) {
-                const { firstItem, lastItem } = this.cutTextRender(render, parentLine.limitWidth - parentLine.lineWidth(), parentLine.lineWidth() === 0);
+                const { firstItem, lastItem } = this.cutTextRender(render, parentLine.limitWidth - parentLine.lineWidth(), parentLine.lineWidth() === 0, parentLine.isCloseToBody);
                 if (firstItem) {
                     parentLine.add(firstItem);
                 }
@@ -11570,6 +11654,10 @@ class ParagraphMeasure {
                     parentLine.applyNewLine();
                     this.arrangeLeafRender(parentLine, lastItem);
                 }
+                if (!firstItem && !lastItem) {
+                    parentLine.applyNewLine();
+                    this.arrangeLeafRender(parentLine, render);
+                }
             }
             else if (render instanceof FillNullSpaceRenderObject) {
                 const { firstItem, lastItem } = this.cutFillNullRender(render, parentLine.limitWidth - parentLine.lineWidth());
@@ -11609,7 +11697,7 @@ class ParagraphMeasure {
             }
         }
     }
-    cutTextRender(render, limitWidth, lineEmpty) {
+    cutTextRender(render, limitWidth, lineEmpty, isCloseToBody) {
         let sumWidth = 0;
         const cutRender = render.clone();
         cutRender.textMeasures.length = 0;
@@ -11623,13 +11711,13 @@ class ParagraphMeasure {
                 break;
             }
         }
-        // //后置标点处理
-        // i = this.patchHandlePostPunctuation(render, nextRender, i, inCloseBody, lineEmpty);
-        // //前置标点处理
-        // i = this.patchHandleLeadingPunctuation(render, i, lineEmpty);
-        // if (i <= 0) {
-        //     return {firstItem: null, lastItem: null};
-        // }
+        //后置标点处理
+        i = this.patchHandlePostPunctuation(render, i, isCloseToBody, lineEmpty);
+        //前置标点处理
+        i = this.patchHandleLeadingPunctuation(render, i, lineEmpty);
+        if (i <= 0) {
+            return { firstItem: null, lastItem: null };
+        }
         cutRender.textMeasures = render.textMeasures.splice(0, i);
         render.measure();
         cutRender.measure();
@@ -11639,6 +11727,7 @@ class ParagraphMeasure {
      * 处理前置标点,前置标点不能出现在末尾
      * @param render
      * @param i
+     * @param lineEmpty
      */
     patchHandleLeadingPunctuation(render, i, lineEmpty) {
         if (i === 1 && lineEmpty) {
@@ -11653,15 +11742,10 @@ class ParagraphMeasure {
      * 处理后置标点，后置标点不能出现在行首
      * @param render
      * @param i
+     * @param inCloseBody
      * @param lineEmpty
      */
-    patchHandlePostPunctuation(render, nextRender, i, inCloseBody, lineEmpty) {
-        if (i === render.textMeasures.length - 1) {
-            //紧跟着的字符包含后置标点
-            if (this.containerStartSymbolInTextStart(nextRender)) {
-                i--;
-            }
-        }
+    patchHandlePostPunctuation(render, i, inCloseBody, lineEmpty) {
         if (inCloseBody && this.containPostPunctuation(render.textMeasures[i]?.char)) {
             if (this.containPostPunctuation(render.textMeasures[i + 1]?.char)) {
                 i--;
@@ -13875,7 +13959,7 @@ class DocumentEvent {
         }
         const event = new GetTrackTipsEvent(this.docCtx);
         event.source = element;
-        DocumentEvent.invokeEvent('GetTrackTips', element, event, 'Bubbling', this.docCtx);
+        DocumentEvent.invokeEvent('GetTrackTips', element, event, 'Bubbling');
         if (event.trackTips) {
             this.trackTipsChanged.next({ pos: { ...this.currentPos }, tips: event.trackTips });
             this.prevTrackInfo = true;
@@ -13927,7 +14011,7 @@ class DocumentEvent {
             this.endHitInfo = this.startHitInfo;
             const mousedownEvent = new MousedownElementEvent(this.docCtx);
             mousedownEvent.source = startElement;
-            DocumentEvent.invokeEvent('ElementMousedown', startElement, mousedownEvent, 'All', this.docCtx);
+            DocumentEvent.invokeEvent('ElementMousedown', startElement, mousedownEvent, 'All');
         }
         else {
             this.clearHitInfo();
@@ -14060,7 +14144,7 @@ class DocumentEvent {
             //const { render: { renderPosition: { x: rx, y: ry } } } = this.currentMouseoverRender;
             //const rp = this.currentMouseoverRender?.absoluteRenderRect as Rect;
             const rp = ElementUtil.getRenderAbsolutePaintRect(cellRender);
-            rp.y -= this.viewOptions.pageOffset.y;
+            //rp.y -= this.viewOptions.pageOffset.y;
             const relativePos = { x: mousePos.x - rp.x, y: mousePos.y - rp.y };
             const isInCellBorder = CommonUtil.isInRectBorder(cellRender.rect, 2, relativePos);
             cursorType = ElementUtil.getBorderCursor(isInCellBorder.borderType);
@@ -14177,7 +14261,7 @@ class DocumentEvent {
             const startElement = this.startHitInfo.render.element;
             const mousedownEvent = new MousedownElementEvent(this.docCtx);
             mousedownEvent.source = startElement;
-            DocumentEvent.invokeEvent('ElementClick', startElement, mousedownEvent, "All", this.docCtx);
+            DocumentEvent.invokeEvent('ElementClick', startElement, mousedownEvent, "All");
             //this.refreshDocument();
         }
         const { startControl, startOffset, collapsed } = this.selectionState;
@@ -14189,7 +14273,7 @@ class DocumentEvent {
                 dropEvent.source = startControl;
                 dropEvent.sourceOffset = startOffset;
                 dropEvent.dragElement = this.focusedElement;
-                if (DocumentEvent.invokeEvent('ElementDrop', startControl, dropEvent, 'All', this.docCtx)) {
+                if (DocumentEvent.invokeEvent('ElementDrop', startControl, dropEvent, 'All')) {
                     return;
                 }
                 this.docCtx.docChange.moveElement(startControl, startOffset, this.focusedElement, this.startHitInfo.offset, this.selectionState);
@@ -14225,7 +14309,7 @@ class DocumentEvent {
         if (hitInfo) {
             docEvent.source = hitInfo.element;
             docEvent.sourceRender = hitInfo.render;
-            const res = DocumentEvent.invokeEvent('ElementDblClick', hitInfo.element, docEvent, 'All', this.docCtx);
+            const res = DocumentEvent.invokeEvent('ElementDblClick', hitInfo.element, docEvent, 'All');
             if (res) {
                 return;
             }
@@ -14406,7 +14490,7 @@ class DocumentEvent {
      * @param eventStage
      * @param docCtx
      */
-    static invokeEvent(type, sourceElement, event, eventStage, docCtx) {
+    static invokeEvent(type, sourceElement, event, eventStage) {
         const parents = ElementUtil.getParentElements(sourceElement);
         //先执行捕获阶段,在执行冒泡
         for (let i = parents.length - 1; i > -parents.length; i--) {
@@ -14876,7 +14960,7 @@ class DocumentEvent {
             });
             document.execCommand('copy');
         };
-        if (navigator.appVersion.indexOf('Mac') >= 0) {
+        if (ElementUtil.getOSPlatform() === 'Mac') {
             if (evt.metaKey && evt.keyCode === 67) {
                 copy();
             }
@@ -14925,6 +15009,7 @@ class DocumentInput {
     onTabKeyEvent = new Subject$1();
     constructor(node, docCtx) {
         this.docCtx = docCtx;
+        const os = ElementUtil.getOSPlatform();
         node.addEventListener('input', evt => {
             const { startControl, startOffset } = this.docCtx.selectionState;
             this.onInputEvent.next({
@@ -14940,7 +15025,7 @@ class DocumentInput {
             const evt = nodeEvt.sourceEvt;
             const keyEvent = new KeyboradElementEvent(this.docCtx);
             keyEvent.sourceEvent = evt;
-            if (DocumentEvent.invokeEvent('ElementKeyDown', this.docCtx.selectionState.startControl, keyEvent, 'Capture', this.docCtx)) {
+            if (DocumentEvent.invokeEvent('ElementKeyDown', this.docCtx.selectionState.startControl, keyEvent, 'Capture')) {
                 return;
             }
             if (evt.keyCode === 8) {
@@ -14972,7 +15057,11 @@ class DocumentInput {
             else if (evt.keyCode === 46) {
                 this.onDeleteEvent.next(evt);
             }
-            else if (evt.ctrlKey && evt.keyCode === 65) {
+            else if (evt.ctrlKey && evt.keyCode === 65 && os !== 'Mac') {
+                evt.preventDefault();
+                this.onSelectAllEvent.next();
+            }
+            else if (evt.metaKey && evt.keyCode === 65 && os === 'Mac') {
                 evt.preventDefault();
                 this.onSelectAllEvent.next();
             }
@@ -15067,7 +15156,13 @@ class DocumentChange {
             this.onInputBySelectRange(data);
             return;
         }
-        //判断是否需要创建新的留痕区域
+        const inputEvent = new InputElementEvent(this.docCtx);
+        inputEvent.data = data.data;
+        DocumentEvent.invokeEvent('ElementInput', startControl, inputEvent, 'All');
+        if (inputEvent.isCancel) {
+            return;
+        }
+        //判断是否需要创建新留痕区域
         if (enableTrackChanges && !this.isInCorrectTrackRegion(startControl, TrackRunTypeEnum.Inserted)) {
             this.newInputTrackChanges(data, startControl, startOffset);
             return;
@@ -15174,7 +15269,7 @@ class DocumentChange {
         }
     }
     /**
-     * 创建新的留痕块,并返回留痕块输入定位文本
+     * 创建新留痕块,并返回留痕块输入定位文本
      * @param startControl
      * @param startOffset
      * @param trackType
@@ -15330,7 +15425,7 @@ class DocumentChange {
         eventElement.source = startControl;
         eventElement.sourceEvent = evt;
         eventElement.sourceOffset = startOffset;
-        const res = DocumentEvent.invokeEvent('BackspaceKey', startControl, eventElement, 'Capture', this.docCtx);
+        const res = DocumentEvent.invokeEvent('BackspaceKey', startControl, eventElement, 'Capture');
         if (res && res.isCancel) {
             return;
         }
@@ -15353,7 +15448,7 @@ class DocumentChange {
         eventElement.source = startControl;
         eventElement.sourceEvent = evt;
         eventElement.sourceOffset = startOffset;
-        const res = DocumentEvent.invokeEvent('DeleteKey', startControl, eventElement, 'Capture', this.docCtx);
+        const res = DocumentEvent.invokeEvent('DeleteKey', startControl, eventElement, 'Capture');
         if (res && res.isCancel) {
             return;
         }
@@ -16112,6 +16207,25 @@ class DocumentChange {
             });
         }
     }
+    static setParaStyle(ss, setterFunc) {
+        if (ss.collapsed && ss.startControl) {
+            const para = ElementUtil.getParentByType(ss.startControl, ParagraphElement);
+            if (para) {
+                setterFunc(para.props);
+            }
+        }
+        else {
+            const range = ss.selectedRange;
+            if (!range) {
+                return;
+            }
+            RangeUtil.recursionTraversalRangeHandler(range, (itemRange) => {
+                if (itemRange.target instanceof ParagraphElement) {
+                    setterFunc(itemRange.target.props);
+                }
+            });
+        }
+    }
     /**
      * 复制
      * @param evt
@@ -17697,7 +17811,6 @@ function setCurrentActiveAppContext(ctx) {
     currentActiveAppContext = ctx;
 }
 function renderApp(root, renderCtx, nodeEvent) {
-    window['root'] = root;
     // const nodeEvent = new NodeEvent(root, renderCtx.mainContext.ctx.canvas);
     let delayTask = false;
     const flushTask = () => {
@@ -17716,8 +17829,10 @@ function renderApp(root, renderCtx, nodeEvent) {
     };
     flushTask();
     root.onChangedEvent.subscribe(() => {
+        if (root.isDisposed) {
+            return;
+        }
         flushTask();
-        //console.log('准备创建任务'+taskId)
     });
     nodeEvent.onSignal.subscribe(() => {
         flushTask();
@@ -18982,6 +19097,7 @@ class SurfaceView extends NodeItems {
     renderSchedule;
     nodeEvent;
     renderCtx;
+    isDisposed = false;
     onSizeChanged = new Subject();
     constructor(canvas, input) {
         super();
@@ -19064,6 +19180,10 @@ class SurfaceView extends NodeItems {
     clearPopNodes() {
         this.popNodes = [];
     }
+    destroy() {
+        this.clearChildren();
+        this.isDisposed = true;
+    }
     initInputEvent() {
         let composition = false;
         this.input.addEventListener('input', evt => {
@@ -20273,131 +20393,1461 @@ function pointInPoly(pt, poly) {
     return c;
 }
 
-/**
- * Node宽度定义
- * 1.在单页模式下，文档最小宽度为单个文档宽度+合适的外边距
- * 2.在多页模式下，文档最小宽度为单个文档宽度+合适的外边距
- */
-class CanvasTextEditor extends AbsolutePanel {
-    editCanvas;
-    editInput;
-    contentCtx;
-    viewOptions;
-    docCtx;
-    docComment;
-    renderContext;
-    documentPaint;
-    elementReader;
-    documentEvent;
-    documentSelection;
-    documentInput;
-    documentChange;
-    selectionOverlays;
-    //private docRule: DocRule;
-    historyMange;
-    selectionChanged = new Subject$1();
-    beforeRenderSubject = new Subject$1();
-    afterRenderSubject = new Subject$1();
-    selectionState;
-    //显示右键菜单
-    onContextMenuItemChanged = new Subject$1();
-    onDblClickEvent = new Subject$1();
-    onClickEvent = new Subject$1();
-    onScrollViewEvent = new Subject$1();
-    //文档改变事件:内容及样式，业务模块需要根据此事件，来追踪当前文档是否改变的状态
-    onDocChangedEvent = new Subject$1();
-    //执行flushTask,refreshDoc之前，此时可以在文档计算排版之前改变内容
-    onBeforeRefreshDocument = new Subject$1();
-    constructor(editCanvas, editInput) {
+const timelineConfig = {
+    fontSize: 12,
+    fontName: '宋体',
+    /**
+     * 单个时刻的宽度,像素
+     */
+    timeTickWidth: 14,
+    /**
+     * 纵轴一个单位的高度
+     */
+    timeValueHeight: 20,
+    /**
+     * 单个时刻宽度代表的小时数
+     */
+    timeTickHours: 4,
+    /**
+     * 体温点的大小
+     */
+    temperaturePointSize: 4,
+    /**
+     * 心率点的大小
+     */
+    heartRatePointSize: 4,
+    temperatureModels: [42, 41, 40, 39, 38, 37, 36, 35],
+    heartRateModels: [180, 160, 140, 120, 100, 80, 40, 20],
+    valueRuleCounts: 8,
+    /**
+     * 时刻头部高度
+     */
+    tickHeaderHeight: 20,
+    /**
+     * 体温符号
+     */
+    temperatureSymbol: '℃',
+    heartRateSymbol: 'BPM'
+};
+class TimelineBaseControl extends AbsolutePanel {
+    startTime;
+    showDays = 0;
+    constructor() {
         super();
-        this.editCanvas = editCanvas;
-        this.editInput = editInput;
-        this.viewOptions = new ViewOptions();
-        this.documentSelection = new DocumentSelection();
-        this.docCtx = new EditorContext(this.documentSelection.selectionState, this.viewOptions);
-        this.viewOptions.copyRightInfo = '电子病历编辑器(XXX版权所有)';
-        this.viewOptions.drawCharRectColor = 'green';
-        this.viewOptions.showLineRect = true;
-        this.viewOptions.docSpace = 20;
-        this.viewOptions.reviewWindowWidth = 200;
-        this.viewOptions.defaultFontName = '宋体';
-        //this.viewOptions.scale = 2;
-        //整个画布的尺寸
-        this.viewOptions.viewSettings = {
-            width: 1000,
-            height: 200
-        };
-        this.viewOptions.editUser = {
-            id: '6666',
-            name: '管理员'
-        };
-        this.viewOptions.fullPageView = false;
-        this.createDocViewer();
-        this.docComment = new DocumentComment(this.docCtx);
-        this.contentCtx = editCanvas.getContext('2d');
-        this.renderContext = new RenderContext(new PaintContent(this.contentCtx));
-        this.renderContext.init({ width: 500, height: 500, scale: 1 });
-        this.selectionState = this.documentSelection.selectionState;
-        this.selectionOverlays = new SelectionOverlays(this.documentSelection.selectionState);
-        this.documentPaint = new DocumentPaint(this.renderContext, this.docCtx, this.selectionOverlays.selectedSets);
-        this.elementReader = new ElementReader(this.docCtx);
-        //this.docRule = new DocRule(this.ruleCanvas, this.docCtx);
-        this.documentInput = new DocumentInput(this, this.docCtx);
-        this.documentChange = new DocumentChange(this.elementReader, this.docCtx, this.docComment, this.documentInput);
-        this.documentEvent = new DocumentEvent(this, this.documentPaint, this.docCtx, this.documentInput);
-        this.historyMange = new ElementTrackManage(this.docCtx, this.elementReader);
-        this.documentEvent.hitInfoChanged.subscribe((hitInfo) => {
-            this.hitInfoChanged(hitInfo);
-        });
-        this.documentEvent.clickEvent.subscribe((evt) => {
-            this.docClickHandle(evt);
-        });
-        this.documentEvent.dblClickEvent.subscribe((evt) => {
-            this.docDblClickHandle(evt);
-        });
-        this.documentEvent.changeCursor.subscribe((cursor) => {
-            this.changeCursor(cursor);
-        });
-        this.documentEvent.contextMenu.subscribe(evt => {
-            this.onContextMenu(evt);
-        });
-        this.documentEvent.trackTipsChanged.subscribe(data => {
+        this.border = 1;
+        this.borderColor = '#000';
+        this.bgColor = '#fff';
+    }
+    measureOverride(e, availableSize) {
+        this.build(e);
+        return super.measureOverride(e, availableSize);
+    }
+    isBuild = false;
+    build(e) {
+        if (this.isBuild) {
+            return;
+        }
+        this.clearChildren();
+        this.buildOverride(e);
+        this.isBuild = true;
+    }
+    reBuild() {
+        this.isBuild = false;
+    }
+    buildOverride(e) {
+    }
+}
+class TickContainer extends AbsolutePanel {
+    tickControl;
+    _startTime;
+    _showDays = 0;
+    scrollX = 0;
+    get startTime() {
+        return this._startTime;
+    }
+    set startTime(value) {
+        this._startTime = value;
+        this.tickControl.startTime = value;
+    }
+    get showDays() {
+        return this._showDays;
+    }
+    set showDays(value) {
+        this._showDays = value;
+        this.tickControl.showDays = value;
+    }
+    arrangeOverride(e, finalSize) {
+        this.controls.filter(item => item !== this.tickControl).forEach(item => {
+            const itemRect = {
+                x: item.x,
+                y: item.y,
+                width: item.desiredSize.width,
+                height: item.desiredSize.height
+            };
+            item.arrange(e, itemRect);
         });
-        this.docCtx.docChange = this.documentChange;
-        //this.listenContainerHeight();
-        this.start();
-        this.refreshDocRule();
-        this.docCtx.syncRefresh = () => {
-            this.flushToSchedule();
-        };
-        this.viewOptions.onChange.subscribe((type) => {
-            this.resetViewer(type);
+        this.tickControl.arrange(e, { x: this.tickControl.x - this.scrollX,
+            y: this.tickControl.y,
+            width: this.tickControl.desiredSize.width,
+            height: this.tickControl.desiredSize.height });
+        return finalSize;
+    }
+}
+
+class TemperaturePoint extends NodeCore {
+    type;
+    value;
+    constructor(type = 'axillary', value) {
+        super();
+        this.type = type;
+        this.value = value;
+        this.bgColor = 'blue';
+        this.width = timelineConfig.temperaturePointSize;
+        this.height = timelineConfig.temperaturePointSize;
+        this.addEventListener('mouseenter', evt => {
+            this.bgColor = 'red';
+            const onMouseLeave = () => {
+                this.bgColor = 'blue';
+                this.removeEventListener('mouseleave', onMouseLeave);
+            };
+            this.addEventListener('mouseleave', onMouseLeave);
         });
     }
-    /**
-     * 设置标尺
-     */
-    refreshDocRule() {
-        let docLeft = 0; //CommonUtil.getOffsetX(this.editCanvas.parentElement as HTMLDivElement);
-        let pagePL = 0, pagePR = 0;
-        if (this.documentPaint.docContainer) {
-            docLeft += this.documentPaint.docContainer.rect.x;
+    renderOutline(renderCtx) {
+        translate(renderCtx, this.finalRect.x, this.finalRect.y);
+        translate(renderCtx, this.border + this.padding, this.border + this.padding);
+    }
+    render(e) {
+        if (this.type === 'axillary') {
+            this.renderAxillary(e);
         }
-        if (this.docCtx.document?.props?.padding) {
-            const { left, right } = this.docCtx.document.props.padding;
-            pagePL = left;
-            pagePR = right;
+        else if (this.type === 'oral') {
+            this.renderOral(e);
+        }
+        else if (this.type === 'anal') {
+            this.renderAnal(e);
         }
-        this.rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
     }
-    createDocViewer() {
-        this.viewOptions.mmToPixelsRatio = this.measureMMToPixs();
-        const width = Math.floor(210 * this.viewOptions.mmToPixelsRatio);
-        const height = Math.floor(297 * this.viewOptions.mmToPixelsRatio);
-        this.viewOptions.docPageSettings = new PageOptions(width, height);
-        // this.docScroll.onscroll = (evt) => {
-        //     //this.onScrollViewHandler(evt);
-        // };
+    /**
+     * 绘制腋下温度 X
+     * @private
+     */
+    renderAxillary(e) {
+        const { width, height } = this.finalRect;
+        const x = 0, y = 0;
+        e.render.strokeLines([{ x, y }, { x: x + width, y: y + height }], 3, this.bgColor);
+        e.render.strokeLines([{ x: x + width, y }, { x, y: y + height }], 3, this.bgColor);
+    }
+    /**
+     * 绘制肛下温度 ○
+     * @private
+     */
+    renderAnal(e) {
+        const width = this.finalRect.width;
+        const ctx = e.render.ctx;
+        ctx.save();
+        ctx.beginPath();
+        ctx.strokeStyle = this.bgColor;
+        ctx.lineWidth = 2;
+        ctx.arc(width / 2, width / 2, width, 0, 2 * Math.PI);
+        ctx.stroke();
+        ctx.restore();
+    }
+    /**
+     * 绘制口腔温度 ●
+     * @private
+     */
+    renderOral(e) {
+        const width = this.finalRect.width;
+        e.render.fillCircular(width / 2, width / 2, width, this.bgColor);
+    }
+}
+class HeartRatePoint extends NodeCore {
+    value;
+    constructor() {
+        super();
+        this.bgColor = 'red';
+        this.width = timelineConfig.heartRatePointSize * 2;
+        this.height = timelineConfig.heartRatePointSize * 2;
+        this.addEventListener('mouseenter', evt => {
+            this.bgColor = 'green';
+            const tipLabel = new LabelNode();
+            tipLabel.text = this.value;
+            tipLabel.fontSize = timelineConfig.fontSize;
+            tipLabel.shadowBlur = 5;
+            tipLabel.shadowColor = '#000';
+            tipLabel.bgColor = '#fff';
+            tipLabel.x = this.x;
+            tipLabel.y = this.y - tipLabel.fontSize - 2;
+            this.parent?.addChild(tipLabel);
+            const onMouseLeave = () => {
+                this.bgColor = 'red';
+                this.parent?.removeChild(tipLabel);
+                this.removeEventListener('mouseleave', onMouseLeave);
+            };
+            this.addEventListener('mouseleave', onMouseLeave);
+        });
+    }
+    renderOutline(renderCtx) {
+        translate(renderCtx, this.finalRect.x, this.finalRect.y);
+        translate(renderCtx, this.border + this.padding, this.border + this.padding);
+    }
+    render(e) {
+        const heartRatePointSize = this.finalRect.width / 2;
+        e.render.fillCircular(heartRatePointSize, heartRatePointSize, heartRatePointSize, this.bgColor);
+    }
+}
+class TimeLinePath extends NodeCore {
+    startPos;
+    endPos;
+    lineColor = '#000';
+    lineWidth = 1;
+    constructor() {
+        super();
+        this.allowHitTest = true;
+        this.enableClip = false;
+    }
+    renderOutline(renderCtx) {
+        translate(renderCtx, this.finalRect.x, this.finalRect.y);
+        translate(renderCtx, this.border + this.padding, this.border + this.padding);
+    }
+    render(e) {
+        e.render.strokeLines([this.startPos, this.endPos], this.lineWidth, this.lineColor);
+    }
+}
+
+class TimelineControl extends AbsolutePanel {
+    render(e) {
+    }
+    constructor() {
+        super();
+        this.border = 1;
+        this.borderColor = '#000';
+    }
+    measureOverride(e, availableSize) {
+        const height = this.controls.reduce((prev, curr) => {
+            curr.measure(e, availableSize);
+            return prev + curr.desiredSize.height;
+        }, 0);
+        return {
+            height, width: availableSize.width
+        };
+    }
+    arrangeOverride(e, finalSize) {
+        this.controls.reduce((prev, curr) => {
+            const itemRect = {
+                x: 0,
+                y: prev,
+                width: curr.desiredSize.width,
+                height: curr.desiredSize.height
+            };
+            curr.arrange(e, itemRect);
+            return prev + curr.desiredSize.height;
+        }, 0);
+        return finalSize;
+    }
+    rebuild() {
+        treeForEach(this, item => {
+            if (item instanceof NodeItems) {
+                return item.controls;
+            }
+            else {
+                return [];
+            }
+        }, (item) => {
+            if (item instanceof TimelineBaseControl) {
+                item.reBuild();
+            }
+        });
+    }
+}
+function treeForEach(root, children, callback) {
+    callback(root);
+    children(root).forEach(node => {
+        treeForEach(node, children, callback);
+    });
+}
+/**
+ * 中间网格数据绘制区域
+ */
+class TimeGridContainer extends AbsolutePanel {
+    get gridHeight() {
+        return this._gridHeight;
+    }
+    set gridHeight(value) {
+        this._gridHeight = value;
+        this.timelineGridControl.height = value;
+        this.timeValueRuleContainer.height = value;
+    }
+    _startTime;
+    _showDays = 7;
+    get startTime() {
+        return this._startTime;
+    }
+    set startTime(value) {
+        this._startTime = value;
+        this.timelineGridControl.startTime = value;
+    }
+    get showDays() {
+        return this._showDays;
+    }
+    set showDays(value) {
+        this._showDays = value;
+        this.timelineGridControl.showDays = value;
+    }
+    /**
+     * 网格区域高度
+     */
+    _gridHeight = 0;
+    scrollX = 0;
+    timelineGridControl;
+    timeValueRuleContainer;
+    constructor() {
+        super();
+        this.timelineGridControl = new TimelineGridControl();
+        this.addChild(this.timelineGridControl);
+        this.timeValueRuleContainer = new TimeValueRuleContainer();
+        this.addChild(this.timeValueRuleContainer);
+    }
+    init() {
+        this.timelineGridControl.init();
+    }
+    measureOverride(e, availableSize) {
+        this.timelineGridControl.measure(e, availableSize);
+        const height = this.timelineGridControl.desiredSize.height;
+        this.timeValueRuleContainer.measure(e, { height, width: availableSize.width });
+        return { height, width: availableSize.width };
+    }
+    arrangeOverride(e, finalSize) {
+        this.controls.filter(item => item !== this.timelineGridControl).forEach(item => {
+            const itemRect = {
+                x: item.x,
+                y: item.y,
+                width: item.desiredSize.width,
+                height: item.desiredSize.height
+            };
+            item.arrange(e, itemRect);
+        });
+        this.timelineGridControl.arrange(e, {
+            x: this.timelineGridControl.x - this.scrollX,
+            y: this.timelineGridControl.y,
+            width: this.timelineGridControl.desiredSize.width,
+            height: this.timelineGridControl.desiredSize.height
+        });
+        return finalSize;
+    }
+    render(e) {
+    }
+}
+class TimeValueRuleContainer extends AbsolutePanel {
+    getLayoutWidth() {
+        return this.controls.reduce((prev, curr) => prev + curr.width, 0);
+    }
+    init() {
+        this.controls.reduce((prev, curr) => {
+            curr.x = prev;
+            return prev + curr.width;
+        }, 0);
+    }
+    renderOutline(renderCtx) {
+        translate(renderCtx, this.finalRect.x, this.finalRect.y);
+        translate(renderCtx, this.border + this.padding, this.border + this.padding);
+    }
+    render(e) {
+    }
+}
+/**
+ * 标题区域
+ * 时间刻度：日期、住院天数、手术天数、时刻
+ * 数值标尺区域、数据网格区域
+ * 文本时间轴区域
+ */
+class TimelineGridControl extends TimelineBaseControl {
+    get isShowTemperature() {
+        return this._isShowTemperature;
+    }
+    set isShowTemperature(value) {
+        this.propertyChanged('isShowTemperature', this._isShowTemperature, value);
+        this._isShowTemperature = value;
+    }
+    get isShowHeartRate() {
+        return this._isShowHeartRate;
+    }
+    set isShowHeartRate(value) {
+        this.propertyChanged('isShowHeartRate', this._isShowHeartRate, value);
+        this._isShowHeartRate = value;
+    }
+    //体温数据
+    temperatureData = [];
+    //心率数据
+    heartRateData = [];
+    //体温时间轴值模型
+    temperatureTimeLineValueModel = [];
+    //心率时间轴值模型
+    heartRateTimeLineValueModel = [];
+    //图章数据
+    eventData = [];
+    _isShowTemperature = true;
+    _isShowHeartRate = true;
+    mousePos = null;
+    constructor() {
+        super();
+        this.startTime = moment$1(moment$1().format("YYYY-MM-DD")).toDate();
+        this.addEventListener('mousemove', evt => {
+            const pos = evt.pos;
+            const nodePos = getNodePosition(this, { x: 0, y: 0 });
+            this.mousePos = { x: pos.x - nodePos.x, y: pos.y - nodePos.y };
+        });
+        this.addEventListener('mouseleave', evt => {
+            this.mousePos = null;
+        });
+    }
+    randomNum = (start, end) => {
+        return Math.floor(Math.random() * (end - start) + start);
+    };
+    getLayoutWidth() {
+        return this.showDays * (24 / timelineConfig.timeTickHours) * timelineConfig.timeTickWidth;
+    }
+    init() {
+        this.temperatureTimeLineValueModel = timelineConfig.temperatureModels.map((item, index, arr) => ({
+            value: item,
+            offset: (index + 1) / (arr.length + 1)
+        }));
+        this.heartRateTimeLineValueModel = timelineConfig.heartRateModels.map((item, index, arr) => ({
+            value: item,
+            offset: (index + 1) / (arr.length + 1)
+        }));
+        const { timeTickHours } = timelineConfig;
+        for (let i = 0; i < this.showDays; i++) {
+            for (let j = 0; j < 24; j += timeTickHours) {
+                this.temperatureData.push({
+                    date: moment$1(this.startTime).add(i, 'days').add(j, 'hours').toDate(),
+                    value: this.randomNum(33, 43) + this.randomNum(0, 10) / 10
+                    //value: 43
+                });
+                this.heartRateData.push({
+                    date: moment$1(this.startTime).add(i, 'days').add(j, 'hours').toDate(),
+                    value: this.randomNum(70, 150)
+                });
+            }
+            this.eventData.push({ date: moment$1(this.startTime).add(i, 'days').toDate(), value: '入\r\n院' });
+        }
+        this.temperatureData.sort((prev, curr) => {
+            return curr.date > prev.date ? 1 : -1;
+        });
+        this.heartRateData.sort((prev, curr) => curr.date > prev.date ? 1 : -1);
+    }
+    buildOverride(e) {
+        this.buildTemperature(e);
+        this.buildHearRate(e);
+        this.buildStampUnit(e);
+        const tipLabel = new LabelNode();
+        tipLabel.text = '外\r\n科\r\n手\r\n术';
+        tipLabel.borderColor = '#000';
+        tipLabel.border = 1;
+        tipLabel.shadowBlur = 5;
+        tipLabel.shadowColor = 'red';
+        tipLabel.fontSize = 12;
+        tipLabel.bgColor = '#fff';
+        tipLabel.color = 'red';
+        tipLabel.textWrapping = 'wrap';
+        //tipLabel.width = 14;
+        tipLabel.x = 100;
+        tipLabel.y = 30;
+        this.addChild(tipLabel);
+    }
+    render(e) {
+        const { timeValueHeight, timeTickHours, timeTickWidth } = timelineConfig;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            for (let j = 1; j <= ticks; j++) {
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const color = j < ticks ? '#69c0ff' : '#ffadd2';
+                e.render.strokeLines([{
+                        x,
+                        y: 0
+                    }, { x, y: this.finalRect.height }], 0.5, color);
+            }
+        }
+        for (let i = timeValueHeight; i < this.finalRect.height; i += timeValueHeight) {
+            e.render.strokeLines([{
+                    x: 0,
+                    y: i
+                }, { x: this.finalRect.width, y: i }], 0.5, '#69c0ff');
+        }
+        this.renderTemperatureGuideLine(e);
+        if (this.mousePos) {
+            e.render.strokeLines([{ x: 0, y: this.mousePos.y }, { x: this.finalRect.width, y: this.mousePos.y }]);
+            e.render.strokeLines([{ x: this.mousePos.x, y: 0 }, { x: this.mousePos.x, y: this.finalRect.height }]);
+        }
+    }
+    renderTemperatureGuideLine(e) {
+        const timelineValue = this.temperatureTimeLineValueModel.map(item => ({
+            value: item.value,
+            offset: this.height * item.offset
+        }));
+        //绘制正常36-37度，辅助线
+        const startPoint = 36.5;
+        const endPoint = 37.3;
+        const startFilter = timelineValue.filter(item => item.value >= startPoint);
+        const endFilter = timelineValue.filter(item => item.value >= endPoint);
+        let startY = 0;
+        let endY = 0;
+        if (startFilter.length > 1) {
+            const curr = startFilter[startFilter.length - 1];
+            const next = startFilter[startFilter.length - 2];
+            startY = curr.offset + (curr.value - startPoint) * (next.offset - curr.offset) / (curr.value - next.value);
+        }
+        if (endFilter.length > 1) {
+            const curr = endFilter[endFilter.length - 1];
+            const next = endFilter[endFilter.length - 2];
+            endY = curr.offset + (curr.value - endPoint) * (next.offset - curr.offset) / (curr.value - next.value);
+        }
+        e.render.strokeLines([{ x: 0, y: startY }, { x: this.finalRect.width, y: startY }], 1, 'red');
+        e.render.strokeLines([{ x: 0, y: endY }, { x: this.finalRect.width, y: endY }], 1, 'red');
+    }
+    buildTemperature(e) {
+        if (this.temperatureData.length === 0) {
+            return;
+        }
+        const height = this.height;
+        const { timeValueHeight, timeTickHours, timeTickWidth, temperaturePointSize } = timelineConfig;
+        const timelineValue = this.temperatureTimeLineValueModel.map(item => ({
+            value: item.value,
+            offset: height * item.offset
+        }));
+        //获取体温点纵向坐标
+        const getTimelineVerValue = (val) => {
+            const filter = timelineValue.filter(item => item.value >= val);
+            if (filter.length) {
+                if (filter.length > 1) {
+                    const curr = filter[filter.length - 1];
+                    const next = filter[filter.length - 2];
+                    return curr.offset + (curr.value - val) * (next.offset - curr.offset) / (curr.value - next.value);
+                }
+                else {
+                    return filter[0].offset;
+                }
+            }
+            return -1;
+        };
+        let prevPos = null;
+        for (let i = 0; i < this.showDays; i++) {
+            const ticks = 24 / timeTickHours;
+            for (let j = 0; j < ticks; j++) {
+                const hourOffset = j * timeTickHours;
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const startTime = moment$1(this.startTime).add(i, 'days').add(hourOffset, 'hours');
+                const endTime = moment$1(this.startTime).add(i, 'days').add(hourOffset + timeTickHours, 'hours');
+                const predicate = (item) => {
+                    return moment$1(item).isBetween(startTime, endTime, null, '(]');
+                };
+                const currTimePoints = this.temperatureData.filter(item => predicate(item.date));
+                currTimePoints.forEach(item => {
+                    let currX = x;
+                    const diffMinutes = moment$1(item.date).diff(startTime, 'minutes');
+                    const offsetMinutes = diffMinutes * timeTickWidth / (timeTickHours * 60);
+                    currX += offsetMinutes;
+                    let currY = getTimelineVerValue(item.value);
+                    //超出显示范围
+                    if (currY > height) {
+                        currY = height;
+                        this.setExceededValueTip(e, item.value + '℃', currX, currY - 20);
+                    }
+                    if (currY < 0) {
+                        currY = 0;
+                        this.setExceededValueTip(e, item.value + '℃', currX, currY + 5);
+                    }
+                    const point = new TemperaturePoint('axillary', item.value);
+                    point.x = currX - point.width / 2;
+                    point.y = currY - point.width / 2;
+                    this.addChild(point);
+                    if (prevPos) {
+                        const linePath = new TimeLinePath();
+                        linePath.lineColor = 'blue';
+                        linePath.startPos = prevPos;
+                        linePath.endPos = { x: currX, y: currY };
+                        this.addChild(linePath);
+                    }
+                    prevPos = { x: currX, y: currY };
+                });
+            }
+        }
+    }
+    setExceededValueTip(e, tip, x, y) {
+        const tipLabel = new LabelNode();
+        tipLabel.text = tip;
+        tipLabel.borderColor = '#000';
+        tipLabel.border = 1;
+        tipLabel.shadowBlur = 5;
+        tipLabel.shadowColor = '#000';
+        tipLabel.fontSize = 10;
+        tipLabel.bgColor = '#fff';
+        const tipLabelWidth = e.render.measureText2(tipLabel.text, tipLabel);
+        tipLabel.x = x -= tipLabelWidth / 2;
+        tipLabel.y = y;
+        this.addChild(tipLabel);
+    }
+    buildHearRate(e) {
+        const height = this.height;
+        const { timeTickHours, timeTickWidth, heartRateSymbol } = timelineConfig;
+        const timelineValue = this.heartRateTimeLineValueModel.map(item => ({
+            value: item.value,
+            offset: height * item.offset
+        }));
+        //获取心率纵向坐标
+        const getTimelineVerValue = (val) => {
+            const filter = timelineValue.filter(item => item.value >= val);
+            if (filter.length) {
+                if (filter.length > 1) {
+                    const curr = filter[filter.length - 1];
+                    const next = filter[filter.length - 2];
+                    return curr.offset + (curr.value - val) * (next.offset - curr.offset) / (curr.value - next.value);
+                }
+                else {
+                    return filter[0].offset;
+                }
+            }
+            return -1;
+        };
+        //const getTimelineHorValue=()
+        let prevPos = null;
+        for (let i = 0; i < this.showDays; i++) {
+            const ticks = 24 / timeTickHours;
+            for (let j = 0; j < ticks; j++) {
+                const hourOffset = j * timeTickHours;
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const startTime = moment$1(this.startTime).add(i, 'days').add(hourOffset, 'hours');
+                const endTime = moment$1(this.startTime).add(i, 'days').add(hourOffset + timeTickHours, 'hours');
+                const predicate = (item) => {
+                    return moment$1(item).isBetween(startTime, endTime, null, '(]');
+                };
+                const currTimePoints = this.heartRateData.filter(item => predicate(item.date));
+                currTimePoints.forEach(item => {
+                    let currX = x;
+                    const diffMinutes = moment$1(item.date).diff(startTime, 'minutes');
+                    const offsetMinutes = diffMinutes * timeTickWidth / (timeTickHours * 60);
+                    currX += offsetMinutes;
+                    let currY = getTimelineVerValue(item.value);
+                    //超出显示范围
+                    if (currY > height) {
+                        currY = height;
+                        this.setExceededValueTip(e, item.value + heartRateSymbol, currX, currY - 20);
+                    }
+                    if (currY < 0) {
+                        currY = 0;
+                        this.setExceededValueTip(e, item.value + heartRateSymbol, currX, currY + 5);
+                    }
+                    const point = new HeartRatePoint();
+                    point.value = item.value + '次/分';
+                    point.x = currX - point.width / 2;
+                    point.y = currY - point.width / 2;
+                    this.addChild(point);
+                    if (prevPos) {
+                        const linePath = new TimeLinePath();
+                        linePath.lineColor = 'red';
+                        linePath.startPos = prevPos;
+                        linePath.endPos = { x: currX, y: currY };
+                        this.addChild(linePath);
+                    }
+                    prevPos = { x: currX, y: currY };
+                });
+            }
+        }
+    }
+    buildStampUnit(e) {
+        if (!this.eventData.length) {
+            return;
+        }
+        const { timeTickHours, timeTickWidth, heartRateSymbol } = timelineConfig;
+        for (let i = 0; i < this.showDays; i++) {
+            const ticks = 24 / timeTickHours;
+            for (let j = 0; j < ticks; j++) {
+                const hourOffset = j * timeTickHours;
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const startTime = moment$1(this.startTime).add(i, 'days').add(hourOffset, 'hours');
+                const endTime = moment$1(this.startTime).add(i, 'days').add(hourOffset + timeTickHours, 'hours');
+                const predicate = (item) => {
+                    return moment$1(item).isBetween(startTime, endTime, null, '(]');
+                };
+                const currTimePoints = this.eventData.filter(item => predicate(item.date));
+                currTimePoints.forEach(item => {
+                    let currX = x;
+                    const diffMinutes = moment$1(item.date).diff(startTime, 'minutes');
+                    const offsetMinutes = diffMinutes * timeTickWidth / (timeTickHours * 60);
+                    currX += offsetMinutes;
+                    const tipLabel = new LabelNode();
+                    tipLabel.text = item.value;
+                    tipLabel.borderColor = '#000';
+                    tipLabel.border = 1;
+                    tipLabel.shadowBlur = 5;
+                    tipLabel.shadowColor = 'red';
+                    tipLabel.fontSize = 12;
+                    tipLabel.bgColor = '#fff';
+                    tipLabel.color = 'red';
+                    tipLabel.textWrapping = 'wrap';
+                    //tipLabel.width = 14;
+                    tipLabel.x = currX;
+                    tipLabel.y = 30;
+                    this.addChild(tipLabel);
+                });
+            }
+        }
+    }
+}
+/**
+ * 心率数值标尺控件
+ */
+class HeartRateValueRuleControl extends TimelineBaseControl {
+    constructor() {
+        super();
+        this.width = 50;
+    }
+    //体温时间轴值模型
+    heartRateTimeLineValueModel = [];
+    buildOverride(e) {
+        const width = this.width;
+        const height = this.height;
+        const label = new LabelNode();
+        label.text = '心率';
+        label.fontSize = timelineConfig.fontSize;
+        label.fontName = timelineConfig.fontName;
+        label.y = 5;
+        this.addChild(label);
+        const textProps = new TextProps();
+        textProps.fontSize = timelineConfig.fontSize;
+        textProps.fontName = timelineConfig.fontName;
+        label.x = (width - e.render.measureText(label.text, textProps).width) / 2;
+        const timelineValue = this.heartRateTimeLineValueModel.map(item => ({
+            value: item.value,
+            offset: (height) * item.offset
+        }));
+        timelineValue.forEach(item => {
+            const valueLabel = new LabelNode();
+            valueLabel.fontName = timelineConfig.fontName;
+            valueLabel.fontSize = timelineConfig.fontSize;
+            valueLabel.text = item.value + '';
+            valueLabel.x = (width - e.render.measureText(valueLabel.text, textProps).width) / 2;
+            valueLabel.y = item.offset;
+            this.addChild(valueLabel);
+        });
+    }
+    render(e) {
+    }
+}
+/**
+ * 体温数值标尺控件
+ */
+class TemperatureValueRuleControl extends TimelineBaseControl {
+    constructor() {
+        super();
+        this.width = 50;
+    }
+    //体温时间轴值模型
+    temperatureTimeLineValueModel = [];
+    buildOverride(e) {
+        const width = this.width;
+        const height = this.height;
+        const label = new LabelNode();
+        label.text = '体温';
+        label.fontSize = timelineConfig.fontSize;
+        label.fontName = timelineConfig.fontName;
+        label.y = 5;
+        this.addChild(label);
+        label.x = (width - e.render.measureText2(label.text, label)) / 2;
+        const timelineValue = this.temperatureTimeLineValueModel.map(item => ({
+            value: item.value,
+            offset: (height) * item.offset
+        }));
+        timelineValue.forEach(item => {
+            const valueLabel = new LabelNode();
+            valueLabel.fontName = timelineConfig.fontName;
+            valueLabel.fontSize = timelineConfig.fontSize;
+            valueLabel.text = item.value + '';
+            valueLabel.x = (width - e.render.measureText2(valueLabel.text, valueLabel)) / 2;
+            valueLabel.y = item.offset;
+            this.addChild(valueLabel);
+        });
+    }
+    render(e) {
+    }
+}
+
+/**
+ * 事件轴标题
+ * 日期、手术天数、术后天数、时刻
+ */
+class TimeTickTitleControl extends TimelineBaseControl {
+    constructor() {
+        super();
+        this.bgColor = '#fff';
+    }
+    title;
+    render(e) {
+    }
+    buildOverride(e) {
+        const width = this.width;
+        const height = this.height;
+        const label = new LabelNode();
+        label.text = this.title;
+        label.fontSize = timelineConfig.fontSize;
+        label.fontName = timelineConfig.fontName;
+        const titleWidth = e.render.measureText2(label.text, label);
+        label.x = (width - titleWidth) / 2;
+        label.y = (height - label.fontSize) / 2;
+        this.addChild(label);
+    }
+}
+/**
+ * 文本状态时刻控件，用于显示状态文本，例如：小便等
+ */
+class TextStatusTickControl extends TimelineBaseControl {
+    render(e) {
+    }
+    buildOverride(e) {
+        const { timeTickHours, timeTickWidth } = timelineConfig;
+        const height = this.height;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            const width = ticks * timeTickWidth;
+            // const curr = moment(this.startTime).add(i, 'days').format('YYYY-MM-DD');
+            //
+            // const label = new LabelNode();
+            // label.text = curr + '';
+            // label.fontSize = timelineConfig.fontSize;
+            // label.fontName = timelineConfig.fontName;
+            //
+            // const dateTitleWidth = e.render.measureText2(curr + '', label);
+            //
+            // label.x = i * width + (width - dateTitleWidth) / 2;
+            // label.y = (height - label.fontSize) / 2;
+            // this.addChild(label);
+            const path = new TimeLinePath();
+            path.startPos = { x: i * width, y: 0 };
+            path.endPos = { x: i * width, y: height };
+            path.lineColor = '#ffadd2';
+            this.addChild(path);
+        }
+    }
+}
+/**
+ * 呼吸状态容器
+ */
+class TimelineHXStatusContainer extends TickContainer {
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '呼吸';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new TextStatusTickControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+/**
+ * 小便状态容器
+ */
+class TimelineXBStatusContainer extends TickContainer {
+    //statusControl: TextStatusTickControl;
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '小便  ml';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new TextStatusTickControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+/**
+ * 其他状态容器
+ */
+class TimelineOtherStatusContainer extends TickContainer {
+    //statusControl: TextStatusTickControl;
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '其他';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new TextStatusTickControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+
+/**
+ * 时间刻度区域
+ * 循环日期显示
+ * 住院天数
+ * 术后天数
+ * 时刻等
+ */
+/**
+ * 日期时刻容器
+ */
+class DateTickContainer extends TickContainer {
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '日期';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new DateTickControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+/**
+ * 日期刻度
+ */
+class DateTickControl extends TimelineBaseControl {
+    buildOverride(e) {
+        const { timeTickHours, timeTickWidth } = timelineConfig;
+        const height = this.height;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            const width = ticks * timeTickWidth;
+            const curr = moment$1(this.startTime).add(i, 'days').format('YYYY-MM-DD');
+            const label = new LabelNode();
+            label.text = curr + '';
+            label.fontSize = timelineConfig.fontSize;
+            label.fontName = timelineConfig.fontName;
+            const dateTitleWidth = e.render.measureText2(curr + '', label);
+            label.x = i * width + (width - dateTitleWidth) / 2;
+            label.y = (height - label.fontSize) / 2;
+            this.addChild(label);
+            const path = new TimeLinePath();
+            path.startPos = { x: i * width, y: 0 };
+            path.endPos = { x: i * width, y: height };
+            path.lineColor = '#ffadd2';
+            this.addChild(path);
+        }
+    }
+    render(e) {
+    }
+}
+class TimeTickContainer extends TickContainer {
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '时刻';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new TimeTickControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+class TimeTickControl extends TimelineBaseControl {
+    constructor() {
+        super();
+        this.border = 1;
+        this.borderColor = '#000';
+    }
+    showDays = 7;
+    buildOverride(e) {
+        const { timeTickHours, timeTickWidth } = timelineConfig;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            for (let j = 1; j <= ticks; j++) {
+                const hourOffset = j * timeTickHours;
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const text = hourOffset + '';
+                const label = new LabelNode();
+                label.text = text;
+                label.fontSize = timelineConfig.fontSize;
+                label.fontName = timelineConfig.fontName;
+                const dateTitleWidth = e.render.measureText2(text, label);
+                label.x = x - timeTickWidth + (timeTickWidth - dateTitleWidth) / 2;
+                label.y = 0;
+                this.addChild(label);
+            }
+        }
+    }
+    render(e) {
+        const { timeTickHours, timeTickWidth } = timelineConfig;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            for (let j = 1; j <= ticks; j++) {
+                const x = i * timeTickWidth * ticks + j * timeTickWidth;
+                const color = j < ticks ? '#69c0ff' : '#ffadd2';
+                e.render.strokeLines([{
+                        x,
+                        y: 0
+                    }, { x, y: this.finalRect.height }], 1, color);
+            }
+        }
+    }
+}
+class InPatDaysTickContainer extends TickContainer {
+    //inPatDaysControl: InPatDaysControl;
+    tickTitleControl;
+    constructor() {
+        super();
+        this.tickTitleControl = new TimeTickTitleControl();
+        this.tickTitleControl.title = '住院天数';
+        this.tickTitleControl.height = timelineConfig.tickHeaderHeight;
+        this.tickControl = new InPatDaysControl();
+        this.tickControl.height = timelineConfig.tickHeaderHeight;
+        this.addChild(this.tickControl);
+        this.addChild(this.tickTitleControl);
+        this.height = timelineConfig.tickHeaderHeight;
+    }
+    /**
+     * 设置标题和刻度宽度
+     * @param titleWidth
+     * @param tickWidth
+     */
+    setLayout(titleWidth, tickWidth) {
+        this.width = tickWidth + titleWidth;
+        this.tickTitleControl.width = titleWidth;
+        this.tickControl.width = tickWidth;
+        this.tickControl.x = titleWidth;
+    }
+    render(e) {
+    }
+}
+class InPatDaysControl extends TimelineBaseControl {
+    buildOverride(e) {
+        const { timeTickHours, timeTickWidth } = timelineConfig;
+        const height = this.height;
+        const ticks = 24 / timeTickHours;
+        for (let i = 0; i < this.showDays; i++) {
+            const width = ticks * timeTickWidth;
+            const text = (i + 1) + '';
+            const label = new LabelNode();
+            label.text = text;
+            label.fontSize = timelineConfig.fontSize;
+            label.fontName = timelineConfig.fontName;
+            const dateTitleWidth = e.render.measureText2(text, label);
+            label.x = i * width + (width - dateTitleWidth + label.fontSize) / 2;
+            label.y = (height - label.fontSize) / 2;
+            this.addChild(label);
+            const path = new TimeLinePath();
+            path.startPos = { x: i * width, y: 0 };
+            path.endPos = { x: i * width, y: height };
+            path.lineColor = '#ffadd2';
+            this.addChild(path);
+        }
+    }
+    render(e) {
+    }
+}
+
+class TimelineScrollBar extends NodeItems {
+    //滚动条方向
+    orientation = 'horizontal';
+    thumb;
+    thumbSize = 10;
+    //按照百分比计算
+    scrollChanged = new Subject();
+    //总滚动宽度
+    scrollSize = 0;
+    //显示区域宽度
+    viewSize = 0;
+    scrollX = 0;
+    scrollY = 0;
+    constructor(orientation) {
+        super();
+        this.bgColor = '#fff';
+        this.border = 1;
+        this.borderColor = '#000';
+        this.height = 16;
+        this.orientation = orientation;
+        this.thumb = new ScrollThumb();
+        this.addChild(this.thumb);
+        this.thumb.addEventListener('mousedown', evt => {
+            const pos = { ...evt.pos };
+            const { x, y } = this.thumb.finalRect;
+            const mouseMoveListener = (evt2) => {
+                //const scrollView = this.parent as ScrollView;
+                const pos2 = evt2.pos;
+                let moveX = pos2.x - pos.x;
+                let moveY = pos2.y - pos.y;
+                moveX += x;
+                moveY += y;
+                moveX = (moveX / this.finalRect.width) * this.scrollSize;
+                moveY = (moveY / this.finalRect.height) * this.scrollSize;
+                this.updateScroll(moveX, moveY);
+            };
+            const mouseUpListener = (evt3) => {
+                this.thumb.removeEventListener('mousemove', mouseMoveListener);
+                this.thumb.removeEventListener('mouseup', mouseUpListener);
+            };
+            this.thumb.addEventListener('mousemove', mouseMoveListener);
+            this.thumb.addEventListener('mouseup', mouseUpListener);
+        });
+    }
+    updateScroll(x, y) {
+        //const scrollView = this.parent as ScrollView;
+        if (this.orientation === 'horizontal') {
+            if (this.finalRect.height === 0) {
+                return;
+            }
+            if (x + this.viewSize > this.scrollSize) {
+                x = this.scrollSize - this.viewSize;
+            }
+            x = x < 0 ? 0 : x;
+            this.scrollChanged.next(x);
+            this.scrollX = x;
+        }
+    }
+    updateScrollByCurrent(increaseX, increaseY) {
+        //const scrollView = this.parent as ScrollView;
+        increaseX += this.scrollX;
+        increaseY += this.scrollY;
+        this.updateScroll(increaseX, increaseY);
+    }
+    measureOverride(e, availableSize) {
+        if (this.orientation === 'horizontal') {
+            return this.measureHorizontalBar(e, availableSize);
+        }
+        else {
+            //return this.measureVerticalBar(e, availableSize);
+            throw new Error('未实现');
+        }
+    }
+    /**
+     * 横向滚动条测量
+     */
+    measureHorizontalBar(e, availableSize) {
+        if (this.scrollSize > this.viewSize) {
+            //计算滚动按钮的长度
+            const thumbWidth = (this.viewSize / this.scrollSize) * availableSize.width;
+            this.thumb.measure(e, { width: thumbWidth, height: this.thumbSize });
+            return { width: availableSize.width, height: ScrollBarSize };
+        }
+        else {
+            this.thumb.measure(e, { width: 0, height: 0 });
+            return { width: 0, height: 0 };
+        }
+    }
+    arrangeOverride(e, finalSize) {
+        //const scrollView = this.parent as ScrollView;
+        const { width, height } = this.thumb.desiredSize;
+        const x = this.orientation === 'horizontal' ? (this.scrollX / this.scrollSize) * finalSize.width : (ScrollBarSize - this.thumbSize) / 2;
+        const y = this.orientation === 'horizontal' ? (ScrollBarSize - this.thumbSize) / 2 : (this.scrollY / this.scrollSize) * finalSize.height;
+        this.thumb.arrange(e, { x, y, width, height });
+        return super.arrangeOverride(e, finalSize);
+    }
+    render(e) {
+        //e.render.contentContext.clearRect(0,0,this.finalRect.width,this.finalRect.height);
+        //e.render.fillRect(0, 0, this.finalRect.width, this.finalRect.height, 'red')
+    }
+}
+
+function createTimeline() {
+    const timeline = new TimelineControl();
+    timeline.width = 940;
+    const timeGridContainer = new TimeGridContainer();
+    //timeGridContainer.y = 80;
+    const timelineGridControl = timeGridContainer.timelineGridControl; //new TimeLineControl();
+    timelineGridControl.showDays = 30;
+    timelineGridControl.width = timelineGridControl.getLayoutWidth();
+    timelineGridControl.height = 300;
+    timelineGridControl.init();
+    const tempValueRule = new TemperatureValueRuleControl();
+    tempValueRule.temperatureTimeLineValueModel = timelineGridControl.temperatureTimeLineValueModel;
+    tempValueRule.bgColor = '#fff';
+    tempValueRule.height = timelineGridControl.height;
+    timeGridContainer.timeValueRuleContainer.addChild(tempValueRule);
+    tempValueRule.addEventListener('mouseenter', evt => {
+        tempValueRule.bgColor = 'grey';
+        const mousemoveHandler = () => {
+            tempValueRule.bgColor = '#fff';
+            tempValueRule.removeEventListener('mouseleave', mousemoveHandler);
+        };
+        tempValueRule.addEventListener('mouseleave', mousemoveHandler);
+    });
+    const heartRateValueRule = new HeartRateValueRuleControl();
+    heartRateValueRule.heartRateTimeLineValueModel = timelineGridControl.heartRateTimeLineValueModel;
+    heartRateValueRule.bgColor = '#fff';
+    heartRateValueRule.height = timelineGridControl.height;
+    timeGridContainer.timeValueRuleContainer.addChild(heartRateValueRule);
+    heartRateValueRule.addEventListener('mouseenter', evt => {
+        heartRateValueRule.bgColor = 'grey';
+        const mousemoveHandler = () => {
+            heartRateValueRule.bgColor = '#fff';
+            heartRateValueRule.removeEventListener('mouseleave', mousemoveHandler);
+        };
+        heartRateValueRule.addEventListener('mouseleave', mousemoveHandler);
+    });
+    timeGridContainer.timeValueRuleContainer.init();
+    const titleWidth = timeGridContainer.timeValueRuleContainer.getLayoutWidth();
+    timeGridContainer.timeValueRuleContainer.width = titleWidth;
+    timeGridContainer.timeValueRuleContainer.height = timelineGridControl.height;
+    timeGridContainer.timelineGridControl.x = timeGridContainer.timeValueRuleContainer.width;
+    const dateHeader = new DateTickContainer();
+    dateHeader.showDays = timelineGridControl.showDays;
+    dateHeader.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(dateHeader);
+    const inDaysHeader = new InPatDaysTickContainer();
+    inDaysHeader.showDays = timelineGridControl.showDays;
+    inDaysHeader.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(inDaysHeader);
+    const timeHeader = new TimeTickContainer();
+    timeHeader.showDays = timelineGridControl.showDays;
+    timeHeader.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(timeHeader);
+    timeline.addChild(timeGridContainer);
+    const hxStatus = new TimelineHXStatusContainer();
+    hxStatus.showDays = timelineGridControl.showDays;
+    hxStatus.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(hxStatus);
+    const xbStatus = new TimelineXBStatusContainer();
+    xbStatus.showDays = timelineGridControl.showDays;
+    xbStatus.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(xbStatus);
+    const otStatus = new TimelineOtherStatusContainer();
+    otStatus.showDays = timelineGridControl.showDays;
+    otStatus.setLayout(titleWidth, timelineGridControl.width);
+    timeline.addChild(otStatus);
+    const timelineScrollbar = new TimelineScrollBar('horizontal');
+    timelineScrollbar.scrollSize = timelineGridControl.width;
+    timelineScrollbar.viewSize = 840;
+    timelineScrollbar.width = timeline.width;
+    timelineScrollbar.scrollChanged.subscribe(data => {
+        dateHeader.scrollX = data;
+        inDaysHeader.scrollX = data;
+        timeHeader.scrollX = data;
+        timeGridContainer.scrollX = data;
+        xbStatus.scrollX = data;
+        hxStatus.scrollX = data;
+        otStatus.scrollX = data;
+    });
+    timeline.addChild(timelineScrollbar);
+    return timeline;
+}
+
+/**
+ * Node宽度定义
+ * 1.在单页模式下，文档最小宽度为单个文档宽度+合适的外边距
+ * 2.在多页模式下，文档最小宽度为单个文档宽度+合适的外边距
+ */
+class CanvasTextEditor extends AbsolutePanel {
+    container;
+    contentCtx;
+    viewOptions;
+    docCtx;
+    docComment;
+    renderContext;
+    documentPaint;
+    elementReader;
+    documentEvent;
+    documentSelection;
+    documentInput;
+    documentChange;
+    selectionOverlays;
+    //private docRule: DocRule;
+    historyMange;
+    selectionChanged = new Subject$1();
+    beforeRenderSubject = new Subject$1();
+    afterRenderSubject = new Subject$1();
+    selectionState;
+    //显示右键菜单
+    onContextMenuItemChanged = new Subject$1();
+    onDblClickEvent = new Subject$1();
+    onClickEvent = new Subject$1();
+    onScrollViewEvent = new Subject$1();
+    //文档改变事件:内容及样式，业务模块需要根据此事件，来追踪当前文档是否改变的状态
+    onDocChangedEvent = new Subject$1();
+    //执行flushTask,refreshDoc之前，此时可以在文档计算排版之前改变内容
+    onBeforeRefreshDocument = new Subject$1();
+    editCanvas;
+    editInput;
+    constructor(container) {
+        super();
+        this.container = container;
+        this.createDocDOM();
+        this.viewOptions = new ViewOptions();
+        this.documentSelection = new DocumentSelection();
+        this.docCtx = new EditorContext(this.documentSelection.selectionState, this.viewOptions);
+        this.viewOptions.copyRightInfo = '电子病历编辑器(XXX版权所有)';
+        this.viewOptions.drawCharRectColor = 'green';
+        this.viewOptions.showLineRect = true;
+        this.viewOptions.docSpace = 20;
+        this.viewOptions.reviewWindowWidth = 200;
+        this.viewOptions.defaultFontName = '宋体';
+        //this.viewOptions.scale = 2;
+        //整个画布的尺寸
+        this.viewOptions.viewSettings = {
+            width: 1000,
+            height: 200
+        };
+        this.viewOptions.editUser = {
+            id: '6666',
+            name: '管理员'
+        };
+        this.viewOptions.fullPageView = false;
+        this.createDocViewer();
+        this.docComment = new DocumentComment(this.docCtx);
+        this.contentCtx = this.editCanvas.getContext('2d');
+        this.renderContext = new RenderContext(new PaintContent(this.contentCtx));
+        this.renderContext.init({ width: 500, height: 500, scale: 1 });
+        this.selectionState = this.documentSelection.selectionState;
+        this.selectionOverlays = new SelectionOverlays(this.documentSelection.selectionState);
+        this.documentPaint = new DocumentPaint(this.renderContext, this.docCtx, this.selectionOverlays.selectedSets);
+        this.elementReader = new ElementReader(this.docCtx);
+        this.documentInput = new DocumentInput(this, this.docCtx);
+        this.documentChange = new DocumentChange(this.elementReader, this.docCtx, this.docComment, this.documentInput);
+        this.documentEvent = new DocumentEvent(this, this.documentPaint, this.docCtx, this.documentInput);
+        this.historyMange = new ElementTrackManage(this.docCtx, this.elementReader);
+        this.documentEvent.hitInfoChanged.subscribe((hitInfo) => {
+            this.hitInfoChanged(hitInfo);
+        });
+        this.documentEvent.clickEvent.subscribe((evt) => {
+            this.docClickHandle(evt);
+        });
+        this.documentEvent.dblClickEvent.subscribe((evt) => {
+            this.docDblClickHandle(evt);
+        });
+        this.documentEvent.changeCursor.subscribe((cursor) => {
+            this.changeCursor(cursor);
+        });
+        this.documentEvent.contextMenu.subscribe(evt => {
+            this.onContextMenu(evt);
+        });
+        this.documentEvent.trackTipsChanged.subscribe(data => {
+        });
+        this.docCtx.docChange = this.documentChange;
+        //this.listenContainerHeight();
+        this.start();
+        this.refreshDocRule();
+        this.docCtx.syncRefresh = () => {
+            this.flushToSchedule();
+        };
+        this.viewOptions.onChange.subscribe((type) => {
+            this.resetViewer(type);
+        });
+    }
+    createDocDOM() {
+        const container = document.getElementById(this.container);
+        const canvas = document.createElement('canvas');
+        const input = document.createElement('input');
+        container.style.overflow = 'hidden';
+        container.style.position = 'relative';
+        container.style.fontSize = '0';
+        container.style.height = '100%';
+        input.style.position = 'absolute';
+        input.style.width = '1px';
+        input.style.padding = '0';
+        input.style.border = 'none';
+        input.style.outline = 'none';
+        input.style.background = 'black';
+        input.style.pointerEvents = 'none';
+        this.editCanvas = canvas;
+        this.editInput = input;
+        container.appendChild(canvas);
+        container.appendChild(input);
+        container.insertAdjacentElement('afterbegin', input);
+        container.insertAdjacentElement('afterbegin', canvas);
+    }
+    destroyDOM() {
+        this.editInput.remove();
+        this.editCanvas.remove();
+    }
+    /**
+     * 设置标尺
+     */
+    refreshDocRule() {
+        let docLeft = 0; //CommonUtil.getOffsetX(this.editCanvas.parentElement as HTMLDivElement);
+        let pagePL = 0, pagePR = 0;
+        if (this.documentPaint.docContainer) {
+            docLeft += this.documentPaint.docContainer.rect.x;
+        }
+        if (this.docCtx.document?.props?.padding) {
+            const { left, right } = this.docCtx.document.props.padding;
+            pagePL = left;
+            pagePR = right;
+        }
+        this.rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
+    }
+    createDocViewer() {
+        this.viewOptions.mmToPixelsRatio = this.measureMMToPixs();
+        const width = Math.floor(210 * this.viewOptions.mmToPixelsRatio);
+        const height = Math.floor(297 * this.viewOptions.mmToPixelsRatio);
+        this.viewOptions.docPageSettings = new PageOptions(width, height);
+        // this.docScroll.onscroll = (evt) => {
+        //     //this.onScrollViewHandler(evt);
+        // };
     }
     measureMMToPixs() {
         const div = document.createElement('div');
@@ -20697,7 +22147,7 @@ class CanvasTextEditor extends AbsolutePanel {
         }
         const elementEvent = new ContextMenuElementEvent(this.docCtx);
         elementEvent.source = startControl;
-        DocumentEvent.invokeEvent('ElementContextMenu', startControl, elementEvent, 'All', this.docCtx);
+        DocumentEvent.invokeEvent('ElementContextMenu', startControl, elementEvent, 'All');
         const position = { x: evt.offsetX + 10, y: evt.offsetY, translateY: this.viewOptions.pageOffset.y };
         this.onContextMenuItemChanged.next({ pos: position, menus: elementEvent.menus });
     }
@@ -20796,6 +22246,9 @@ class CanvasTextEditor extends AbsolutePanel {
     destroy() {
         this.docCtx.destroy();
         this.documentEvent.clearSubEvent();
+        this.selectionState.destroy();
+        this.surfaceView.destroy();
+        this.destroyDOM();
         this.flushTask = null;
     }
     /**
@@ -20863,14 +22316,16 @@ class CanvasTextEditor extends AbsolutePanel {
         return null;
     }
     /**
-     * 设置段落对齐
-     * @param align
+     * 设置段落样式
+     * @param newProps
      */
-    switchParaAlign(align) {
+    setParaStyle(newProps) {
         const setterFunc = (paraProps) => {
-            paraProps.textAlign = align;
+            Object.keys(newProps).forEach(key => {
+                paraProps[key] = newProps[key];
+            });
         };
-        DocumentChange.setParaAlign(this.selectionState, setterFunc);
+        DocumentChange.setParaStyle(this.selectionState, setterFunc);
     }
     combineCell() {
         TableUtil.mergeCells(this.selectionState);
@@ -21081,80 +22536,6 @@ class CanvasTextEditor extends AbsolutePanel {
         this.viewOptions.pageLayoutMode = mode;
         this.flushToSchedule();
     }
-    // test2(): void {
-    //     //获取文档上下文
-    //     const docEleCtx = this.docCtx.getCtx(this.docCtx.document);
-    //     //获取年龄数据元
-    //     const dataEle = docEleCtx.getControlById('1493477712134672386') as DataElementText;
-    //     //获取要隐藏的数据组
-    //     const dataGroup = docEleCtx.ctx.treeFind((item) => item instanceof DataElementGroupElement) as DataElementGroupElement;
-    //     //侦听数据元更改时间
-    //     dataEle.onChangeSubject.subscribe((e) => {
-    //         //在文档重新排版、绘制前，获取最终的指定节点的内容
-    //         const beforeRefreshSub = this.onBeforeRefreshDocument.subscribe((e2) => {
-    //             console.log('内容发生改变，隐藏数据组');
-    //             //获取年龄数据元输入的值
-    //             const age = Number.parseInt(dataEle.getValue());
-    //             //年龄大于20，隐藏数据元
-    //             dataGroup.props.hidden = age > 20;
-    //             //取消订阅事件
-    //             beforeRefreshSub.unsubscribe();
-    //         });
-    //
-    //     });
-    // }
-    //
-    // //修改纸张尺寸,单位为毫米
-    // //editor.setPaperSize(200,150)
-    // test3(width: number, height: number): void {
-    //     this.setPaperSize(200, 150);
-    // }
-    //
-    // //在当前段落后面插入新的段落，段落内容为当前时间
-    // test4(): void {
-    //     const {startControl} = this.selectionState;
-    //     if (!startControl) {
-    //         return;
-    //     }
-    //     //1.获取当前段落
-    //     const currentParagraph = ElementUtil.getParentByType(startControl, ParagraphElement) as ParagraphElement;
-    //     //2.创建新段落对象
-    //     const newPara = ParagraphElement.createElement();
-    //
-    //     //3.创建文本对象
-    //     const newText = new TextGroupElement();
-    //     newText.text = '当前时间为' + new Date();
-    //     newText.props.fontName = '楷体';
-    //     newText.props.fontSize = 18;
-    //     newText.props.color = '#5b8c00';
-    //     //4.将文本对象追加到新段落中
-    //     newPara.addChild(newText);
-    //     //5.在当前段落后面追加新段落
-    //     currentParagraph.parent.addChild(newPara, currentParagraph.getIndex() + 1);
-    //     //6.定位光标到新段落末尾处
-    //     this.selectionState.resetRange(newText,-1);
-    // }
-    //
-    // //在当前位置插入文本数据元
-    // test5():void{
-    //     const {startControl} = this.selectionState;
-    //     if (!startControl) {
-    //         return;
-    //     }
-    //     const newDataTextElement=new DataElementText();
-    //     newDataTextElement.props.nullText='请输入内容';
-    //     newDataTextElement.props.nullTextProps=new TextProps();
-    //     newDataTextElement.props.nullTextProps.fontSize=16;
-    //     newDataTextElement.props.nullTextProps.fontName='宋体';
-    //     newDataTextElement.props.nullTextProps.color='#ffc53d';
-    //     newDataTextElement.props.valueTextProps=new TextProps();
-    //     newDataTextElement.props.valueTextProps.fontSize=18;
-    //     newDataTextElement.props.valueTextProps.fontName='楷体';
-    //     newDataTextElement.props.valueTextProps.color='red';
-    //     this.insertNewElement(newDataTextElement);
-    //
-    // }
-    //
     // //覆盖修改页眉
     // test6():void{
     //     //1.获取页眉对象
@@ -21214,7 +22595,8 @@ class CanvasTextEditor extends AbsolutePanel {
         const win = new Window();
         win.width = 1000;
         win.height = 800;
-        //win.content.addChild(timelineScrollbar)
+        const timeLineControl = createTimeline();
+        win.content.addChild(timeLineControl);
         const rule2 = new RuleControl(this.docCtx);
         this.rule = rule2;
         rule2.width = 700;
@@ -21430,26 +22812,6 @@ class CanvasTextEditor extends AbsolutePanel {
     insertNewRow(tb, insertRowIndex) {
         return TableUtil.insertNewRow(tb, insertRowIndex);
     }
-    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);
-    }
 }
 
 /**
@@ -21737,5 +23099,5 @@ function removeDuplicatesEvent(events) {
     return arr;
 }
 
-export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CanvasTextEditor, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommentsUtil, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, DOMEventSource, DOMSubscription, DataDecorateElement, DataDecorateProps, DataDecorateRenderObject, DataEleBaseProps, DataEleBaseTextProps, DataEleCheckProps, DataEleDateProps, DataEleImageProps, DataEleListProps, DataEleMHProps, DataElementBarcode, DataElementBarcodeFactory, DataElementBarcodeProps, DataElementBarcodeRenderObject, DataElementBaseFactory, DataElementCheck, DataElementCheckFactory, DataElementCheckRenderObject, DataElementDate, DataElementDateFactory, DataElementDateRenderObject, DataElementGroupElement, DataElementGroupFactory, DataElementGroupProps, DataElementGroupRenderObject, DataElementImage, DataElementImgFactory, DataElementInlineGroup, DataElementLeaf, DataElementList, DataElementListFactory, DataElementListRenderObject, DataElementMH, DataElementMHFactory, DataElementRenderObject, DataElementText, DataElementTextFactory, DataElementTextRenderObject, DataImageRenderObject, DataRenderMH, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentImagesBaseLoader, DocumentImagesLoader, DocumentInput, DocumentPaint, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementPaint, ElementReader, ElementSerialize, ElementUtil, EventMap, EventSourceCore$1 as EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, IsInSideDataElement, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag$1 as ModifyFlag, MouseElementEvent, MousedownElementEvent, MuiltBlockLineRenderObject, OnceSubject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RunElementFactory, SelectionOverlays, SelectionRange, SelectionState, Subject$1 as Subject, SubjectSubscription$1 as SubjectSubscription, Subscription$1 as Subscription, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, clearChildrenRenderCache, createPrintTemplate, defaultParaHanging, deleteCurrentParagraph, documentPrint, drawDecorator, elementTypeEventHandler, fontMapFunc, fromEvent, getCalleeName, getFocusTextSegment, invokeTypeHandler, isDate, objectToString, onTableContextmenu, onceTask$1 as onceTask, parser, printDocOnContextmenu, printNodes, reactiveMap, runTextLineRender, setDataElementProps, setNotifyChangedCallback, targetMaps, textLineRenderMode, toRawType, toTypeString, validateDataEle, validateDataEleRenderObj, validateInlineInputRenderObj, watchChanged };
+export { BlockContainerElement, BlockContainerRenderObject, BlockContentElement, BlockContentRenderObject, BlockLineRectRenderObject, BodyPartProps, BooleanEnum, BorderProps, BranchElement, BranchRenderObject, BreakElement, BreakFactory, BreakRenderObject, CanvasTextEditor, CheckBoxElement, CheckBoxFactory, CheckBoxProps, CheckBoxRenderObject, ColumnPatchUtil, CommContentBaseElement, CommContentBaseRenderObject, CommContentElement, CommContentProps, CommContentRenderObject, CommProps, CommentContentFactory, CommentElement, CommentFactory, CommentRenderObject, CommentsFactory, CommentsUtil, CommonUtil, CommsContainerElement, CommsContainerRenderObject, ContentMenuItem, ContextMenuElementEvent, DOMEventSource, DOMSubscription, DataDecorateElement, DataDecorateProps, DataDecorateRenderObject, DataEleBaseProps, DataEleBaseTextProps, DataEleCheckProps, DataEleDateProps, DataEleImageProps, DataEleListProps, DataEleMHProps, DataElementBarcode, DataElementBarcodeFactory, DataElementBarcodeProps, DataElementBarcodeRenderObject, DataElementBaseFactory, DataElementCheck, DataElementCheckFactory, DataElementCheckRenderObject, DataElementDate, DataElementDateFactory, DataElementDateRenderObject, DataElementGroupElement, DataElementGroupFactory, DataElementGroupProps, DataElementGroupRenderObject, DataElementImage, DataElementImgFactory, DataElementInlineGroup, DataElementLeaf, DataElementList, DataElementListFactory, DataElementListRenderObject, DataElementMH, DataElementMHFactory, DataElementRenderObject, DataElementText, DataElementTextFactory, DataElementTextRenderObject, DataImageRenderObject, DataRenderMH, DocMode, DocumentBodyElement, DocumentBodyFactory, DocumentBodyPartElement, DocumentBodyPartFactory, DocumentBodyPartRenderObject, DocumentBodyRenderObject, DocumentChange, DocumentCombine, DocumentComment, DocumentContainerRender, DocumentContext, DocumentCursor, DocumentElement, DocumentEvalFunc, DocumentEvent, DocumentFactory, DocumentFooterElement, DocumentFooterFactory, DocumentFooterRenderObject, DocumentHeaderElement, DocumentHeaderFactory, DocumentHeaderRenderObject, DocumentImagesBaseLoader, DocumentImagesLoader, DocumentInput, DocumentPaint, DocumentPrintOffscreen, DocumentPrintOffscreenBase, DocumentProps, DocumentRenderObject, DocumentSelection, DocumentTemplate, DropElementEvent, EditMode, EditorContext, Element, ElementEvent, ElementFactory, ElementPaint, ElementReader, ElementSerialize, ElementUtil, EventMap, EventSourceCore$1 as EventSourceCore, FillNullSpaceElement, FillNullSpaceRenderObject, GetTrackTipsEvent, GotCursorEvent, IDispose, INotifyPropertyChanged, InlineBlockContainer, InlineGroupElement, InlineGroupInputElement, InlineGroupRenderObject, InlineMuiltBlockLineRenderObject, InputElementEvent, IsInSideDataElement, IsInSideInlineGroupInputElement, KeyboradElementEvent, LeafElement, LeafRenderObject, LostCursorEvent, MarginProps, ModifyFlag$1 as ModifyFlag, MouseElementEvent, MousedownElementEvent, MuiltBlockLineRenderObject, OnceSubject, PSymbolElement, PSymbolRenderObject, PaddingProps, PageOptions, PaintContent, ParagraphElement, ParagraphFactory, ParagraphLineRectRenderObject, ParagraphNumberType, ParagraphProps, ParagraphRenderObject, PictureElement, PictureFactory, PictureProps, PictureRenderObject, RadioBoxElement, RadioBoxFactory, RadioBoxProps, RadioBoxRenderObject, RangeUtil, Rect, RenderContext, RenderObject, RenderObjectType, ResizeLeafRenderObject, RunElementFactory, SelectionOverlays, SelectionRange, SelectionState, Subject$1 as Subject, SubjectSubscription$1 as SubjectSubscription, Subscription$1 as Subscription, TableCellElement, TableCellFactory, TableCellProps, TableCellRenderObject, TableElement, TableFactory, TableProps, TableRenderObject, TableRowElement, TableRowFactory, TableRowProps, TableRowRenderObject, TableSplitCell, TableUtil, TextGroupElement, TextGroupFactory, TextGroupRenderObject, TextProps, TrackRunElement, TrackRunProps, TrackRunRenderObject, TrackRunTypeEnum, ValidateCondition, ValidateElement, ValidateProps, ValidateRenderObject, ViewOptions, clearChildrenRenderCache, createPrintTemplate, defaultParaHanging, deleteCurrentParagraph, documentPrint, drawDecorator, elementTypeEventHandler, falseChar, fontMapFunc, fromEvent, getCalleeName, getFocusTextSegment, invokeTypeHandler, isDate, objectToString, onTableContextmenu, onceTask$1 as onceTask, parser, printDocOnContextmenu, printNodes, reactiveMap, runTextLineRender, setDataElementProps, setNotifyChangedCallback, targetMaps, textLineRenderMode, toRawType, toTypeString, trueChar, validateDataEle, validateDataEleRenderObj, validateInlineInputRenderObj, watchChanged };
 //# sourceMappingURL=index.js.map