@hufe921/canvas-editor 0.9.91 → 0.9.93

package/dist/src/editor/core/actuator/Actuator.d.ts

@@ -0,0 +1,7 @@
+import { Draw } from '../draw/Draw';
+export declare class Actuator {
+    private draw;
+    private eventBus;
+    constructor(draw: Draw);
+    private execute;
+}

package/dist/src/editor/core/actuator/handlers/positionContextChange.d.ts

@@ -0,0 +1,3 @@
+import { IPositionContextChangePayload } from '../../../interface/Listener';
+import { Draw } from '../../draw/Draw';
+export declare function positionContextChange(draw: Draw, payload: IPositionContextChangePayload): void;

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

@@ -93,6 +93,7 @@ export declare class Command {
     executeInsertControl: CommandAdapt['insertControl'];
     executeUpdateOptions: CommandAdapt['updateOptions'];
     executeInsertTitle: CommandAdapt['insertTitle'];
+    executeFocus: CommandAdapt['focus'];
     getCatalog: CommandAdapt['getCatalog'];
     getImage: CommandAdapt['getImage'];
     getOptions: CommandAdapt['getOptions'];

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

@@ -9,7 +9,7 @@ import { ICatalog } from '../../interface/Catalog';
 import { DeepRequired } from '../../interface/Common';
 import { IGetControlValueOption, IGetControlValueResult, ILocationControlOption, ISetControlExtensionOption, ISetControlHighlightOption, ISetControlProperties, ISetControlValueOption } from '../../interface/Control';
 import { IAppendElementListOption, IDrawImagePayload, IForceUpdateOption, IGetImageOption, IGetValueOption, IPainterOption } from '../../interface/Draw';
-import { IEditorData, IEditorHTML, IEditorOption, IEditorResult, IEditorText, ISetValueOption, IUpdateOption } from '../../interface/Editor';
+import { IEditorData, IEditorHTML, IEditorOption, IEditorResult, IEditorText, IFocusOption, ISetValueOption, IUpdateOption } from '../../interface/Editor';
 import { IElement, IUpdateElementByIdOption } from '../../interface/Element';
 import { IPasteOption, IPositionContextByEvent } from '../../interface/Event';
 import { IMargin } from '../../interface/Margin';
@@ -25,13 +25,13 @@ export declare class CommandAdapt {
     private position;
     private historyManager;
     private canvasEvent;
-    private tableTool;
     private options;
     private control;
     private workerManager;
     private searchManager;
     private i18n;
     private zone;
+    private tableOperate;
     constructor(draw: Draw);
     mode(payload: EditorMode): void;
     cut(): void;
@@ -149,4 +149,5 @@ export declare class CommandAdapt {
     getTitleValue(payload: IGetTitleValueOption): IGetTitleValueResult | null;
     getPositionContextByEvent(evt: MouseEvent): IPositionContextByEvent | null;
     insertTitle(payload: IElement): void;
+    focus(payload?: IFocusOption): void;
 }

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

@@ -35,6 +35,8 @@ import { EventBusMap } from '../../interface/EventBus';
 import { Group } from './interactive/Group';
 import { Override } from '../override/Override';
 import { LineBreakParticle } from './particle/LineBreakParticle';
+import { ITd } from '../../interface/table/Td';
+import { TableOperate } from './particle/table/TableOperate';
 export declare class Draw {
     private container;
     private pageContainer;
@@ -69,6 +71,7 @@ export declare class Draw {
     private textParticle;
     private tableParticle;
     private tableTool;
+    private tableOperate;
     private pageNumber;
     private lineNumber;
     private waterMark;
@@ -108,6 +111,7 @@ export declare class Draw {
     setMode(payload: EditorMode): void;
     isReadonly(): boolean;
     isDisabled(): boolean;
+    isDesignMode(): boolean;
     getOriginalWidth(): number;
     getOriginalHeight(): number;
     getWidth(): number;
@@ -159,6 +163,7 @@ export declare class Draw {
     getOriginalElementList(): IElement[];
     getOriginalMainElementList(): IElement[];
     getFooterElementList(): IElement[];
+    getTd(): ITd | null;
     insertElementList(payload: IElement[]): void;
     appendElementList(elementList: IElement[], options?: IAppendElementListOption): void;
     spliceElementList(elementList: IElement[], start: number, deleteCount: number, ...items: IElement[]): void;
@@ -171,6 +176,7 @@ export declare class Draw {
     getPreviewer(): Previewer;
     getImageParticle(): ImageParticle;
     getTableTool(): TableTool;
+    getTableOperate(): TableOperate;
     getTableParticle(): TableParticle;
     getHeader(): Header;
     getFooter(): Footer;

package/dist/src/editor/core/draw/control/date/DateControl.d.ts

@@ -7,6 +7,7 @@ export declare class DateControl implements IControlInstance {
     private control;
     private isPopup;
     private datePicker;
+    private options;
     constructor(element: IElement, control: Control);
     setElement(element: IElement): void;
     getElement(): IElement;

package/dist/src/editor/core/draw/control/select/SelectControl.d.ts

@@ -6,6 +6,7 @@ export declare class SelectControl implements IControlInstance {
     private control;
     private isPopup;
     private selectDom;
+    private options;
     constructor(element: IElement, control: Control);
     setElement(element: IElement): void;
     getElement(): IElement;

package/dist/src/editor/core/draw/control/text/TextControl.d.ts

@@ -4,6 +4,7 @@ import { Control } from '../Control';
 export declare class TextControl implements IControlInstance {
     private element;
     private control;
+    private options;
     constructor(element: IElement, control: Control);
     setElement(element: IElement): void;
     getElement(): IElement;

package/dist/src/editor/core/draw/particle/date/DateParticle.d.ts

@@ -4,6 +4,7 @@ export declare class DateParticle {
     private draw;
     private range;
     private datePicker;
+    private options;
     constructor(draw: Draw);
     private _setValue;
     getDateElementRange(): [number, number] | null;

package/dist/src/editor/core/draw/particle/table/TableOperate.d.ts

@@ -0,0 +1,28 @@
+import { TableBorder, VerticalAlign } from '../../../..';
+import { TdBorder, TdSlash } from '../../../../dataset/enum/table/Table';
+import { Draw } from '../../Draw';
+export declare class TableOperate {
+    private draw;
+    private range;
+    private position;
+    private tableTool;
+    private tableParticle;
+    private options;
+    constructor(draw: Draw);
+    insertTable(row: number, col: number): void;
+    insertTableTopRow(): void;
+    insertTableBottomRow(): void;
+    insertTableLeftCol(): void;
+    insertTableRightCol(): void;
+    deleteTableRow(): void;
+    deleteTableCol(): void;
+    deleteTable(): void;
+    mergeTableCell(): void;
+    cancelMergeTableCell(): void;
+    tableTdVerticalAlign(payload: VerticalAlign): void;
+    tableBorderType(payload: TableBorder): void;
+    tableTdBorderType(payload: TdBorder): void;
+    tableTdSlashType(payload: TdSlash): void;
+    tableTdBackgroundColor(payload: string): void;
+    tableSelectAll(): void;
+}

package/dist/src/editor/core/draw/particle/table/TableTool.d.ts

@@ -2,6 +2,9 @@ import { Draw } from '../../Draw';
 export declare class TableTool {
     private readonly MIN_TD_WIDTH;
     private readonly ROW_COL_OFFSET;
+    private readonly ROW_COL_QUICK_WIDTH;
+    private readonly ROW_COL_QUICK_OFFSET;
+    private readonly ROW_COL_QUICK_POSITION;
     private readonly BORDER_VALUE;
     private draw;
     private canvas;
@@ -9,6 +12,8 @@ export declare class TableTool {
     private position;
     private container;
     private toolRowContainer;
+    private toolRowAddBtn;
+    private toolColAddBtn;
     private toolColContainer;
     private toolBorderContainer;
     private anchorLine;

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

@@ -11,6 +11,7 @@ export declare class GlobalEvent {
     private hyperlinkParticle;
     private control;
     private dateParticle;
+    private imageParticle;
     private dprMediaQueryList;
     constructor(draw: Draw, canvasEvent: CanvasEvent);
     register(): void;

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

@@ -1,4 +1,4 @@
-import { IComputePageRowPositionPayload, IComputePageRowPositionResult, IComputeRowPositionPayload, IFloatPosition, IGetFloatPositionByXYPayload } from '../../interface/Position';
+import { IComputePageRowPositionPayload, IComputePageRowPositionResult, IComputeRowPositionPayload, IFloatPosition, IGetFloatPositionByXYPayload, ISetSurroundPositionPayload } from '../../interface/Position';
 import { IElement, IElementPosition } from '../../interface/Element';
 import { ICurrentPosition, IGetPositionByXYPayload, IPositionContext } from '../../interface/Position';
 import { Draw } from '../draw/Draw';
@@ -8,6 +8,7 @@ export declare class Position {
     private positionList;
     private floatPositionList;
     private draw;
+    private eventBus;
     private options;
     constructor(draw: Draw);
     getFloatPositionList(): IFloatPosition[];
@@ -29,4 +30,8 @@ export declare class Position {
     getPositionByXY(payload: IGetPositionByXYPayload): ICurrentPosition;
     getFloatPositionByXY(payload: IGetFloatPositionByXYPayload): ICurrentPosition | void;
     adjustPositionContext(payload: IGetPositionByXYPayload): ICurrentPosition | null;
+    setSurroundPosition(payload: ISetSurroundPositionPayload): {
+        x: number;
+        rowIncreaseWidth: number;
+    };
 }

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

@@ -23,6 +23,7 @@ export declare const INTERNAL_CONTEXT_MENU_KEY: {
         TEXT_WRAP: string;
         TEXT_WRAP_EMBED: string;
         TEXT_WRAP_UP_DOWN: string;
+        TEXT_WRAP_SURROUND: string;
         TEXT_WRAP_FLOAT_TOP: string;
         TEXT_WRAP_FLOAT_BOTTOM: string;
     };

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

@@ -10,6 +10,7 @@ export declare enum NumberType {
 export declare enum ImageDisplay {
     INLINE = "inline",
     BLOCK = "block",
+    SURROUND = "surround",
     FLOAT_TOP = "float-top",
     FLOAT_BOTTOM = "float-bottom"
 }

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

@@ -17,7 +17,8 @@ export declare enum EditorMode {
     CLEAN = "clean",
     READONLY = "readonly",
     FORM = "form",
-    PRINT = "print"
+    PRINT = "print",
+    DESIGN = "design"
 }
 export declare enum EditorZone {
     HEADER = "header",

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

@@ -3,6 +3,7 @@ export interface ICatalogItem {
     id: string;
     name: string;
     level: TitleLevel;
+    pageNo: number;
     subCatalog: ICatalogItem[];
 }
 export type ICatalog = ICatalogItem[];

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

@@ -70,6 +70,7 @@ export interface IControlOption {
     postfix?: string;
     borderWidth?: number;
     borderColor?: string;
+    activeBackgroundColor?: string;
 }
 export interface IControlInitOption {
     index: number;
@@ -122,7 +123,7 @@ export type ISetControlProperties = {
     conceptId?: string;
     properties: Partial<Omit<IControl, 'value'>>;
 };
-export type IRepaintControlOption = Pick<IDrawOption, 'curIndex' | 'isCompute' | 'isSubmitHistory'>;
+export type IRepaintControlOption = Pick<IDrawOption, 'curIndex' | 'isCompute' | 'isSubmitHistory' | 'isSetCursor'>;
 export interface INextControlContext {
     positionContext: IPositionContext;
     nextIndex: number;

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

@@ -33,7 +33,7 @@ export interface IDrawRowPayload {
 }
 export interface IDrawFloatPayload {
     pageNo: number;
-    imgDisplay: ImageDisplay;
+    imgDisplays: ImageDisplay[];
 }
 export interface IDrawPagePayload {
     elementList: IElement[];
@@ -58,5 +58,11 @@ export interface IGetImageOption {
 export interface IComputeRowListPayload {
     innerWidth: number;
     elementList: IElement[];
+    startX?: number;
+    startY?: number;
+    isFromTable?: boolean;
     isPagingMode?: boolean;
+    pageHeight?: number;
+    mainOuterHeight?: number;
+    surroundElementList?: IElement[];
 }

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

@@ -1,4 +1,4 @@
-import { IElement } from '..';
+import { IElement, LocationPosition } from '..';
 import { EditorMode, PageMode, PaperDirection, RenderMode, WordBreak } from '../dataset/enum/Editor';
 import { IBackgroundOption } from './Background';
 import { ICheckboxOption } from './Checkbox';
@@ -101,3 +101,6 @@ export type IUpdateOption = Omit<IEditorOption, 'mode' | 'width' | 'height' | 's
 export interface ISetValueOption {
     isSetCursor?: boolean;
 }
+export interface IFocusOption {
+    position?: LocationPosition;
+}

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

@@ -100,6 +100,7 @@ export interface IImageElement {
     imgFloatPosition?: {
         x: number;
         y: number;
+        pageNo?: number;
     };
 }
 export interface IBlockElement {

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

@@ -1,4 +1,4 @@
-import { IContentChange, IControlChange, IIntersectionPageNoChange, IMouseEventChange, IPageModeChange, IPageScaleChange, IPageSizeChange, IRangeStyleChange, ISaved, IVisiblePageNoListChange, IZoneChange } from './Listener';
+import { IContentChange, IControlChange, IIntersectionPageNoChange, IMouseEventChange, IPageModeChange, IPageScaleChange, IPageSizeChange, IPositionContextChange, IRangeStyleChange, ISaved, IVisiblePageNoListChange, IZoneChange } from './Listener';
 export interface EventBusMap {
     rangeStyleChange: IRangeStyleChange;
     visiblePageNoListChange: IVisiblePageNoListChange;
@@ -13,4 +13,5 @@ export interface EventBusMap {
     mousemove: IMouseEventChange;
     mouseleave: IMouseEventChange;
     mouseenter: IMouseEventChange;
+    positionContextChange: IPositionContextChange;
 }

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

@@ -2,6 +2,7 @@ import { EditorZone, ElementType, ListStyle, ListType, PageMode, TitleLevel } fr
 import { RowFlex } from '../dataset/enum/Row';
 import { IControl } from './Control';
 import { IEditorResult } from './Editor';
+import { IPositionContext } from './Position';
 import { ITextDecoration } from './Text';
 export interface IRangeStyle {
     type: ElementType | null;
@@ -37,3 +38,8 @@ export type IControlChange = (payload: IControl | null) => void;
 export type IPageModeChange = (payload: PageMode) => void;
 export type IZoneChange = (payload: EditorZone) => void;
 export type IMouseEventChange = (evt: MouseEvent) => void;
+export interface IPositionContextChangePayload {
+    value: IPositionContext;
+    oldValue: IPositionContext;
+}
+export type IPositionContextChange = (payload: IPositionContextChangePayload) => void;

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

@@ -1,7 +1,7 @@
 import { IElement, ImageDisplay, IRange } from '..';
 import { EditorZone } from '../dataset/enum/Editor';
-import { IElementPosition } from './Element';
-import { IRow } from './Row';
+import { IElementFillRect, IElementPosition } from './Element';
+import { IRow, IRowElement } from './Row';
 import { ITd } from './table/Td';
 export interface ICurrentPosition {
     index: number;
@@ -33,7 +33,7 @@ export interface IGetPositionByXYPayload {
     positionList?: IElementPosition[];
 }
 export type IGetFloatPositionByXYPayload = IGetPositionByXYPayload & {
-    imgDisplay: ImageDisplay;
+    imgDisplays: ImageDisplay[];
 };
 export interface IPositionContext {
     isTable: boolean;
@@ -90,3 +90,11 @@ export interface ILocationPosition {
     range: IRange;
     positionContext: IPositionContext;
 }
+export interface ISetSurroundPositionPayload {
+    row: IRow;
+    rowElement: IRowElement;
+    rowElementRect: IElementFillRect;
+    pageNo: number;
+    availableWidth: number;
+    surroundElementList: IElement[];
+}

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

@@ -28,6 +28,8 @@ export type RangeContext = {
     tableElement: IElement | null;
     selectionText: string | null;
     selectionElementList: IElement[];
+    titleId: string | null;
+    titleStartPageNo: number | null;
 };
 export interface IRangeParagraphInfo {
     elementList: IElement[];

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

@@ -18,4 +18,5 @@ export interface IRow {
     elementList: IRowElement[];
     isWidthNotEnough?: boolean;
     rowIndex: number;
+    isSurround?: boolean;
 }

package/dist/src/editor/interface/table/Td.d.ts

@@ -5,6 +5,8 @@ import { IRow } from '../Row';
 export interface ITd {
     conceptId?: string;
     id?: string;
+    extension?: unknown;
+    externalId?: string;
     x?: number;
     y?: number;
     width?: number;
@@ -28,4 +30,6 @@ export interface ITd {
     mainHeight?: number;
     realHeight?: number;
     realMinHeight?: number;
+    disabled?: boolean;
+    deletable?: boolean;
 }

package/dist/src/editor/interface/table/Tr.d.ts

@@ -1,6 +1,8 @@
 import { ITd } from './Td';
 export interface ITr {
     id?: string;
+    extension?: unknown;
+    externalId?: string;
     height: number;
     tdList: ITd[];
     minHeight?: number;

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

@@ -22,7 +22,8 @@ export declare function convertRowFlexToJustifyContent(rowFlex: RowFlex): "cente
 export declare function isTextLikeElement(element: IElement): boolean;
 export declare function getAnchorElement(elementList: IElement[], anchorIndex: number): IElement | null;
 export interface IFormatElementContextOption {
-    isBreakWhenWrap: boolean;
+    isBreakWhenWrap?: boolean;
+    editorOptions?: DeepRequired<IEditorOption>;
 }
 export declare function formatElementContext(sourceElementList: IElement[], formatElementList: IElement[], anchorIndex: number, options?: IFormatElementContextOption): void;
 export declare function convertElementToDom(element: IElement, options: DeepRequired<IEditorOption>): HTMLElement;
@@ -42,4 +43,6 @@ export declare function getTextFromElementList(elementList: IElement[]): string;
 export declare function getSlimCloneElementList(elementList: IElement[]): IElement[];
 export declare function getIsBlockElement(element?: IElement): boolean;
 export declare function replaceHTMLElementTag(oldDom: HTMLElement, tagName: keyof HTMLElementTagNameMap): HTMLElement;
+export declare function pickSurroundElementList(elementList: IElement[]): IElement[];
+export declare function deleteSurroundElementList(elementList: IElement[], pageNo: number): void;
 export {};

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

@@ -1,3 +1,4 @@
+import { IElementFillRect } from '../interface/Element';
 export declare function debounce<T extends unknown[]>(func: (...arg: T) => unknown, delay: number): (this: unknown, ...args: T) => void;
 export declare function throttle<T extends unknown[]>(func: (...arg: T) => unknown, delay: number): (this: unknown, ...args: T) => void;
 export declare function deepCloneOmitKeys<T, K>(obj: T, omitKeys: (keyof K)[]): T;
@@ -20,3 +21,4 @@ export declare function convertStringToBase64(input: string): string;
 export declare function findScrollContainer(element: HTMLElement): HTMLElement;
 export declare function isArrayEqual(arr1: unknown[], arr2: unknown[]): boolean;
 export declare function isObjectEqual(obj1: unknown, obj2: unknown): boolean;
+export declare function isRectIntersect(rect1: IElementFillRect, rect2: IElementFillRect): boolean;

package/package.json

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