@hufe921/canvas-editor 0.9.17 → 0.9.18

package/dist/src/editor/core/command/Command.d.ts

@@ -129,11 +129,11 @@ export declare class Command {
     executeSearchNavigateNext(): void;
     getSearchNavigateInfo(): null | INavigateInfo;
     executeReplace(payload: string): void;
-    executePrint(): void;
+    executePrint(): Promise<void>;
     executeReplaceImageElement(payload: string): void;
     executeSaveAsImageElement(): void;
     executeChangeImageDisplay(element: IElement, display: ImageDisplay): void;
-    getImage(): string[];
+    getImage(): Promise<string[]>;
     getValue(): IEditorResult;
     getWordCount(): Promise<number>;
     getRangeText(): string;

package/dist/src/editor/core/command/CommandAdapt.d.ts

@@ -72,11 +72,11 @@ export declare class CommandAdapt {
     searchNavigateNext(): void;
     getSearchNavigateInfo(): null | INavigateInfo;
     replace(payload: string): void;
-    print(): void;
+    print(): Promise<void>;
     replaceImageElement(payload: string): void;
     saveAsImageElement(): void;
     changeImageDisplay(element: IElement, display: ImageDisplay): void;
-    getImage(): string[];
+    getImage(): Promise<string[]>;
     getValue(): IEditorResult;
     getWordCount(): Promise<number>;
     getRangeText(): string;

package/dist/src/editor/core/draw/Draw.d.ts

@@ -1,6 +1,7 @@
 import { IDrawOption, IPainterOptions } from '../../interface/Draw';
 import { IEditorOption, IEditorResult } from '../../interface/Editor';
 import { IElement, IElementStyle } from '../../interface/Element';
+import { IRow } from '../../interface/Row';
 import { Cursor } from '../cursor/Cursor';
 import { CanvasEvent } from '../event/CanvasEvent';
 import { HistoryManager } from '../history/HistoryManager';
@@ -19,6 +20,7 @@ import { Previewer } from './particle/previewer/Previewer';
 import { DateParticle } from './particle/date/DateParticle';
 import { IMargin } from '../../interface/Margin';
 import { I18n } from '../i18n/I18n';
+import { ImageObserver } from '../observer/ImageObserver';
 export declare class Draw {
     private container;
     private pageContainer;
@@ -63,11 +65,14 @@ export declare class Draw {
     private workerManager;
     private scrollObserver;
     private selectionObserver;
+    private imageObserver;
     private rowList;
+    private pageRowList;
     private painterStyle;
     private painterOptions;
     private visiblePageNoList;
     private intersectionPageNo;
+    private lazyRenderIntersectionObserver;
     constructor(rootContainer: HTMLElement, options: DeepRequired<IEditorOption>, elementList: IElement[], listener: Listener);
     getMode(): EditorMode;
     setMode(payload: EditorMode): void;
@@ -96,6 +101,8 @@ export declare class Draw {
     setPageNo(payload: number): void;
     getPage(): HTMLCanvasElement;
     getPageList(): HTMLCanvasElement[];
+    getRowList(): IRow[];
+    getPageRowList(): IRow[][];
     getCtx(): CanvasRenderingContext2D;
     getOptions(): DeepRequired<IEditorOption>;
     getSearch(): Search;
@@ -115,9 +122,10 @@ export declare class Draw {
     getDateParticle(): DateParticle;
     getControl(): Control;
     getWorkerManager(): WorkerManager;
+    getImageObserver(): ImageObserver;
     getI18n(): I18n;
     getRowCount(): number;
-    getDataURL(): string[];
+    getDataURL(): Promise<string[]>;
     getPainterStyle(): IElementStyle | null;
     getPainterOptions(): IPainterOptions | null;
     setPainterStyle(payload: IElementStyle | null, options?: IPainterOptions): void;
@@ -134,10 +142,13 @@ export declare class Draw {
     private _createPage;
     private _getFont;
     private _computeRowList;
+    private _computePageList;
     private _drawRichText;
     private _drawRow;
     private _clearPage;
     private _drawPage;
+    private _lazyRender;
+    private _immediateRender;
     render(payload?: IDrawOption): void;
     destroy(): void;
 }

package/dist/src/editor/core/draw/particle/ImageParticle.d.ts

@@ -2,8 +2,10 @@ import { IEditorOption } from '../../../interface/Editor';
 import { IElement } from '../../../interface/Element';
 import { Draw } from '../Draw';
 export declare class ImageParticle {
+    private draw;
     protected options: Required<IEditorOption>;
     protected imageCache: Map<string, HTMLImageElement>;
     constructor(draw: Draw);
+    protected addImageObserver(promise: Promise<unknown>): void;
     render(ctx: CanvasRenderingContext2D, element: IElement, x: number, y: number): void;
 }

package/dist/src/editor/core/observer/ImageObserver.d.ts

@@ -0,0 +1,7 @@
+export declare class ImageObserver {
+    private promiseList;
+    constructor();
+    add(payload: Promise<unknown>): void;
+    clearAll(): void;
+    allSettled(): Promise<PromiseSettledResult<unknown>[]>;
+}

package/dist/src/editor/core/observer/SelectionObserver.d.ts

@@ -1,11 +1,9 @@
 export declare class SelectionObserver {
-    private threshold;
+    private readonly step;
+    private readonly thresholdPoints;
     private requestAnimationFrameId;
-    private tippingPoints;
     private isMousedown;
     private isMoving;
-    private clientWidth;
-    private clientHeight;
     constructor();
     private _addEvent;
     removeEvent(): void;

package/dist/src/editor/core/position/Position.d.ts

@@ -11,6 +11,8 @@ export declare class Position {
     getOriginalPositionList(): IElementPosition[];
     getPositionList(): IElementPosition[];
     setPositionList(payload: IElementPosition[]): void;
+    private computePageRowPosition;
+    computePositionList(): void;
     setCursorPosition(position: IElementPosition | null): void;
     getCursorPosition(): IElementPosition | null;
     getPositionContext(): IPositionContext;

package/dist/src/editor/interface/Draw.d.ts

@@ -4,7 +4,8 @@ export interface IDrawOption {
     curIndex?: number;
     isSetCursor?: boolean;
     isSubmitHistory?: boolean;
-    isComputeRowList?: boolean;
+    isCompute?: boolean;
+    isLazy?: boolean;
 }
 export interface IDrawImagePayload {
     width: number;
@@ -16,15 +17,8 @@ export interface IDrawRowPayload {
     rowList: IRow[];
     pageNo: number;
     startIndex: number;
-    startX: number;
-    startY: number;
     innerWidth: number;
 }
-export interface IDrawRowResult {
-    x: number;
-    y: number;
-    index: number;
-}
 export interface IPainterOptions {
     isDblclick: boolean;
 }

package/dist/src/editor/interface/Position.d.ts

@@ -1,5 +1,6 @@
 import { IElement } from '..';
 import { IElementPosition } from './Element';
+import { IRow } from './Row';
 import { ITd } from './table/Td';
 export interface ICurrentPosition {
     index: number;
@@ -35,3 +36,17 @@ export interface IPositionContext {
     trId?: string;
     tableId?: string;
 }
+export interface IComputePageRowPositionPayload {
+    positionList: IElementPosition[];
+    rowList: IRow[];
+    pageNo: number;
+    startIndex: number;
+    startX: number;
+    startY: number;
+    innerWidth: number;
+}
+export interface IComputePageRowPositionResult {
+    x: number;
+    y: number;
+    index: number;
+}

package/dist/src/editor/interface/Row.d.ts

@@ -9,6 +9,7 @@ export interface IRow {
     height: number;
     ascent: number;
     rowFlex?: RowFlex;
+    startIndex: number;
     isPageBreak?: boolean;
     elementList: IRowElement[];
 }

package/dist/src/editor/utils/index.d.ts

@@ -9,3 +9,4 @@ export declare function threeClick(dom: HTMLElement, fn: (evt: MouseEvent) => an
 export declare function isObject(type: unknown): type is Record<string, unknown>;
 export declare function isArray(type: unknown): type is Array<unknown>;
 export declare function mergeObject<T>(source: T, target: T): T;
+export declare function nextTick(fn: Function): void;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hufe921/canvas-editor",
   "author": "Hufe",
   "license": "MIT",
-  "version": "0.9.17",
+  "version": "0.9.18",
   "description": "rich text editor by canvas/svg",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",