@hufe921/canvas-editor 0.9.22 → 0.9.23

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

@@ -1,5 +1,5 @@
-import { IDrawOption, IPainterOptions } from '../../interface/Draw';
-import { IEditorOption, IEditorResult } from '../../interface/Editor';
+import { IDrawOption, IDrawRowPayload, IPainterOptions } from '../../interface/Draw';
+import { IEditorData, IEditorOption, IEditorResult } from '../../interface/Editor';
 import { IElement, IElementStyle } from '../../interface/Element';
 import { IRow } from '../../interface/Row';
 import { Cursor } from '../cursor/Cursor';
@@ -12,6 +12,7 @@ import { Search } from './interactive/Search';
 import { ImageParticle } from './particle/ImageParticle';
 import { TableTool } from './particle/table/TableTool';
 import { HyperlinkParticle } from './particle/HyperlinkParticle';
+import { Header } from './frame/Header';
 import { EditorMode, PageMode, PaperDirection } from '../../dataset/enum/Editor';
 import { Control } from './control/Control';
 import { DeepRequired } from '../../interface/Common';
@@ -21,6 +22,7 @@ import { DateParticle } from './particle/date/DateParticle';
 import { IMargin } from '../../interface/Margin';
 import { I18n } from '../i18n/I18n';
 import { ImageObserver } from '../observer/ImageObserver';
+import { Zone } from '../zone/Zone';
 export declare class Draw {
     private container;
     private pageContainer;
@@ -30,7 +32,10 @@ export declare class Draw {
     private mode;
     private options;
     private position;
+    private zone;
+    private headerElementList;
     private elementList;
+    private footerElementList;
     private listener;
     private i18n;
     private canvasEvent;
@@ -73,7 +78,7 @@ export declare class Draw {
     private visiblePageNoList;
     private intersectionPageNo;
     private lazyRenderIntersectionObserver;
-    constructor(rootContainer: HTMLElement, options: DeepRequired<IEditorOption>, elementList: IElement[], listener: Listener);
+    constructor(rootContainer: HTMLElement, options: DeepRequired<IEditorOption>, data: IEditorData, listener: Listener);
     getMode(): EditorMode;
     setMode(payload: EditorMode): void;
     isReadonly(): boolean;
@@ -81,6 +86,7 @@ export declare class Draw {
     getOriginalHeight(): number;
     getWidth(): number;
     getHeight(): number;
+    getMainHeight(): number;
     getCanvasWidth(pageNo?: number): number;
     getCanvasHeight(pageNo?: number): number;
     getInnerWidth(): number;
@@ -110,16 +116,23 @@ export declare class Draw {
     getSearch(): Search;
     getHistoryManager(): HistoryManager;
     getPosition(): Position;
+    getZone(): Zone;
     getRange(): RangeManager;
+    getHeaderElementList(): IElement[];
+    getTableElementList(sourceElementList: IElement[]): IElement[];
     getElementList(): IElement[];
-    insertElementList(payload: IElement[]): void;
+    getMainElementList(): IElement[];
     getOriginalElementList(): IElement[];
+    getOriginalMainElementList(): IElement[];
+    getFooterElementList(): IElement[];
+    insertElementList(payload: IElement[]): void;
     getCanvasEvent(): CanvasEvent;
     getListener(): Listener;
     getCursor(): Cursor;
     getPreviewer(): Previewer;
     getImageParticle(): ImageParticle;
     getTableTool(): TableTool;
+    getHeader(): Header;
     getHyperlinkParticle(): HyperlinkParticle;
     getDateParticle(): DateParticle;
     getControl(): Control;
@@ -145,10 +158,10 @@ export declare class Draw {
     private _createPage;
     private _initPageContext;
     private _getFont;
-    private _computeRowList;
+    computeRowList(innerWidth: number, elementList: IElement[]): IRow[];
     private _computePageList;
     private _drawRichText;
-    private _drawRow;
+    drawRow(ctx: CanvasRenderingContext2D, payload: IDrawRowPayload): void;
     private _clearPage;
     private _drawPage;
     private _lazyRender;

package/dist/src/editor/core/draw/frame/Header.d.ts

@@ -1,7 +1,24 @@
+import { IElement, IElementPosition } from '../../../interface/Element';
 import { Draw } from '../Draw';
 export declare class Header {
     private draw;
+    private position;
     private options;
+    private elementList;
+    private rowList;
+    private positionList;
     constructor(draw: Draw);
-    render(ctx: CanvasRenderingContext2D): void;
+    setElementList(elementList: IElement[]): void;
+    getElementList(): IElement[];
+    getPositionList(): IElementPosition[];
+    compute(): void;
+    private _recovery;
+    private _computeRowList;
+    private _computePositionList;
+    getHeaderTop(): number;
+    getMaxHeight(): number;
+    getHeight(): number;
+    getRowHeight(): number;
+    getExtraHeight(): number;
+    render(ctx: CanvasRenderingContext2D, pageNo: number): void;
 }

package/dist/src/editor/core/event/CanvasEvent.d.ts

@@ -36,7 +36,7 @@ export declare class CanvasEvent {
     mouseup(evt: MouseEvent): void;
     mouseleave(evt: MouseEvent): void;
     keydown(evt: KeyboardEvent): void;
-    dblclick(): void;
+    dblclick(evt: MouseEvent): void;
     threeClick(): void;
     input(data: string): void;
     cut(): void;

package/dist/src/editor/core/event/handlers/click.d.ts

@@ -1,5 +1,5 @@
 import { CanvasEvent } from '../CanvasEvent';
-declare function dblclick(host: CanvasEvent): void;
+declare function dblclick(host: CanvasEvent, evt: MouseEvent): void;
 declare function threeClick(host: CanvasEvent): void;
 declare const _default: {
     dblclick: typeof dblclick;

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

@@ -1,4 +1,5 @@
-import { IElementPosition } from '../../interface/Element';
+import { IComputePageRowPositionPayload, IComputePageRowPositionResult } from '../../interface/Position';
+import { IElement, IElementPosition } from '../../interface/Element';
 import { ICurrentPosition, IGetPositionByXYPayload, IPositionContext } from '../../interface/Position';
 import { Draw } from '../draw/Draw';
 export declare class Position {
@@ -8,15 +9,18 @@ export declare class Position {
     private draw;
     private options;
     constructor(draw: Draw);
-    getOriginalPositionList(): IElementPosition[];
+    getTablePositionList(sourceElementList: IElement[]): IElementPosition[];
     getPositionList(): IElementPosition[];
+    getMainPositionList(): IElementPosition[];
+    getOriginalPositionList(): IElementPosition[];
+    getOriginalMainPositionList(): IElementPosition[];
     setPositionList(payload: IElementPosition[]): void;
-    private computePageRowPosition;
+    computePageRowPosition(payload: IComputePageRowPositionPayload): IComputePageRowPositionResult;
     computePositionList(): void;
     setCursorPosition(position: IElementPosition | null): void;
     getCursorPosition(): IElementPosition | null;
     getPositionContext(): IPositionContext;
     setPositionContext(payload: IPositionContext): void;
     getPositionByXY(payload: IGetPositionByXYPayload): ICurrentPosition;
-    adjustPositionContext(payload: Pick<IGetPositionByXYPayload, 'x' | 'y'>): ICurrentPosition;
+    adjustPositionContext(payload: IGetPositionByXYPayload): ICurrentPosition | null;
 }

package/dist/src/editor/core/range/RangeManager.d.ts

@@ -10,6 +10,7 @@ export declare class RangeManager {
     private historyManager;
     constructor(draw: Draw);
     getRange(): IRange;
+    clearRange(): void;
     getSelection(): IElement[] | null;
     getRangeRow(): RangeRowMap | null;
     getIsPointInRange(x: number, y: number): boolean;

package/dist/src/editor/core/zone/Zone.d.ts

@@ -0,0 +1,15 @@
+import { EditorZone } from '../../dataset/enum/Editor';
+import { Draw } from '../draw/Draw';
+export declare class Zone {
+    private draw;
+    private container;
+    private currentZone;
+    private headerIndicatorContainer;
+    constructor(draw: Draw);
+    isHeaderActive(): boolean;
+    isMainActive(): boolean;
+    getZone(): EditorZone;
+    setZone(payload: EditorZone): void;
+    private _drawHeaderZoneIndicator;
+    private _clearHeaderZoneIndicator;
+}

package/dist/src/editor/dataset/constant/Header.d.ts

@@ -1,2 +1,4 @@
 import { IHeader } from '../../interface/Header';
+import { HeaderMaxHeightRatio } from '../enum/Header';
 export declare const defaultHeaderOption: Readonly<Required<IHeader>>;
+export declare const maxHeightRadioMapping: Record<HeaderMaxHeightRatio, number>;

package/dist/src/editor/dataset/enum/Editor.d.ts

@@ -15,6 +15,11 @@ export declare enum EditorMode {
     CLEAN = "clean",
     READONLY = "readonly"
 }
+export declare enum EditorZone {
+    HEADER = "header",
+    MAIN = "main",
+    FOOTER = "footer"
+}
 export declare enum PageMode {
     PAGING = "paging",
     CONTINUITY = "continuity"

package/dist/src/editor/dataset/enum/Header.d.ts

@@ -0,0 +1,5 @@
+export declare enum HeaderMaxHeightRatio {
+    HALF = "half",
+    ONE_THIRD = "one-third",
+    QUARTER = "quarter"
+}

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

@@ -1,5 +1,5 @@
 import './assets/css/index.css';
-import { IEditorOption, IEditorResult } from './interface/Editor';
+import { IEditorData, IEditorOption, IEditorResult } from './interface/Editor';
 import { IElement } from './interface/Element';
 import { Command } from './core/command/Command';
 import { Listener } from './core/listener/Listener';
@@ -7,7 +7,7 @@ import { RowFlex } from './dataset/enum/Row';
 import { ElementType } from './dataset/enum/Element';
 import { Register } from './core/register/Register';
 import { IContextMenuContext, IRegisterContextMenu } from './interface/contextmenu/ContextMenu';
-import { EditorComponent, EditorMode, PageMode, PaperDirection } from './dataset/enum/Editor';
+import { EditorComponent, EditorZone, EditorMode, PageMode, PaperDirection } from './dataset/enum/Editor';
 import { EDITOR_COMPONENT } from './dataset/constant/Editor';
 import { IWatermark } from './interface/Watermark';
 import { ControlType, ImageDisplay } from './dataset/enum/Control';
@@ -21,7 +21,7 @@ export default class Editor {
     listener: Listener;
     register: Register;
     destroy: Function;
-    constructor(container: HTMLDivElement, elementList: IElement[], options?: IEditorOption);
+    constructor(container: HTMLDivElement, data: IEditorData | IElement[], options?: IEditorOption);
 }
-export { Editor, RowFlex, EditorMode, ElementType, ControlType, EditorComponent, EDITOR_COMPONENT, PageMode, ImageDisplay, Command, KeyMap, BlockType, PaperDirection };
-export type { IElement, IEditorOption, IEditorResult, IContextMenuContext, IRegisterContextMenu, IWatermark, INavigateInfo, IBlock, ILang };
+export { Editor, RowFlex, EditorZone, EditorMode, ElementType, ControlType, EditorComponent, EDITOR_COMPONENT, PageMode, ImageDisplay, Command, KeyMap, BlockType, PaperDirection };
+export type { IElement, IEditorData, IEditorOption, IEditorResult, IContextMenuContext, IRegisterContextMenu, IWatermark, INavigateInfo, IBlock, ILang };

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

@@ -1,4 +1,5 @@
-import { IElementPosition } from './Element';
+import { EditorZone } from '../dataset/enum/Editor';
+import { IElement, IElementPosition } from './Element';
 import { IRow } from './Row';
 export interface IDrawOption {
     curIndex?: number;
@@ -13,11 +14,19 @@ export interface IDrawImagePayload {
     value: string;
 }
 export interface IDrawRowPayload {
+    elementList: IElement[];
     positionList: IElementPosition[];
     rowList: IRow[];
     pageNo: number;
     startIndex: number;
     innerWidth: number;
+    zone: EditorZone;
+}
+export interface IDrawPagePayload {
+    elementList: IElement[];
+    positionList: IElementPosition[];
+    rowList: IRow[];
+    pageNo: number;
 }
 export interface IPainterOptions {
     isDblclick: boolean;

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

@@ -6,6 +6,11 @@ import { ICursorOption } from './Cursor';
 import { IHeader } from './Header';
 import { IMargin } from './Margin';
 import { IWatermark } from './Watermark';
+export interface IEditorData {
+    header?: IElement[];
+    main: IElement[];
+    footer?: IElement[];
+}
 export interface IEditorOption {
     mode?: EditorMode;
     defaultType?: string;
@@ -41,6 +46,7 @@ export interface IEditorOption {
     defaultHyperlinkColor?: string;
     headerTop?: number;
     paperDirection?: PaperDirection;
+    inactiveAlpha?: number;
     header?: IHeader;
     watermark?: IWatermark;
     control?: IControlOption;
@@ -52,7 +58,6 @@ export interface IEditorResult {
     width: number;
     height: number;
     margins: IMargin;
-    header?: IHeader;
     watermark?: IWatermark;
-    data: IElement[];
+    data: IEditorData;
 }

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

@@ -1,6 +1,5 @@
+import { HeaderMaxHeightRatio } from '../dataset/enum/Header';
 export interface IHeader {
-    data: string;
-    color?: string;
-    size?: number;
-    font?: string;
+    top?: number;
+    maxHeightRadio?: HeaderMaxHeightRatio;
 }

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

@@ -1,4 +1,5 @@
 import { IElement } from '..';
+import { EditorZone } from '../dataset/enum/Editor';
 import { IElementPosition } from './Element';
 import { IRow } from './Row';
 import { ITd } from './table/Td';
@@ -15,6 +16,7 @@ export interface ICurrentPosition {
     tdId?: string;
     trId?: string;
     tableId?: string;
+    zone?: EditorZone;
 }
 export interface IGetPositionByXYPayload {
     x: number;

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

@@ -1,3 +1,4 @@
+import { EditorZone } from '../dataset/enum/Editor';
 export interface IRange {
     startIndex: number;
     endIndex: number;
@@ -7,5 +8,6 @@ export interface IRange {
     endTdIndex?: number;
     startTrIndex?: number;
     endTrIndex?: number;
+    zone?: EditorZone;
 }
 export declare type RangeRowMap = Map<number, Set<number>>;

package/package.json

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