@plait/common 0.50.1 → 0.51.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/common",
-  "version": "0.50.1",
+  "version": "0.51.1",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0",

package/plugins/with-resize.d.ts

@@ -1,22 +1,4 @@
-import { PlaitBoard, PlaitElement, Point, ResizeCursorClass } from '@plait/core';
+import { PlaitBoard } from '@plait/core';
 import { ResizeHandle } from '../constants/resize';
-import { ResizeRef } from '../utils/resize';
-export interface WithResizeOptions<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
-    key: string;
-    canResize: () => boolean;
-    detect: (point: Point) => ResizeDetectResult<T, K> | null;
-    onResize: (resizeRef: ResizeRef<T, K>, resizeState: ResizeState) => void;
-    afterResize?: (resizeRef: ResizeRef<T, K>) => void;
-    beforeResize?: (resizeRef: ResizeRef<T, K>) => void;
-}
-export interface ResizeDetectResult<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
-    element: T;
-    handle: K;
-    cursorClass?: ResizeCursorClass;
-}
-export interface ResizeState {
-    offsetX: number;
-    offsetY: number;
-    endTransformPoint: Point;
-}
-export declare const withResize: <T extends PlaitElement = PlaitElement, K = ResizeHandle>(board: PlaitBoard, options: WithResizeOptions<T, K>) => PlaitBoard;
+import { PlaitElementOrArray, WithResizeOptions } from '../types/resize';
+export declare const withResize: <T extends PlaitElementOrArray = PlaitElementOrArray, K = ResizeHandle>(board: PlaitBoard, options: WithResizeOptions<T, K>) => PlaitBoard;

package/public-api.d.ts

@@ -7,3 +7,4 @@ export * from './utils';
 export * from './core/plugin-element';
 export * from './core/image-base.component';
 export * from './algorithms';
+export * from './types/resize';

package/types/resize.d.ts

@@ -0,0 +1,30 @@
+import { Path, PlaitElement, Point, RectangleClient, ResizeCursorClass } from '@plait/core';
+import { ResizeHandle } from '../constants/resize';
+export type PlaitElementOrArray = PlaitElement | PlaitElement[];
+export interface WithResizeOptions<T extends PlaitElementOrArray = PlaitElementOrArray, K = ResizeHandle> {
+    key: string;
+    canResize: () => boolean;
+    hitTest: (point: Point) => ResizeHitTestRef<T, K> | null;
+    onResize: (resizeRef: ResizeRef<T, K>, resizeState: ResizeState) => void;
+    afterResize?: (resizeRef: ResizeRef<T, K>) => void;
+    beforeResize?: (resizeRef: ResizeRef<T, K>) => void;
+}
+export interface ResizeHitTestRef<T extends PlaitElementOrArray = PlaitElementOrArray, K = ResizeHandle> {
+    element: T;
+    rectangle?: RectangleClient;
+    handle: K;
+    handleIndex?: number;
+    cursorClass?: ResizeCursorClass;
+}
+export interface ResizeState {
+    startPoint: Point;
+    endPoint: Point;
+    isShift: boolean;
+}
+export interface ResizeRef<T extends PlaitElementOrArray = PlaitElementOrArray, K = ResizeHandle> {
+    element: T;
+    rectangle?: RectangleClient;
+    path: Path | Path[];
+    handle: K;
+    handleIndex?: number;
+}

package/utils/direction.d.ts

@@ -1,4 +1,4 @@
-import { Direction, Point, PointOfRectangle, Vector } from '@plait/core';
+import { Direction, DirectionFactor, Point, PointOfRectangle, Vector } from '@plait/core';
 export declare function getDirectionByPointOfRectangle(point: PointOfRectangle): Direction | undefined;
 /**
  * this function accepts vector parameter, the vector parameter vector is based on the screen coordinate system
@@ -7,8 +7,6 @@ export declare function getDirectionByPointOfRectangle(point: PointOfRectangle):
  * if the vector has two directions, the function will return the string in which direction it is closer.
  */
 export declare function getDirectionByVector(vector: Vector): Direction | null;
-export declare function getPointByVector(point: Point, vector: Vector, offset: number): Point;
-export declare function rotateVectorAnti90(vector: Vector): Vector;
 export declare function getDirectionBetweenPointAndPoint(source: Point, target: Point): Direction;
 export declare function getDirectionFactor(direction: Direction): {
     x: number;
@@ -23,7 +21,4 @@ export declare function getDirectionFactor(direction: Direction): {
     x: number;
     y: number;
 };
-export declare function getFactorByPoints(source: Point, target: Point): {
-    x: number;
-    y: number;
-};
+export declare function getDirectionFactorByVectorComponent(vectorComponent: number): DirectionFactor;

package/utils/drawing/index.d.ts

@@ -0,0 +1 @@
+export * from './resize-handle';

package/utils/drawing/resize-handle.d.ts

@@ -0,0 +1,4 @@
+import { PlaitBoard, Point } from '@plait/core';
+export declare const drawHandle: (board: PlaitBoard, centerPoint: Point) => SVGGElement;
+export declare function drawFillPrimaryHandle(board: PlaitBoard, point: Point): SVGGElement;
+export declare function drawPrimaryHandle(board: PlaitBoard, point: Point): SVGGElement;

package/utils/elbow-line-route.d.ts

@@ -11,8 +11,8 @@ export interface ElbowLineRouteOptions {
     targetRectangle: RectangleClient;
 }
 export interface RouteAdjustOptions {
-    xAxis?: number;
-    yAxis?: number;
+    centerX?: number;
+    centerY?: number;
     sourceRectangle: RectangleClient;
     targetRectangle: RectangleClient;
 }
@@ -31,3 +31,18 @@ export declare const reduceRouteMargin: (sourceRectangle: RectangleClient, targe
     targetOffset: number[];
 };
 export declare const getNextPoint: (point: Point, outerRectangle: RectangleClient, direction: Direction) => Point;
+export declare const getSourceAndTargetOuterRectangle: (sourceRectangle: RectangleClient, targetRectangle: RectangleClient) => {
+    sourceOuterRectangle: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    targetOuterRectangle: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};
+export declare const isSourceAndTargetIntersect: (options: ElbowLineRouteOptions) => boolean;

package/utils/index.d.ts

@@ -1,10 +1,12 @@
 export * from './resize';
 export * from './line-path';
 export * from './hot-key';
-export * from './rectangle';
 export * from './creation-mode';
 export * from './direction';
 export * from './text';
 export * from './image';
 export * from './elbow-line-route';
 export * from './memorize';
+export * from './vector';
+export * from './math';
+export * from './drawing';

package/utils/line-path.d.ts

@@ -14,6 +14,6 @@ export declare function getEdgeCenter({ sourceX, sourceY, targetX, targetY }: {
 export declare function getPointOnPolyline(points: Point[], ratio: number): number[];
 export declare function calculatePolylineLength(points: Point[]): number;
 export declare function getRatioByPoint(points: Point[], point: Point): number;
-export declare function isPointOnLineSegment(point: Point, startPoint: Point, endPoint: Point): boolean;
 export declare const removeDuplicatePoints: (points: Point[]) => Point[];
+export declare function simplifyOrthogonalPoints(points: Point[]): Point[];
 export declare const getExtendPoint: (source: Point, target: Point, extendDistance: number) => Point;

package/utils/math.d.ts

@@ -0,0 +1,3 @@
+import { Point } from '@plait/core';
+export declare function isPointOnSegment(point: Point, startPoint: Point, endPoint: Point): boolean;
+export declare const getCrossingPointsBetweenPointAndSegment: (point: Point, startPoint: Point, endPoint: Point) => Point[];

package/utils/resize.d.ts

@@ -1,10 +1,9 @@
-import { Path, PlaitBoard, PlaitElement, RectangleClient, ResizeCursorClass } from '@plait/core';
+import { PlaitBoard, Point, RectangleClient, ResizeCursorClass } from '@plait/core';
 import { ResizeHandle } from '../constants/resize';
-export interface ResizeRef<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
-    element: T;
-    path: Path;
-    handle: K;
-}
+import { PlaitElementOrArray, ResizeRef } from '../types/resize';
+export declare const getResizeHandleByIndex: (index: number) => ResizeHandle;
+export declare const getIndexByResizeHandle: (resizeHandle: ResizeHandle) => number;
+export declare const getSymmetricHandleIndex: (board: PlaitBoard, index: number) => number;
 export declare const getRectangleResizeHandleRefs: (rectangle: RectangleClient, diameter: number) => {
     rectangle: {
         x: number;
@@ -15,8 +14,11 @@ export declare const getRectangleResizeHandleRefs: (rectangle: RectangleClient,
     handle: ResizeHandle;
     cursorClass: ResizeCursorClass;
 }[];
+export declare const getResizeHandlePointByIndex: (rectangle: RectangleClient, index: number) => Point;
 export declare const IS_RESIZING: WeakMap<PlaitBoard, ResizeRef<any, any>>;
 export declare const isResizing: (board: PlaitBoard) => boolean;
-export declare const isResizingByCondition: <T extends PlaitElement, K>(board: PlaitBoard, match: (resizeRef: ResizeRef<T, K>) => boolean) => boolean;
-export declare const addResizing: <T extends PlaitElement, K>(board: PlaitBoard, resizeRef: ResizeRef<T, K>, key: string) => void;
+export declare const isResizingByCondition: <T extends PlaitElementOrArray, K>(board: PlaitBoard, match: (resizeRef: ResizeRef<T, K>) => boolean) => boolean;
+export declare const addResizing: <T extends PlaitElementOrArray, K>(board: PlaitBoard, resizeRef: ResizeRef<T, K>, key: string) => void;
 export declare const removeResizing: (board: PlaitBoard, key: string) => void;
+export declare const isEdgeHandle: (board: PlaitBoard, handle: ResizeHandle) => boolean;
+export declare const isCornerHandle: (board: PlaitBoard, handle: ResizeHandle) => boolean;

package/utils/vector.d.ts

@@ -0,0 +1,5 @@
+import { Point, Vector } from '@plait/core';
+export declare function getUnitVectorByPointAndPoint(point1: Point, point2: Point): Point;
+export declare function getPointByVector(point: Point, vector: Vector, component: number): Point;
+export declare function getPointByUnitVectorAndVectorComponent(point: Point, unitVector: Vector, vectorComponent: number, isHorizontal: boolean): Point;
+export declare function rotateVectorAnti90(vector: Vector): Vector;

package/esm2022/utils/rectangle.mjs

@@ -1,16 +0,0 @@
-export const getRectangleByPoints = (points) => {
-    let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-    points.forEach(point => {
-        minX = Math.min(point[0], minX);
-        maxX = Math.max(point[0], maxX);
-        minY = Math.min(point[1], minY);
-        maxY = Math.max(point[1], maxY);
-    });
-    return {
-        x: minX,
-        y: minY,
-        width: maxX - minX,
-        height: maxY - minY
-    };
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdGFuZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy91dGlscy9yZWN0YW5nbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxNQUFlLEVBQUUsRUFBRTtJQUNwRCxJQUFJLElBQUksR0FBRyxRQUFRLEVBQ2YsSUFBSSxHQUFHLENBQUMsUUFBUSxFQUNoQixJQUFJLEdBQUcsUUFBUSxFQUNmLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQztJQUNyQixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ25CLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNoQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDaEMsSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ2hDLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDLENBQUMsQ0FBQztJQUVILE9BQU87UUFDSCxDQUFDLEVBQUUsSUFBSTtRQUNQLENBQUMsRUFBRSxJQUFJO1FBQ1AsS0FBSyxFQUFFLElBQUksR0FBRyxJQUFJO1FBQ2xCLE1BQU0sRUFBRSxJQUFJLEdBQUcsSUFBSTtLQUN0QixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUG9pbnQgfSBmcm9tICdAcGxhaXQvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBnZXRSZWN0YW5nbGVCeVBvaW50cyA9IChwb2ludHM6IFBvaW50W10pID0+IHtcbiAgICBsZXQgbWluWCA9IEluZmluaXR5LFxuICAgICAgICBtYXhYID0gLUluZmluaXR5LFxuICAgICAgICBtaW5ZID0gSW5maW5pdHksXG4gICAgICAgIG1heFkgPSAtSW5maW5pdHk7XG4gICAgcG9pbnRzLmZvckVhY2gocG9pbnQgPT4ge1xuICAgICAgICBtaW5YID0gTWF0aC5taW4ocG9pbnRbMF0sIG1pblgpO1xuICAgICAgICBtYXhYID0gTWF0aC5tYXgocG9pbnRbMF0sIG1heFgpO1xuICAgICAgICBtaW5ZID0gTWF0aC5taW4ocG9pbnRbMV0sIG1pblkpO1xuICAgICAgICBtYXhZID0gTWF0aC5tYXgocG9pbnRbMV0sIG1heFkpO1xuICAgIH0pO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgeDogbWluWCxcbiAgICAgICAgeTogbWluWSxcbiAgICAgICAgd2lkdGg6IG1heFggLSBtaW5YLFxuICAgICAgICBoZWlnaHQ6IG1heFkgLSBtaW5ZXG4gICAgfTtcbn07XG4iXX0=

package/utils/rectangle.d.ts

@@ -1,7 +0,0 @@
-import { Point } from '@plait/core';
-export declare const getRectangleByPoints: (points: Point[]) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};