@hufe921/canvas-editor 0.9.135 → 0.9.137

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

@@ -72,6 +72,7 @@ export declare class Command {
     executeSetImageCaption: CommandAdapt['setImageCaption'];
     executeChangeImageDisplay: CommandAdapt['changeImageDisplay'];
     executePageMode: CommandAdapt['pageMode'];
+    executeSetColumns: CommandAdapt['setColumns'];
     executePageScale: CommandAdapt['pageScale'];
     executePageScaleRecovery: CommandAdapt['pageScaleRecovery'];
     executePageScaleMinus: CommandAdapt['pageScaleMinus'];
@@ -135,6 +136,7 @@ export declare class Command {
     getKeywordRangeList: CommandAdapt['getKeywordRangeList'];
     getKeywordContext: CommandAdapt['getKeywordContext'];
     getPaperMargin: CommandAdapt['getPaperMargin'];
+    getColumns: CommandAdapt['getColumns'];
     getSearchNavigateInfo: CommandAdapt['getSearchNavigateInfo'];
     getLocale: CommandAdapt['getLocale'];
     getGroupIds: CommandAdapt['getGroupIds'];

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

@@ -11,6 +11,7 @@ import { DeepRequired } from '../../interface/Common';
 import { IGetControlValueOption, IGetControlValueResult, ILocationControlOption, IRemoveControlOption, ISetControlExtensionOption, ISetControlHighlightOption, ISetControlProperties, ISetControlValueOption } from '../../interface/Control';
 import { IAppendElementListOption, IDrawImagePayload, IForceUpdateOption, IGetImageOption, IGetValueOption, IPainterOption } from '../../interface/Draw';
 import { IEditorData, IEditorHTML, IEditorOption, IEditorResult, IEditorText, IFocusOption, ISetValueOption, IUpdateOption } from '../../interface/Editor';
+import { IColumnOption } from '../../interface/Column';
 import { IDeleteElementByIdOption, IElement, IElementPosition, IGetElementByIdOption, IImageCaption, IImageCrop, IInsertElementListOption, IUpdateElementByIdOption } from '../../interface/Element';
 import { ICopyOption, IPasteOption, IPositionContextByEventOption, IPositionContextByEventResult } from '../../interface/Event';
 import { IMargin } from '../../interface/Margin';
@@ -24,6 +25,7 @@ import { INavigateInfo } from '../draw/interactive/Search';
 import { IGetAreaValueOption, IGetAreaValueResult, IInsertAreaOption, ILocationAreaOption, IDeleteAreaOption, ISetAreaPropertiesOption, ISetAreaValueOption } from '../../interface/Area';
 import { IAreaBadge, IBadge } from '../../interface/Badge';
 import { IRichtextOption } from '../../interface/Command';
+import { IPrintOption } from '@/editor/interface/Print';
 export declare class CommandAdapt {
     private draw;
     private range;
@@ -108,7 +110,7 @@ export declare class CommandAdapt {
     searchNavigateNext(): void;
     getSearchNavigateInfo(): null | INavigateInfo;
     replace(payload: string, option?: IReplaceOption): void;
-    print(): Promise<void>;
+    print(option?: IPrintOption): Promise<void>;
     replaceImageElement(payload: string): void;
     saveAsImageElement(): void;
     setImageCrop(crop: IImageCrop): void;
@@ -133,6 +135,8 @@ export declare class CommandAdapt {
     getKeywordRangeList(payload: string): IRange[];
     getKeywordContext(payload: string): ISearchResultContext[] | null;
     pageMode(payload: PageMode): void;
+    setColumns(config: IColumnOption | null): void;
+    getColumns(): IColumnOption | null;
     pageScale(scale: number): void;
     pageScaleRecovery(): void;
     pageScaleMinus(): void;

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

@@ -2,6 +2,8 @@ import { IAppendElementListOption, IComputeRowListPayload, IDrawOption, IDrawRow
 import { IEditorData, IEditorOption, IEditorResult, ISetValueOption } from '../../interface/Editor';
 import { IElement, IElementStyle, ISpliceElementListOption, IInsertElementListOption } from '../../interface/Element';
 import { IRow } from '../../interface/Row';
+import { IColumnLayout, IColumnOption } from '../../interface/Column';
+import { ColumnManager } from './column/ColumnManager';
 import { Cursor } from '../cursor/Cursor';
 import { CanvasEvent } from '../event/CanvasEvent';
 import { GlobalEvent } from '../event/GlobalEvent';
@@ -119,6 +121,8 @@ export declare class Draw {
     private intersectionPageNo;
     private lazyRenderIntersectionObserver;
     private printModeData;
+    private controlMinWidthPlaceholderElementListSet;
+    private columnManager;
     constructor(rootContainer: HTMLElement, options: DeepRequired<IEditorOption>, data: IEditorData, listener: Listener, eventBus: EventBus<EventBusMap>, override: Override);
     setPrintData(): void;
     clearPrintData(): void;
@@ -129,16 +133,19 @@ export declare class Draw {
     isDisabled(): boolean;
     isDesignMode(): boolean;
     isPrintMode(): boolean;
+    isAreaHideDisabled(): boolean;
     isGraffitiMode(): boolean;
     getOriginalWidth(): number;
     getOriginalHeight(): number;
     getWidth(): number;
     getHeight(): number;
     getMainHeight(): number;
-    getMainOuterHeight(): number;
+    getMainOuterHeight(pageNo?: number): number;
     getCanvasWidth(pageNo?: number): number;
     getCanvasHeight(pageNo?: number): number;
     getInnerWidth(): number;
+    getColumnLayout(): IColumnLayout | null;
+    setColumnConfig(config: IColumnOption | null): void;
     getOriginalInnerWidth(): number;
     getContextInnerWidth(): number;
     getMargins(): IMargin;
@@ -176,6 +183,7 @@ export declare class Draw {
     getHistoryManager(): HistoryManager;
     getPosition(): Position;
     getZone(): Zone;
+    getColumnManager(): ColumnManager;
     getRange(): RangeManager;
     getLineBreakParticle(): LineBreakParticle;
     getTextParticle(): TextParticle;

package/dist/src/editor/core/draw/column/ColumnManager.d.ts

@@ -0,0 +1,14 @@
+import { IColumnLayout, IColumnOption } from '../../../interface/Column';
+import { Draw } from '../Draw';
+export declare class ColumnManager {
+    private draw;
+    private options;
+    private layout;
+    constructor(draw: Draw);
+    computeLayout(innerWidth: number, config: IColumnOption | undefined): IColumnLayout | null;
+    compute(): void;
+    getLayout(): IColumnLayout | null;
+    setConfig(config: IColumnOption | null | undefined): void;
+    getOffset(columnIndex: number | undefined): number;
+    drawSeparator(ctx: CanvasRenderingContext2D, pageNo: number): void;
+}

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

@@ -18,10 +18,11 @@ export declare class Footer {
     recovery(): void;
     private _computeRowList;
     private _computePositionList;
-    getFooterBottom(): number;
+    getFooterBottom(pageNo?: number): number;
     getMaxHeight(): number;
-    getHeight(): number;
+    getHeight(pageNo?: number): number;
     getRowHeight(): number;
-    getExtraHeight(): number;
+    getExtraHeight(pageNo?: number): number;
+    isDisabled(pageNo?: number): boolean;
     render(ctx: CanvasRenderingContext2D, pageNo: number): void;
 }

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

@@ -18,10 +18,11 @@ export declare class Header {
     recovery(): void;
     private _computeRowList;
     private _computePositionList;
-    getHeaderTop(): number;
+    getHeaderTop(pageNo?: number): number;
     getMaxHeight(): number;
-    getHeight(): number;
+    getHeight(pageNo?: number): number;
     getRowHeight(): number;
-    getExtraHeight(): number;
+    getExtraHeight(pageNo?: number): number;
+    isDisabled(pageNo?: number): boolean;
     render(ctx: CanvasRenderingContext2D, pageNo: number): void;
 }

package/dist/src/editor/core/draw/interactive/Area.d.ts

@@ -17,6 +17,8 @@ export declare class Area {
     insertArea(payload: IInsertAreaOption): string | null;
     render(ctx: CanvasRenderingContext2D, pageNo: number): void;
     compute(): void;
+    private computeAreaInfo;
+    private computeTableAreaInfo;
     getAreaValue(options?: IGetAreaValueOption): IGetAreaValueResult | null;
     getContextByAreaId(areaId: string, options?: ILocationAreaOption): {
         range: IRange;

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

@@ -13,6 +13,11 @@ export declare class Position {
     constructor(draw: Draw);
     getFloatPositionList(): IFloatPosition[];
     getTablePositionList(sourceElementList: IElement[]): IElementPosition[];
+    getTableTdByContext(sourceElementList: IElement[], context: IPositionContext): import("../../interface/table/Td").ITd | null;
+    buildTablePositionContext(context: IPositionContext, element: IElement, trIndex: number, tdIndex: number): IPositionContext;
+    getTableElementByContext(sourceElementList: IElement[], context: IPositionContext): IElement | null;
+    getTableElementPositionByContext(sourceElementList: IElement[], sourcePositionList: IElementPosition[], context: IPositionContext): IElementPosition | null;
+    private _getTablePathByContext;
     getPositionList(): IElementPosition[];
     getMainPositionList(): IElementPosition[];
     getOriginalPositionList(): IElementPosition[];
@@ -32,6 +37,7 @@ export declare class Position {
     getCursorPosition(): IElementPosition | null;
     getPositionContext(): IPositionContext;
     setPositionContext(payload: IPositionContext): void;
+    private _getColumnIndexByX;
     getPositionByXY(payload: IGetPositionByXYPayload): ICurrentPosition;
     getFloatPositionByXY(payload: IGetFloatPositionByXYPayload): ICurrentPosition | void;
     adjustPositionContext(payload: IGetPositionByXYPayload): ICurrentPosition | null;

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

@@ -15,7 +15,7 @@ export declare class Zone {
     isFooterActive(): boolean;
     getZone(): EditorZone;
     setZone(payload: EditorZone): void;
-    getZoneByY(y: number): EditorZone;
+    getZoneByY(y: number, pageNo?: number): EditorZone;
     drawZoneIndicator(): void;
     private _clearZoneIndicator;
 }

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

@@ -0,0 +1,2 @@
+import { IColumnOption } from '../../interface/Column';
+export declare const defaultColumnOption: Readonly<Required<IColumnOption>>;

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

@@ -4,6 +4,7 @@ import { ITd } from '../../interface/table/Td';
 import { IControlStyle } from '../../interface/Control';
 export declare const EDITOR_ELEMENT_STYLE_ATTR: Array<keyof IElement>;
 export declare const EDITOR_ROW_ATTR: Array<keyof IElement>;
+export declare const EDITOR_ELEMENT_PARAGRAPH_STYLE_ATTR: Array<keyof IElement>;
 export declare const EDITOR_ELEMENT_COPY_ATTR: Array<keyof IElement>;
 export declare const EDITOR_ELEMENT_ZIP_ATTR: Array<keyof IElement>;
 export declare const TABLE_TD_ZIP_ATTR: Array<keyof ITd>;

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

@@ -3,6 +3,7 @@ import { LocationPosition } from '../dataset/enum/Common';
 import { IElement, IElementPosition } from './Element';
 import { IPlaceholder } from './Placeholder';
 import { IRange } from './Range';
+import { ITd } from './table/Td';
 export interface IAreaBasic {
     extension?: unknown;
     placeholder?: IPlaceholder;
@@ -48,6 +49,11 @@ export interface IAreaInfo {
     area: IArea;
     elementList: IElement[];
     positionList: IElementPosition[];
+    sourceElementList: IElement[];
+    tableCell?: {
+        td: ITd;
+        tablePosition: IElementPosition;
+    };
 }
 export interface ILocationAreaOption {
     position: LocationPosition;

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

@@ -0,0 +1,14 @@
+export interface IColumnOption {
+    count: number;
+    gap?: number;
+    separator?: boolean;
+    separatorColor?: string;
+    separatorWidth?: number;
+}
+export interface IColumnLayout {
+    count: number;
+    width: number;
+    gap: number;
+    separator: boolean;
+    offsets: number[];
+}

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

@@ -70,6 +70,5 @@ export interface IComputeRowListPayload {
     isFromTable?: boolean;
     isPagingMode?: boolean;
     pageHeight?: number;
-    mainOuterHeight?: number;
     surroundElementList?: IElement[];
 }

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

@@ -1,4 +1,5 @@
 import { EditorMode, PageMode, PaperDirection, RenderMode, WordBreak } from '../dataset/enum/Editor';
+import { IColumnOption } from './Column';
 import { IBackgroundOption } from './Background';
 import { ICheckboxOption } from './Checkbox';
 import { IRadioOption } from './Radio';
@@ -108,6 +109,7 @@ export interface IEditorOption {
     list?: IListOption;
     magnifier?: IMagnifierOption;
     accessibility?: IAccessibilityOption;
+    column?: IColumnOption;
 }
 export interface IEditorResult {
     version: string;
@@ -135,6 +137,7 @@ export interface IPrintModeRule {
     backgroundDisabled?: boolean;
     filterEmptyControl?: boolean;
     filterHideElementRow?: boolean;
+    areaHideDisabled?: boolean;
 }
 export interface IReadonlyModeRule {
     imagePreviewerDisabled?: boolean;

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

@@ -35,6 +35,8 @@ export interface IElementStyle {
     strikeout?: boolean;
     rowFlex?: RowFlex;
     rowMargin?: number;
+    level?: TitleLevel;
+    title?: ITitle;
     letterSpacing?: number;
     textDecoration?: ITextDecoration;
 }
@@ -94,6 +96,7 @@ export interface IControlElement {
     control?: IControl;
     controlId?: string;
     controlComponent?: ControlComponent;
+    isControlMinWidthPlaceholder?: boolean;
 }
 export interface ICheckboxElement {
     checkbox?: ICheckbox;
@@ -182,6 +185,7 @@ export interface IElementPosition {
     metrics: IElementMetrics;
     isFirstLetter: boolean;
     isLastLetter: boolean;
+    columnIndex?: number;
     coordinate: {
         leftTop: number[];
         leftBottom: number[];

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

@@ -5,4 +5,5 @@ export interface IFooter {
     maxHeightRadio?: MaxHeightRatio;
     disabled?: boolean;
     editable?: boolean;
+    disabledPages?: number[];
 }

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

@@ -5,4 +5,5 @@ export interface IHeader {
     maxHeightRadio?: MaxHeightRatio;
     disabled?: boolean;
     editable?: boolean;
+    disabledPages?: number[];
 }

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

@@ -21,6 +21,7 @@ export interface ICurrentPosition {
     tdId?: string;
     trId?: string;
     tableId?: string;
+    tablePath?: ITablePositionContext[];
     zone?: EditorZone;
     hitLineStartIndex?: number;
 }
@@ -51,6 +52,15 @@ export interface IPositionContext {
     tdId?: string;
     trId?: string;
     tableId?: string;
+    tablePath?: ITablePositionContext[];
+}
+export interface ITablePositionContext {
+    index: number;
+    trIndex: number;
+    tdIndex: number;
+    tdId?: string;
+    trId?: string;
+    tableId?: string;
 }
 export interface IComputeRowPositionPayload {
     row: IRow;

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

@@ -0,0 +1,6 @@
+import type { IEditorData, IEditorOption } from './Editor';
+export interface IPrintOption {
+    offscreen?: boolean;
+    data?: IEditorData;
+    options?: IEditorOption;
+}

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

@@ -20,4 +20,5 @@ export interface IRow {
     isWidthNotEnough?: boolean;
     rowIndex: number;
     isSurround?: boolean;
+    columnIndex?: number;
 }

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

@@ -1,9 +1,10 @@
 import { PaperDirection } from '../dataset/enum/Editor';
 import { IIframeInfo } from '../interface/Block';
-export interface IPrintOption {
+interface IPrintOption {
     width: number;
     height: number;
     direction?: PaperDirection;
     iframeInfoList?: IIframeInfo[][];
 }
 export declare function print(base64List: string[], options: IPrintOption): Promise<void>;
+export {};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hufe921/canvas-editor",
   "author": "Hufe",
   "license": "MIT",
-  "version": "0.9.135",
+  "version": "0.9.137",
   "description": "A Canvas/SVG-based rich text editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",