@hailin-zheng/editor-core 1.0.62 → 1.1.0

package/controls/SurfaceView.d.ts

@@ -0,0 +1,41 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeCore, NodeItems, Rect, RenderTaskSchedule, Size } from "./Node";
+import { NodeEvent } from "./NodeEvent";
+import { ViewPaint } from "./ViewPaint";
+import { Subject } from "./event-subject";
+export declare class SurfaceView extends NodeItems {
+    canvas: HTMLCanvasElement;
+    input: HTMLInputElement;
+    private container;
+    renderSchedule: RenderTaskSchedule;
+    nodeEvent: NodeEvent;
+    renderCtx: ViewPaint;
+    onSizeChanged: Subject<{
+        width: number;
+        height: number;
+    }>;
+    constructor(canvas: HTMLCanvasElement, input: HTMLInputElement);
+    initRenderCtx(): void;
+    resizeObserver: ResizeObserver | null;
+    listenContainerHeight(): void;
+    reLayout: boolean;
+    updateCanvasHeight(): void;
+    getContainerHeight(): {
+        height: number;
+        width: number;
+    };
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+    start(): void;
+    popNodes: Array<NodeCore>;
+    registerPopNode(node: NodeCore): void;
+    clearPopNodes(): void;
+    initInputEvent(): void;
+    invokeClipboardEvent(evt: ClipboardEvent, type: 'copy' | 'cut' | 'paste'): void;
+    invokeInput(data: string): void;
+    invokeKeydown(evt: KeyboardEvent): void;
+    setInputPosition({ x, y, height }: Omit<Rect, 'width'>): void;
+    private setInputFocus;
+    hiddenInput(): void;
+    endInput(): void;
+}

package/controls/Text.d.ts

@@ -0,0 +1,45 @@
+import { Size, IRenderData, IMeasureEvent, IArrangeEvent } from "./Node";
+import { TextBase } from "./TextBase";
+export declare type TextVertAlign = 'superscript' | 'subscript';
+/**
+ * 文本元素尺寸默认按照横向排列进行测量，内容高度等于字体大小
+ * 如果有默认宽度限制，而且支持换行显示，则内容高度等于多行累计高度
+ */
+export declare class LabelNode extends TextBase {
+    private _textWrapping;
+    get textWrapping(): "wrap" | "no";
+    set textWrapping(value: "wrap" | "no");
+    protected cacheTextRect: TextMeasureRect;
+    private textUnits;
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    private getTextProps;
+    private measureTextRect;
+    render(e: IRenderData): void;
+    /**
+     * 绘制文字选区效果
+     */
+    renderOverlays(): void;
+    private drawLine;
+}
+interface TextMeasureRect {
+    lines: Array<TextLine>;
+    width: number;
+    height: number;
+    desiredWidth: number;
+    desiredHeight: number;
+}
+interface TextLine {
+    lineUnits: Array<TextUnits>;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+import { TextUnits } from "../med_editor/framework/render-context";
+export declare class TextSelectionRange {
+    startOffset: number;
+    endOffset: number;
+    get collapsed(): boolean;
+}
+export {};

package/controls/TextBase.d.ts

@@ -0,0 +1,19 @@
+import { NodeCore } from "./Node";
+/**
+ * 文本组件基类
+ * button、input可继承
+ */
+export declare abstract class TextBase extends NodeCore {
+    private _fontName;
+    get fontName(): string;
+    set fontName(value: string);
+    private _fontSize;
+    get fontSize(): number;
+    set fontSize(value: number);
+    private _color;
+    get color(): string;
+    set color(value: string);
+    private _text;
+    get text(): string;
+    set text(value: string);
+}

package/controls/ViewPaint.d.ts

@@ -0,0 +1,57 @@
+import { TextProps } from "../med_editor/framework/element-props";
+import { Position, Rect } from "../med_editor/framework/element-define";
+import { ISetCanvasPageProps, TextUnits } from "../med_editor/framework/render-context";
+import { Subject } from "../med_editor/framework/event-subject";
+export declare class ViewPaint {
+    ctx: CanvasRenderingContext2D;
+    onRenderCompleted: Subject<ViewPaint>;
+    pageSetting: ISetCanvasPageProps;
+    pageRect: Rect;
+    constructor(ctx: CanvasRenderingContext2D);
+    init(): void;
+    /**
+     * 更新绘制画布大小
+     */
+    update(pageSetting: ISetCanvasPageProps): void;
+    setGlobalAlpha(alpha: number): void;
+    getGlobalAlpha(): number;
+    clear(): void;
+    drawText(text: string, textProps: TextProps, x: number, y: number, width: number, height: number): void;
+    fillCircular(x: number, y: number, r: number, color?: string): void;
+    measureText(text: string, textProps: TextProps): {
+        width: number;
+        height: number;
+    };
+    measureTextUnits(units: Array<TextUnits>, textProps: TextProps): void;
+    clearRect(x: number, y: number, width: number, height: number): void;
+    save(): void;
+    restore(): void;
+    scale(ratio: number): void;
+    /**
+     * 包装任务执行：save->exec->restore
+     * @param effect
+     */
+    tran(effect: () => void): void;
+    strokeRect(x: number, y: number, width: number, height: number, strokeColor?: string, strokeWidth?: number, radius?: number): void;
+    /**
+     * 绘制水平线
+     * @param x
+     * @param y
+     * @param width
+     * @param lineColor
+     * @param lineWidth
+     */
+    drawHoriLine(x: number, y: number, width: number, lineColor?: string, lineWidth?: number): void;
+    fillRect(x: number, y: number, width: number, height: number, fillColor?: string, shadowBlur?: number, shadowColor?: string, borderRadius?: number): void;
+    strokeLines(lines: Array<Position>, width?: number, strokeColor?: string): void;
+    fillLines(lines: Array<Position>, width?: number, fillColor?: string, lineDash?: Array<number>): void;
+    drawCheckBox(x: number, y: number, width: number, height: number, isChecked: boolean): void;
+    drawRadioBox(x: number, y: number, width: number, height: number, isChecked: boolean): void;
+    drawImage(image: CanvasImageSource, sx: number, sy: number): void;
+    drawImage(image: CanvasImageSource, sx: number, sy: number, sw: number, sh: number): void;
+    drawImage(image: CanvasImageSource, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: number): void;
+    drawDashLine(points: Array<Position>, lineDash: Array<number>, lineColor?: string, lineWidth?: number): void;
+    roundRect(x: number, y: number, width: number, height: number, radius: number): void;
+    clip(x: number, y: number, width: number, height: number): void;
+    clipFunc(pathFunc: () => void): void;
+}

package/controls/Window.d.ts

@@ -0,0 +1,27 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, NodeItems, Size } from "./Node";
+import { ButtonBase } from "./ButtonBase";
+export declare class Window extends NodeItems {
+    title: WindowTitle;
+    content: WindowContent;
+    resizeBar: ResizeBar;
+    constructor();
+    private moveWindow;
+    private resizeWindow;
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class WindowTitle extends NodeItems {
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class WindowContent extends NodeItems {
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}
+export declare class ResizeBar extends ButtonBase {
+    constructor();
+    render(e: IRenderData): void;
+}

package/controls/WrapPanel.d.ts

@@ -0,0 +1,10 @@
+import { IArrangeEvent, IMeasureEvent, IRenderData, Panel, Size } from "./Node";
+export declare type OrientationType = 'horizontal' | 'vertical';
+export declare class WrapPanel extends Panel {
+    private _orientation;
+    get orientation(): OrientationType;
+    set orientation(value: OrientationType);
+    measureOverride(e: IMeasureEvent, availableSize: Size): Size;
+    protected arrangeOverride(e: IArrangeEvent, finalSize: Size): Size;
+    render(e: IRenderData): void;
+}

package/controls/event-subject.d.ts

@@ -0,0 +1,42 @@
+export declare abstract class Subscription<T = any> {
+    protected closed: boolean;
+    once: boolean;
+    abstract invoke(data: T): void;
+    abstract unsubscribe(): void;
+}
+export declare abstract class EventSourceCore<T> {
+    protected closed: boolean;
+    subs: Array<Subscription>;
+    next(data?: T): void;
+    protected addSub(sub: Subscription): void;
+    protected removeSub(sub: Subscription): void;
+    unsubscribe(): void;
+}
+/**
+ * DOM事件处理
+ */
+export declare class DOMEventSource<T extends Event> extends EventSourceCore<T> {
+    dom: Node;
+    type: string;
+    constructor(dom: Node, type: string);
+    subscribe(listener: (evt: T) => void): Subscription;
+}
+export declare class DOMSubscription<T> extends Subscription<T> {
+    listener: (evt: T) => void;
+    cancel: () => void;
+    constructor(listener: (evt: T) => void, cancel: () => void);
+    invoke(data: any): void;
+    unsubscribe(): void;
+}
+export declare class Subject<T> extends EventSourceCore<T> {
+    subscribe(listener: (data: T) => void): Subscription;
+    onceSubscribe(listener: (data: T) => void): Subscription;
+}
+export declare class SubjectSubscription extends Subscription {
+    listener: (data: any) => void;
+    cancel: () => void;
+    constructor(listener: (data: any) => void, cancel: () => void);
+    invoke(data: any): void;
+    unsubscribe(): void;
+}
+export declare function fromEvent<T extends Event>(dom: Node, type: string): DOMEventSource<T>;

package/index-cjs.d.ts

@@ -1,4 +1,3 @@
-export * from './med_editor/doc-ruler';
 export * from './med_editor/texteditor';
 export * from './med_editor/framework/common-util';
 export * from './med_editor/framework/document-change';
@@ -18,11 +17,9 @@ export * from './med_editor/framework/document-template';
 export * from './med_editor/framework/document-textline-mode';
 export * from './med_editor/framework/element-define';
 export * from './med_editor/framework/element-event-define';
-export * from './med_editor/framework/element-measure';
 export * from './med_editor/framework/element-paint';
 export * from './med_editor/framework/element-props';
 export * from './med_editor/framework/element-reader';
-export * from './med_editor/framework/element-render-cut';
 export * from './med_editor/framework/element-serialize';
 export * from './med_editor/framework/element-util';
 export * from './med_editor/framework/notify';