@leafer-in/editor 1.0.0-rc.8 → 1.0.0

package/types/index.d.ts

@@ -1,6 +1,8 @@
-import { IBounds, ILeafList, IUI, IEventListenerId, ILeaf, IGroup, IGroupInputData, IEditSize, IPointData, IBox, IBoundsData, IRectInputData, IKeyEvent, IRect, ILeaferCanvas, IRenderOptions, IMatrixData, IDragEvent, IAround, AnswerType } from '@leafer-ui/interface';
-import { Group, PointerEvent, DragEvent, MoveEvent, RotateEvent, Box, UI, Event } from '@leafer-ui/core';
-import { IEditSelect, IEditor, IStroker, ISelectArea, IEditorConfig, IEditBox, IEditTool, IEditorScaleEvent, IEditPoint, IEditPointType, IDirection8, IEditorEvent, IEditorMoveEvent, IEditorRotateEvent, IEditorSkewEvent } from '@leafer-in/interface';
+export * from '@leafer-in/resize';
+import { IBounds, ILeafList, IUI, IEventListenerId, ILeaf, IPointerEvent, ILeaferCanvas, IRenderOptions, IGroup, IObject, IPointData, IGroupInputData, IEditSize, IAlign, IBox, IBoundsData, IBoxInputData, IKeyEvent, IRect, IRectInputData, IMatrixData, IDragEvent, IAround } from '@leafer-ui/interface';
+import { Group, UI, Event, Direction9, Box, Answer } from '@leafer-ui/draw';
+import { PointerEvent, DragEvent, MoveEvent, ZoomEvent, RotateEvent } from '@leafer-ui/core';
+import { IEditSelect, IEditor, IStroker, ISelectArea, IEditorConfig, IEditBox, IEditTool, IInnerEditor, IEditorScaleEvent, IEditorEvent, IEditPoint, IEditPointType, IEditorMoveEvent, IEditorRotateEvent, IEditorSkewEvent, IEditorGroupEvent, IInnerEditorEvent, IUI as IUI$1, IDragEvent as IDragEvent$1, IPointData as IPointData$1, IPathCommandData, IFromToData, IAround as IAround$1 } from '@leafer-in/interface';
 
 declare class EditSelect extends Group implements IEditSelect {
     editor: IEditor;
@@ -12,7 +14,7 @@ declare class EditSelect extends Group implements IEditSelect {
     bounds: IBounds;
     selectArea: ISelectArea;
     protected originList: ILeafList;
-    protected lastDownLeaf: IUI;
+    protected needRemoveItem: IUI;
     protected __eventIds: IEventListenerId[];
     constructor(editor: IEditor);
     protected onHover(): void;
@@ -21,54 +23,84 @@ declare class EditSelect extends Group implements IEditSelect {
     protected onPointerMove(e: PointerEvent): void;
     protected onBeforeDown(e: PointerEvent): void;
     protected onTap(e: PointerEvent): void;
+    protected checkAndSelect(e: PointerEvent): void;
     protected onDragStart(e: DragEvent): void;
     protected onDrag(e: DragEvent): void;
     protected onDragEnd(): void;
     protected onAutoMove(e: MoveEvent): void;
     protected allow(target: ILeaf): boolean;
     protected allowDrag(e: DragEvent): boolean;
-    protected findDeepOne(e: PointerEvent): IUI;
+    protected allowSelect(e: IPointerEvent): boolean;
+    findDeepOne(e: PointerEvent): IUI;
+    findUI(e: PointerEvent): IUI;
+    isMultipleSelect(e: IPointerEvent): boolean;
     protected __listenEvents(): void;
     protected __removeListenEvents(): void;
     destroy(): void;
 }
 
+declare class EditMask extends UI {
+    editor: IEditor;
+    constructor(editor: IEditor);
+    __draw(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    destroy(): void;
+}
+
 declare class Editor extends Group implements IEditor {
     config: IEditorConfig;
-    hoverTarget: IUI;
-    target: IUI | IUI[];
-    leafList: ILeafList;
+    get mergeConfig(): IEditorConfig;
+    hoverTarget?: IUI;
+    target?: IUI | IUI[];
     get list(): IUI[];
-    get hasTarget(): boolean;
+    leafList: ILeafList;
+    openedGroupList: ILeafList;
+    get editing(): boolean;
+    innerEditing: boolean;
+    get groupOpening(): boolean;
     get multiple(): boolean;
     get single(): boolean;
+    get dragging(): boolean;
     get element(): IUI;
     simulateTarget: IUI;
     editBox: IEditBox;
     get buttons(): IGroup;
-    editTool: IEditTool;
+    editTool?: IEditTool;
+    innerEditor?: IInnerEditor;
+    editToolList: IObject;
     selector: EditSelect;
-    get dragging(): boolean;
+    editMask: EditMask;
+    dragStartPoint: IPointData;
     targetEventIds: IEventListenerId[];
     constructor(userConfig?: IEditorConfig, data?: IGroupInputData);
+    select(target: IUI | IUI[]): void;
+    cancel(): void;
     hasItem(item: IUI): boolean;
     addItem(item: IUI): void;
     removeItem(item: IUI): void;
     shiftItem(item: IUI): void;
     update(): void;
+    updateEditBox(): void;
     updateEditTool(): void;
-    getEditSize(ui: IUI): IEditSize;
+    getEditSize(_ui: IUI): IEditSize;
     onMove(e: DragEvent): void;
-    onScale(e: DragEvent): void;
+    onScale(e: DragEvent | ZoomEvent): void;
     onRotate(e: DragEvent | RotateEvent): void;
     onSkew(e: DragEvent): void;
-    move(x: number, y: number): void;
+    move(x: number | IPointData, y?: number): void;
     scaleWithDrag(data: IEditorScaleEvent): void;
-    scaleOf(origin: IPointData, scaleX: number, scaleY?: number, _resize?: boolean): void;
-    rotateOf(origin: IPointData, rotation: number): void;
-    skewOf(origin: IPointData, skewX: number, skewY?: number, _resize?: boolean): void;
-    group(group?: IGroup): IGroup;
+    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, _resize?: boolean): void;
+    rotateOf(origin: IPointData | IAlign, rotation: number): void;
+    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, _resize?: boolean): void;
+    group(userGroup?: IGroup | IGroupInputData): IGroup;
     ungroup(): IUI[];
+    openGroup(group: IGroup): void;
+    closeGroup(group: IGroup): void;
+    checkOpenedGroups(): void;
+    checkDeepSelect(): void;
+    emitGroupEvent(type: string, group: IGroup): void;
+    openInnerEditor(target?: IUI): void;
+    closeInnerEditor(): void;
+    emitInnerEvent(type: string): void;
     lock(): void;
     unlock(): void;
     toTop(): void;
@@ -78,9 +110,25 @@ declare class Editor extends Group implements IEditor {
     destroy(): void;
 }
 
+declare class EditorEvent extends Event implements IEditorEvent {
+    static SELECT: string;
+    static HOVER: string;
+    readonly target: IUI;
+    readonly editor: IEditor;
+    readonly value: IUI | IUI[];
+    readonly oldValue: IUI | IUI[];
+    get list(): IUI[];
+    get oldList(): IUI[];
+    readonly worldOrigin: IPointData;
+    readonly origin: IPointData;
+    constructor(type: string, data?: IEditorEvent);
+}
+
 declare class EditBox extends Group implements IEditBox {
     editor: IEditor;
     dragging: boolean;
+    moving: boolean;
+    view: IGroup;
     rect: IBox;
     circle: IEditPoint;
     buttons: IGroup;
@@ -95,24 +143,29 @@ declare class EditBox extends Group implements IEditBox {
     protected __eventIds: IEventListenerId[];
     constructor(editor: IEditor);
     create(): void;
+    load(): void;
     update(bounds: IBoundsData): void;
     protected layoutButtons(): void;
-    getPointStyle(userStyle?: IRectInputData): IRectInputData;
-    getPointsStyle(): IRectInputData[];
-    getMiddlePointsStyle(): IRectInputData[];
+    unload(): void;
+    getPointStyle(userStyle?: IBoxInputData): IBoxInputData;
+    getPointsStyle(): IBoxInputData[];
+    getMiddlePointsStyle(): IBoxInputData[];
+    protected onSelect(e: EditorEvent): void;
     protected onDragStart(e: DragEvent): void;
     protected onDragEnd(e: DragEvent): void;
     protected onDrag(e: DragEvent): void;
     onArrow(e: IKeyEvent): void;
-    protected onDoubleClick(): void;
-    listenPointEvents(point: IEditPoint, type: IEditPointType, direction: IDirection8): void;
+    protected onDoubleTap(e: PointerEvent): void;
+    protected onLongPress(e: PointerEvent): void;
+    protected openInner(e: PointerEvent): void;
+    listenPointEvents(point: IEditPoint, type: IEditPointType, direction: Direction9): void;
     protected __listenEvents(): void;
     protected __removeListenEvents(): void;
     destroy(): void;
 }
 
 declare class EditPoint extends Box implements IEditPoint {
-    direction: IDirection8;
+    direction: Direction9;
     pointType: IEditPointType;
 }
 
@@ -133,18 +186,6 @@ declare class Stroker extends UI implements IStroker {
     destroy(): void;
 }
 
-declare class EditorEvent extends Event implements IEditorEvent {
-    static SELECT: string;
-    static HOVER: string;
-    readonly target: IUI;
-    readonly editor: IEditor;
-    readonly value: IUI | IUI[];
-    readonly oldValue: IUI | IUI[];
-    readonly worldOrigin: IPointData;
-    readonly origin: IPointData;
-    constructor(type: string, data?: IEditorEvent);
-}
-
 declare class EditorMoveEvent extends EditorEvent implements IEditorMoveEvent {
     static MOVE: string;
     readonly moveX: number;
@@ -158,7 +199,7 @@ declare class EditorScaleEvent extends EditorEvent implements IEditorScaleEvent
     readonly scaleY: number;
     readonly transform?: IMatrixData;
     readonly drag: IDragEvent;
-    readonly direction: IDirection8;
+    readonly direction: Direction9;
     readonly lockRatio: boolean;
     readonly around: IAround;
     constructor(type: string, data?: IEditorScaleEvent);
@@ -177,42 +218,99 @@ declare class EditorSkewEvent extends EditorEvent implements IEditorSkewEvent {
     constructor(type: string, data?: IEditorSkewEvent);
 }
 
-declare class EditTool implements IEditTool {
-    static list: IEditTool[];
-    tag: string;
+declare class EditorGroupEvent extends EditorEvent implements IEditorGroupEvent {
+    static GROUP: string;
+    static BEFORE_UNGROUP: string;
+    static UNGROUP: string;
+    static OPEN: string;
+    static CLOSE: string;
+    readonly editTarget: IGroup;
+    constructor(type: string, data?: IEditorGroupEvent);
+}
+
+declare class InnerEditorEvent extends EditorEvent implements IInnerEditorEvent {
+    static BEFORE_OPEN: string;
+    static OPEN: string;
+    static BEFORE_CLOSE: string;
+    static CLOSE: string;
+    readonly editTarget: IUI;
+    readonly innerEditor: IInnerEditor;
+    constructor(type: string, data?: IInnerEditorEvent);
+}
+
+declare function registerEditTool(): (target: IObject) => void;
+declare const registerInnerEditor: typeof registerEditTool;
+declare const EditToolCreator: {
+    list: IObject;
+    register(EditTool: IObject): void;
+    get(tag: string, editor: IEditor): IEditTool;
+};
+
+declare class InnerEditor implements IInnerEditor {
+    static registerInnerEditor(): void;
+    get tag(): string;
+    editTarget: IUI;
+    config: IObject;
+    editor: IEditor;
+    get editBox(): IEditBox;
+    view: IGroup;
+    eventIds: IEventListenerId[];
+    constructor(editor: IEditor);
+    onCreate(): void;
+    create(): void;
+    onLoad(): void;
+    load(): void;
+    onUpdate(): void;
+    update(): void;
+    onUnload(): void;
+    unload(): void;
+    onDestroy(): void;
+    destroy(): void;
+}
+
+declare class EditTool extends InnerEditor implements IEditTool {
+    static registerEditTool(): void;
+    get tag(): string;
     onMove(e: IEditorMoveEvent): void;
     onScale(e: IEditorScaleEvent): void;
     onRotate(e: IEditorRotateEvent): void;
     onSkew(e: IEditorSkewEvent): void;
-    update(editor: IEditor): void;
+    load(): void;
+    update(): void;
+    unload(): void;
 }
 
 declare class LineEditTool extends EditTool {
-    tag: string;
+    get tag(): string;
     scaleOfEvent: boolean;
     onScaleWithDrag(e: IEditorScaleEvent): void;
+    getInnerMove(ui: IUI$1, event: IDragEvent$1, lockRatio: boolean | 'corner'): IPointData$1;
+    getFromToByPath(path: IPathCommandData): IFromToData;
+    getFromToByPoints(points: number[]): IFromToData;
+    dragPoint(fromPoint: IPointData$1, toPoint: IPointData$1, isDragFrom: boolean, around: IAround$1, movePoint: IPointData$1): void;
     onSkew(_e: IEditorSkewEvent): void;
-    update(editor: IEditor): void;
+    onUpdate(): void;
 }
 
 declare const EditorHelper: {
-    group(list: IUI[], element?: IUI, group?: IGroup): IGroup;
+    group(list: IUI[], element?: IUI, userGroup?: IGroup | IGroupInputData): IGroup;
     ungroup(list: IUI[]): IUI[];
     toTop(list: IUI[]): void;
     toBottom(list: IUI[]): void;
 };
 
 declare const EditDataHelper: {
-    getScaleData(bounds: IBoundsData, direction: IDirection8, pointMove: IPointData, lockRatio: boolean, around: IAround): IEditorScaleEvent;
-    getRotateData(bounds: IBoundsData, direction: IDirection8, current: IPointData, last: IPointData, around: IAround): IEditorRotateEvent;
-    getSkewData(bounds: IBoundsData, direction: IDirection8, move: IPointData, around: IAround): IEditorSkewEvent;
+    getScaleData(bounds: IBoundsData, direction: Direction9, pointMove: IPointData, lockRatio: boolean | "corner", around: IAround): IEditorScaleEvent;
+    getRotateData(bounds: IBoundsData, direction: Direction9, current: IPointData, last: IPointData, around: IAround): IEditorRotateEvent;
+    getSkewData(bounds: IBoundsData, direction: Direction9, move: IPointData, around: IAround): IEditorSkewEvent;
     getAround(around: IAround, altKey: boolean): IAround;
     getRotateDirection(direction: number, rotation: number, totalDirection?: number): number;
+    getFlipDirection(direction: Direction9, flipedX: boolean, flipedY: boolean): Direction9;
 };
 
 declare const EditSelectHelper: {
     findOne(path: ILeafList): IUI;
-    findBounds(leaf: IUI, bounds: IBounds): AnswerType;
+    findBounds(leaf: IUI, bounds: IBounds): Answer;
 };
 
-export { EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, Editor, EditorEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, LineEditTool, SelectArea, Stroker };
+export { EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, InnerEditor, InnerEditorEvent, LineEditTool, SelectArea, Stroker, registerEditTool, registerInnerEditor };

package/src/tool/index.ts

@@ -1,21 +0,0 @@
-import { IUI } from '@leafer-ui/interface'
-import { Line } from '@leafer-ui/core'
-
-import { IEditTool } from '@leafer-in/interface'
-
-import { EditTool } from './EditTool'
-import { LineEditTool } from './LineEditTool'
-
-
-export function getEditTool(list: IUI[]): IEditTool {
-    if (list.length === 1) {
-        const leaf = list[0]
-        if (leaf instanceof Line && !leaf.points) {
-            return new LineEditTool()
-        } else {
-            return new EditTool()
-        }
-    } else {
-        return new EditTool()
-    }
-}