@hailin-zheng/editor-core 1.0.61 → 1.1.0

package/README.md

@@ -79,7 +79,7 @@
 * <a href="#setCellBackground">setCellBackground 表格背景颜色</a>
 
 <h3 id="summary"><code>简介</code></h3>
-编辑器 基于 ts+canvas。运行环境新版浏览器。
+编辑器 基于 ts+canvas。运行环境现代主流浏览器(chrome等)。
 
 <h3 id="install"><code>安装</code></h3>
 执行 npm i editor-core，安装编辑器。从 “editor-core” 可以引入编辑器类editor-core、loadDoc等导出的属性方法。
@@ -1635,7 +1635,96 @@ const getSelectionState = (): SelectionState => getEditor().selectionState;
 ```
 <!-- /div -->
 
-
+<h3>如果当前性别为男性，隐藏月经史数据元</h3>
+```js
+ //获取文档上下文
+        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();
+            });
+
+        });
+```
+<h3>插入新段落</h3>
+说明：在当前段落后面插入新段落,段落的内容为当前时间
+
+```typescript
+        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);
+```
+<h3>插入文本数据元</h3>
+说明：在当前位置插入文本数据元
+```typescript
+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='#096dd9';
+        this.insertNewElement(newDataTextElement);
+```
+<h3>修改页眉</h3>
+说明：可以批量修改所有模板的页眉
+```typescript
+        //1.获取页眉对象
+        const headerElement=this.docCtx.document.headerElement;
+
+        //2.创建新段落对象
+        const newPara = ParagraphElement.createElement();
+        //3.段落文本居中显示
+        newPara.props.textAlign='center';
+        //4.创建文本对象
+        const newText = new TextGroupElement();
+        newText.text = 'XXX人民医院病历文书';
+        newText.props.fontName = '楷体';
+        newText.props.fontSize = 28;
+        newText.props.color = '#000';
+        //5.将文本对象追加到新段落中
+        newPara.addChild(newText);
+
+        //6.清除页眉内容，并添加新内容
+        headerElement.clearItems();
+        headerElement.addChild(newPara);
+```
 <!-- 
 编辑页脚页眉
 双击页眉，body，页脚 开启是否可编辑，默认body 是可编辑；

package/controls/ButtonBase.d.ts

@@ -0,0 +1,10 @@
+import { IMeasureEvent, IRenderData, Size } from "./Node";
+import { TextBase } from "./TextBase";
+export declare class ButtonBase extends TextBase {
+    constructor();
+    render(e: IRenderData): void;
+}
+export declare class Button extends ButtonBase {
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    render(e: IRenderData): void;
+}

package/controls/Canvas.d.ts

@@ -0,0 +1,10 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, Panel, Size } from "./Node";
+/**
+ * 采用绝对布局系统的容器
+ */
+export declare class Canvas extends Panel {
+    constructor();
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}

package/controls/Config.d.ts

@@ -0,0 +1,11 @@
+export declare const ViewConfig: {
+    surfaceBgColor: string;
+    primaryColor: string;
+    onPrimaryColor: string;
+    themeSecondaryColor: string;
+    bgShadowBlur: number;
+    bgShadowColor: string;
+    textPrimaryColor: string;
+    textSecondaryColor: string;
+    buttonBgColor: string;
+};

package/controls/FlexBox.d.ts

@@ -0,0 +1,81 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeCore, NodeItems, Rect, Size } from "./Node";
+export declare class FlexBox extends NodeItems {
+    /**
+     * 轴线方向
+     */
+    flexDirection: 'row' | 'column';
+    /**
+     * 当主轴方向无法放置主元素时是否换行显示
+     */
+    flexWrap: 'no' | 'wrap';
+    /**
+     * 定义元素在主轴方向如果有剩余空间时，如何排列子元素
+     * 重要：如果容器禁止换行，而且内容超出主轴尺寸，justify-content会有影响
+     * flex-start:从主轴方向默认从左向右排列
+     * center:主轴方向居中
+     * flex-end:主轴方向从右向左排列
+     * space-between：除掉首尾元素，剩余空间执行->space-evenly算法
+     * space-around:主轴剩余的空间除以(元素数量*2)，均分到每个元素左右两侧
+     * space-evenly:主轴剩余的空间除以(元素数量+1),均分到每个元素中间；类似space-between,但是不排除首尾元素
+     */
+    justifyContent: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
+    /**
+     * 定义交叉轴上元素的排列，算法与justifyContent一致
+     * 重要：所有行的垂轴是同样的
+     * 该属性对单行弹性盒子模型无效。（即：带有 flex-wrap: nowrap）
+     * stretch:交叉轴方向拉伸元素大小适应"当前行",如果项目设定了尺寸，则项目属性尺寸的优先级最高，该属性不生效
+     */
+    alignContent: 'normal' | 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
+    /**
+     * 作用类似alignContent
+     * 重要：每一行的垂轴对应到每一行
+     */
+    alignItems: 'flex-start' | 'center' | 'flex-end' | 'stretch';
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+    /**
+     * 预先测量所有元素
+     */
+    private preMeasureItems;
+    /**
+     * 预先测量轴线方向为row
+     */
+    private measureRow;
+    private arrangeRow;
+    /**
+     * 横轴排版,排版每行内子项的X
+     * @param lines
+     * @param finalSize
+     */
+    arrangeJustifyContent(lines: Array<MainAxisLine>, finalSize: Size): void;
+    private arrangeAlignItems;
+    /**
+     * 获取行
+     */
+    private getRowLines;
+    /**
+     * 排版行
+     * @private
+     */
+    private arrangeRowLines;
+    private arrangeItems;
+    private preMeasureColumn;
+}
+/**
+ * 主轴线
+ */
+interface MainAxisLine {
+    height: number;
+    width: number;
+    maxItemWidth: number;
+    maxItemHeight: number;
+    items: Array<ItemPreArrangeRect>;
+    x: number;
+    y: number;
+}
+interface ItemPreArrangeRect {
+    node: NodeCore;
+    finalRect: Rect;
+}
+export {};

package/controls/Input.d.ts

@@ -0,0 +1,33 @@
+import { TextSelectionRange } from "./Text";
+import { IOnMousedownEvent, IOnMousemoveEvent } from "./NodeEvent";
+import { IRenderData } from "./Node";
+import { TextBase } from "./TextBase";
+export declare class InputCore extends TextBase {
+    selectionRange: TextSelectionRange | null;
+    lines: Array<TextLine>;
+    constructor();
+    private input;
+    private onBackspaceHandler;
+    focus(): void;
+    blur(): void;
+    onMousedownHandler(evt: IOnMousedownEvent): void;
+    onMousedownMoveHandler(evt: IOnMousemoveEvent): void;
+    private getClickTextOffset;
+    /**
+     * 绘制光标
+     * @private
+     */
+    private drawCaret;
+    private getCaretPos;
+    render(e: IRenderData): void;
+}
+interface TextLine {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    lineUnits: Array<{
+        sourceSize: number;
+    }>;
+}
+export {};

package/controls/MedTimeLine/TimeAxis.d.ts

@@ -0,0 +1,21 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeCore, NodeItems, Size } from "../Node";
+export declare class TimeAxis extends NodeItems {
+    get startDate(): Date;
+    set startDate(value: Date);
+    get endDate(): Date;
+    set endDate(value: Date);
+    dataPoints: Array<TimeAxisPoint>;
+    private _startDate;
+    private _endDate;
+    constructor();
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class TimeAxisPoint extends NodeCore {
+    xTime: Date;
+    yValue: number;
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}

package/controls/MedTimeLine/TimeSlider.d.ts

@@ -0,0 +1,19 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeItems, Size } from "../Node";
+import { ButtonBase } from "../ButtonBase";
+export declare class TimeSlider extends NodeItems {
+    leftButton: TimeSlideButton;
+    rightButton: TimeSlideButton;
+    constructor();
+    get startDate(): Date;
+    set startDate(value: Date);
+    get endDate(): Date;
+    set endDate(value: Date);
+    private _startDate;
+    private _endDate;
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class TimeSlideButton extends ButtonBase {
+    render(e: IRenderData): void;
+}

package/controls/Menu.d.ts

@@ -0,0 +1,31 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeItems, Size } from "./Node";
+import { LabelNode } from "./Text";
+export declare class Menu extends NodeItems {
+    isFocused: boolean;
+    constructor();
+    /**
+     * 关闭所有的菜单
+     * @private
+     */
+    private closeAllMenu;
+    private switchMenuContainerVisible;
+    protected measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class MenuItem extends NodeItems {
+    headerText: LabelNode;
+    menuContainer: MenuContainer;
+    constructor();
+    setMenuContainerVisible(visible: boolean): void;
+    getMenuContainerVisible(): boolean;
+    protected measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class MenuContainer extends NodeItems {
+    protected measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    preRender(e: IRenderData): boolean;
+    render(e: IRenderData): void;
+}

package/controls/Node.d.ts

@@ -0,0 +1,217 @@
+import { Subject, Subscription } from "./event-subject";
+import { SurfaceView } from "./SurfaceView";
+import { EventMap, EventTypes, IOnChangedEvent, ListenerEventData, ListenerFunc, NodeEvent, PercentType } from "./NodeEvent";
+import { Position } from "../med_editor/framework/element-define";
+import { ViewPaint } from "./ViewPaint";
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface Rect extends Size {
+    x: number;
+    y: number;
+}
+export declare enum ModifyFlag {
+    None = 0,
+    Modify = 1,
+    Track = 2
+}
+export interface AttachedPropType {
+    StackPanel_VerticalAlignment: 'top' | 'bottom' | 'center' | 'stretch';
+    StackPanel_HorizontalAlignment: 'left' | 'right' | 'center' | 'stretch';
+}
+export declare type AttachedKey = keyof AttachedPropType;
+export declare type AttachedKeyPairValueType<T extends AttachedKey> = AttachedPropType[T];
+export declare type CursorType = 'text' | 'row-resize' | 'col-resize' | 'none' | 'default' | 'move' | 'pointer' | 'w-resize' | 's-resize' | 'se-resize' | 'ne-resize' | 'nwse-resize' | 'nesw-resize';
+export declare type OutLineStyle = 'none' | 'solid' | 'dashed';
+export interface IMeasureEvent {
+    render: ViewPaint;
+}
+export interface IArrangeEvent {
+    render: ViewPaint;
+}
+export interface IAppState {
+    pos: Position;
+    mousedown: boolean;
+    mousedownPos: Position;
+    sourceNode: NodeCore | null;
+    sourceNodePos: Position;
+    sourceHitPos: Position;
+    surface: SurfaceView;
+}
+export declare abstract class NodeCore {
+    enableClip: boolean;
+    pointEvent: boolean;
+    get enable(): boolean;
+    set enable(value: boolean);
+    private _enable;
+    enableFocus: boolean;
+    isFocused: boolean;
+    get cursor(): CursorType;
+    set cursor(value: CursorType);
+    private _cursor;
+    get visible(): boolean;
+    set visible(value: boolean);
+    private _visible;
+    get borderRadius(): number;
+    set borderRadius(value: number);
+    get width(): number | PercentType;
+    set width(value: number | PercentType);
+    get height(): number | PercentType;
+    set height(value: number | PercentType);
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    private _minWidth;
+    private _minHeight;
+    get minWidth(): number;
+    set minWidth(value: number);
+    get minHeight(): number;
+    set minHeight(value: number);
+    get bgColor(): string;
+    set bgColor(value: string);
+    private _border;
+    get border(): number;
+    set border(value: number);
+    private _padding;
+    get padding(): number;
+    set padding(value: number);
+    private _borderRadius;
+    private _borderColor;
+    get borderColor(): string;
+    set borderColor(value: string);
+    private _shadowBlur;
+    private _shadowColor;
+    get shadowBlur(): number;
+    set shadowBlur(value: number);
+    get shadowColor(): string;
+    set shadowColor(value: string);
+    private _isMouseenter;
+    get isMouseenter(): boolean;
+    set isMouseenter(value: boolean);
+    private _overflowHidden;
+    get overflowHidden(): boolean;
+    set overflowHidden(value: boolean);
+    outlineColor: string;
+    outlineStyle: OutLineStyle;
+    outlineWidth: number;
+    protected _width: number | PercentType;
+    protected _height: number | PercentType;
+    protected _x: number;
+    protected _y: number;
+    desiredSize: Size;
+    renderSize: Size;
+    finalRect: Rect;
+    protected _bgColor: string;
+    protected _modifyFlag: ModifyFlag;
+    get modifyFlag(): ModifyFlag;
+    set modifyFlag(value: ModifyFlag);
+    onChangedEvent: Subject<IOnChangedEvent>;
+    listenerEvents: Array<ListenerEventData>;
+    parent: NodeItems | null;
+    protected propertyChanged(prop: string, old: any, newV: any): void;
+    protected onChanged(): void;
+    addEventListener<T extends EventTypes>(name: T, listener: ListenerFunc<EventMap[T]>, useCapture?: boolean): void;
+    removeEventListener<T extends EventTypes>(name: T, listener: ListenerFunc<EventMap[T]>, useCapture?: boolean): void;
+    /**
+     * 父容器传入参数，子容器设置坐标位置
+     * @param e
+     * @param finalRect
+     */
+    arrange(e: IArrangeEvent, finalRect: Rect): void;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    /**
+     * 测量阶段
+     * @param e
+     * @param availableSize
+     */
+    measure(e: IMeasureEvent, availableSize: Size): void;
+    getPercentWidth(val: number): number;
+    getPercentHeight(val: number): number;
+    /**
+     * 获取内容尺寸
+     * 元素模型为边框模型，元素的大小为默认包含边框大小，内容大小需要减去边框大小
+     * @private
+     * @param width
+     * @param height
+     */
+    protected getContentSize(width: number, height: number): Size;
+    /**
+     * 获取外部尺寸
+     * @param availableSize
+     * @private
+     */
+    protected getOuterSize(availableSize: Size): Size;
+    /**
+     * 子元素需重写该方法
+     * @param e
+     * @param availableSize
+     */
+    protected measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    abstract render(e: IRenderData): void;
+    preRender(e: IRenderData): boolean;
+    private attachedProp;
+    setAttachedProp<K extends AttachedKey>(name: K, val: AttachedKeyPairValueType<K>): void;
+    getAttachedPropValue<K extends AttachedKey>(name: K): AttachedKeyPairValueType<K>;
+    removeAttachedProp(name: string): void;
+    /**
+     * 绘制轮廓
+     */
+    renderOutline(renderCtx: ViewPaint): void;
+}
+export interface IRenderData {
+    render: ViewPaint;
+    next: (rc: ViewPaint) => void;
+    appState: IAppState;
+    renderPos: Position;
+}
+export declare abstract class NodeItems extends NodeCore {
+    controls: Array<NodeCore>;
+    eventMap: WeakMap<NodeCore, Array<Subscription>>;
+    absoluteItems: boolean;
+    containerPropName: string;
+    addChild(control: NodeCore, index?: number): void;
+    getRenderItems(): Array<NodeCore>;
+    removeChild(index: number | NodeCore): void;
+    private addChildSub;
+    private removeChildSub;
+    getChild(index: number): NodeCore;
+    getItems(): Array<NodeCore>;
+    getIndex(): number;
+    clearChildren(): void;
+    get length(): number;
+}
+export declare abstract class Panel extends NodeItems {
+}
+export interface ActiveAppContext {
+    root: SurfaceView;
+    render: () => void;
+}
+export declare function getCurrentActiveAppContext(): ActiveAppContext | null;
+export declare function setCurrentActiveAppContext(ctx: ActiveAppContext | null): void;
+export declare type RenderTaskSchedule = () => void;
+export declare function renderApp(root: SurfaceView, renderCtx: ViewPaint, nodeEvent: NodeEvent): RenderTaskSchedule;
+export declare function renderNode(node: NodeCore, renderCtx: ViewPaint, appState: IAppState, parentPos: Position): void;
+/**
+ * 绘制边框
+ * @param node
+ * @param renderCtx
+ */
+export declare function drawBorderline(node: NodeCore, renderCtx: ViewPaint): void;
+export declare function clipContent(node: NodeCore, renderCtx: ViewPaint): void;
+export declare function translate(renderCtx: ViewPaint, x: number, y: number): void;
+export declare function getParents(node: NodeCore): Array<NodeCore>;
+/**
+ * 判断坐标是否在矩形框内
+ * @param rect
+ * @param position
+ * @returns
+ */
+export declare function isInsideRectByPosition(rect: Rect, position: Position): boolean;
+export declare function checkIntersect(rectA: Rect, rectB: Rect): boolean;
+export declare function getNodePosition(node: NodeCore, currPos: Position): Position;
+export declare function getMatchParent<T>(currNode: NodeCore, parentType: {
+    new (...args: any[]): T;
+}): T;
+export declare function getPredicateParent<T>(currNode: NodeCore, predicate: (node: NodeCore) => boolean): T;

package/controls/NodeEvent.d.ts

@@ -0,0 +1,136 @@
+import { Subject } from "./event-subject";
+import { SurfaceView } from "./SurfaceView";
+import { IAppState, NodeCore } from "./Node";
+import { Position } from "../med_editor/framework/element-define";
+export declare class NodeEvent {
+    root: SurfaceView;
+    canvas: HTMLCanvasElement;
+    appState: IAppState;
+    onSignal: Subject<void>;
+    hitInfo: IHitInfo | null;
+    mouseenterNodes: Array<NodeCore>;
+    prevNode: NodeCore;
+    prevFocusNodes: Array<NodeCore>;
+    constructor(root: SurfaceView, canvas: HTMLCanvasElement);
+    private setActiveAppContext;
+    setAppState(hitInfo: IHitInfo | null): void;
+    hitTest(evt: MouseEvent): IHitInfo | null;
+    onMousedownHandler(evt: MouseEvent): void;
+    onMousemoveHandler(evt: MouseEvent): void;
+    onMouseupHandler(evt: MouseEvent): void;
+    onDblClickHandler(evt: MouseEvent): void;
+    onMouseleaveHandler(evt: MouseEvent): void;
+    /**
+     * TODO:需要重新获取鼠标上的元素进行onWheel
+     * @param evt
+     */
+    onWheelHandler(evt: WheelEvent): void;
+    onContextMenuHandler(evt: MouseEvent): void;
+    getHitNode(hitPos: Position, parentPos: Position): IHitInfo | null;
+    getMouseHitNode(node: NodeCore, hitPos: Position, parentPos: Position): IHitInfo | null;
+    invokeNodeFocusedEvent(prevNode: NodeCore | null, prevParents: Array<NodeCore>, currNode: NodeCore | null): void;
+}
+/**
+ * 触发事件
+ * @returns 当前事件是否被取消
+ */
+export declare function invokeEvent(event: IEventCore, eventName: EventTypes, node: NodeCore, useCaptureEvent?: boolean): boolean;
+export declare function invokeNodeEvent(node: NodeCore, event: IEventCore, name: EventTypes, useCapture: boolean): boolean;
+export interface IEventCore {
+    target: NodeCore;
+    source: NodeCore;
+    cancelable: boolean;
+    isCancel: boolean;
+}
+export interface PercentType {
+    value: number;
+}
+export interface IOnKeyEvent extends IEventCore {
+}
+export interface IOnKeydownEvent extends IOnKeyEvent {
+    sourceEvt: KeyboardEvent;
+}
+export interface IOnMouseEvent extends IEventCore {
+    pos: Position;
+    sourceHitPos: Position;
+    sourcePos: Position;
+    sourceEvt: Event;
+}
+export interface IOnMousemoveEvent extends IOnMouseEvent {
+}
+export interface IOnMousedownEvent extends IOnMouseEvent {
+}
+export interface IOnMouseupEvent extends IOnMouseEvent {
+}
+export interface IOnChangedEvent extends IEventCore {
+}
+export interface IOnClickEvent extends IOnMouseEvent {
+}
+export interface IOnDblClickEvent extends IOnMouseEvent {
+}
+export interface IOnMouseenterEvent extends IOnMouseEvent {
+}
+export interface IOnMouseleaveEvent extends IOnMouseEvent {
+}
+export interface IOnMouseoverEvent extends IOnMouseEvent {
+}
+export interface IOnMouseoutEvent extends IOnMouseEvent {
+}
+export interface IOnGotFocusEvent extends IEventCore {
+}
+export interface IOnLostFocusEvent extends IEventCore {
+}
+export interface IOnKeydownEvent extends IEventCore {
+}
+export interface IOnContextMenuEvent extends IOnMouseEvent {
+}
+export interface IOnWheelEvent extends IEventCore {
+    deltaX: number;
+    deltaY: number;
+}
+export interface IOnCopyEvent extends IEventCore {
+    sourceEvt: ClipboardEvent;
+}
+export interface IOnPasteEvent extends IEventCore {
+    sourceEvt: ClipboardEvent;
+}
+export interface IOnCutEvent extends IEventCore {
+    sourceEvt: ClipboardEvent;
+}
+export interface IOnInputEvent extends IEventCore {
+    data: string;
+}
+export interface EventMap {
+    mousemove: IOnMousemoveEvent;
+    mousedown: IOnMousedownEvent;
+    mouseup: IOnMouseupEvent;
+    click: IOnClickEvent;
+    dblclick: IOnDblClickEvent;
+    mouseenter: IOnMouseenterEvent;
+    mouseleave: IOnMouseleaveEvent;
+    wheel: IOnWheelEvent;
+    mouseover: IOnMouseoverEvent;
+    mouseout: IOnMouseoutEvent;
+    gotFocus: IOnGotFocusEvent;
+    lostFocus: IOnLostFocusEvent;
+    preGotFocus: IOnGotFocusEvent;
+    input: IOnInputEvent;
+    keydown: IOnKeydownEvent;
+    copy: IOnCopyEvent;
+    paste: IOnPasteEvent;
+    cut: IOnCutEvent;
+    contextmenu: IOnContextMenuEvent;
+}
+export declare type EventTypes = keyof EventMap;
+export declare type ListenerFunc<T extends IEventCore = IEventCore> = (evt: T) => void;
+export declare type ListenerEventMap = Map<EventTypes, Array<ListenerFunc>>;
+export declare type ListenerEventData = {
+    name: EventTypes;
+    listener: ListenerFunc;
+    useCapture: boolean;
+};
+export interface IHitInfo {
+    target: NodeCore;
+    targetPos: Position;
+    hitPos: Position;
+}

package/controls/Rect.d.ts

@@ -0,0 +1,4 @@
+import { NodeCore, IRenderData } from "./Node";
+export declare class RectNode extends NodeCore {
+    render(e: IRenderData): void;
+}