@plait/common 0.1.0-next.9 → 0.29.0

package/plugins/with-resize.d.ts

@@ -1,5 +1,6 @@
-import { Path, PlaitBoard, PlaitElement, Point } from '@plait/core';
+import { PlaitBoard, PlaitElement, Point } from '@plait/core';
 import { ResizeHandle, ResizeCursorClass } from '../constants/resize';
+import { ResizeRef } from '../utils/resize';
 export interface WithResizeOptions<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
     key: string;
     canResize: () => boolean;
@@ -12,11 +13,6 @@ export interface ResizeDetectResult<T extends PlaitElement = PlaitElement, K = R
     handle: K;
     cursorClass?: ResizeCursorClass;
 }
-export interface ResizeRef<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
-    element: T;
-    path: Path;
-    handle: K;
-}
 export interface ResizeState {
     offsetX: number;
     offsetY: number;

package/public-api.d.ts

@@ -5,3 +5,4 @@ export * from './shapes';
 export * from './plugins';
 export * from './utils';
 export * from './core/plugin-element';
+export * from './core/image-base.component';

package/transforms/property.d.ts

@@ -1,8 +1,8 @@
-import { Path, PlaitBoard, PlaitElement, PlaitPluginElementComponent } from '@plait/core';
+import { PlaitBoard } from '@plait/core';
 export declare const PropertyTransforms: {
     setFillColor: (board: PlaitBoard, fill: string) => void;
     setStrokeStyle: (board: PlaitBoard, strokeStyle: string) => void;
-    setProperty: (board: PlaitBoard, options: any, callback?: ((component: PlaitPluginElementComponent<PlaitElement, PlaitBoard>, path: Path) => void) | undefined) => void;
+    setProperty: (board: PlaitBoard, options: any, callback?: ((component: import("@plait/core").PlaitPluginElementComponent<import("@plait/core").PlaitElement, PlaitBoard>, path: import("@plait/core").Path) => void) | undefined) => void;
     setStrokeWidth: (board: PlaitBoard, strokeWidth: number) => void;
     setStrokeColor: (board: PlaitBoard, strokeColor: string) => void;
 };

package/utils/direction.d.ts

@@ -7,7 +7,8 @@ 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 rotateVector90(vector: Vector): Vector;
+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;

package/utils/image.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, PlaitBoard } from '@plait/core';
+import { ImageBaseComponent } from '../core/image-base.component';
+export interface CommonImageItem {
+    url: string;
+    width: number;
+    height: number;
+}
+export interface WithCommonPluginOptions {
+    imageComponentType?: ComponentType<ImageBaseComponent>;
+}
+export declare const selectImage: (board: PlaitBoard, defaultImageWidth: number, handle: (commonImage: CommonImageItem) => void, acceptImageTypes?: string[]) => void;
+export declare const buildImage: (board: PlaitBoard, imageFile: File, defaultImageWidth: number, handle: (commonImage: CommonImageItem) => void) => Promise<void>;

package/utils/index.d.ts

@@ -5,3 +5,4 @@ export * from './rectangle';
 export * from './creation-mode';
 export * from './direction';
 export * from './text';
+export * from './image';

package/utils/resize.d.ts

@@ -1,5 +1,10 @@
-import { PlaitBoard, PlaitElement, RectangleClient } from '@plait/core';
+import { Path, PlaitBoard, PlaitElement, RectangleClient } from '@plait/core';
 import { ResizeCursorClass, ResizeHandle } from '../constants/resize';
+export interface ResizeRef<T extends PlaitElement = PlaitElement, K = ResizeHandle> {
+    element: T;
+    path: Path;
+    handle: K;
+}
 export declare const getRectangleResizeHandleRefs: (rectangle: RectangleClient, diameter: number) => {
     rectangle: {
         x: number;
@@ -10,8 +15,8 @@ export declare const getRectangleResizeHandleRefs: (rectangle: RectangleClient,
     handle: ResizeHandle;
     cursorClass: ResizeCursorClass;
 }[];
-export declare const IS_RESIZING: WeakMap<PlaitBoard, PlaitElement>;
+export declare const IS_RESIZING: WeakMap<PlaitBoard, ResizeRef<any, any>>;
 export declare const isResizing: (board: PlaitBoard) => boolean;
-export declare const isResizingByCondition: (board: PlaitBoard, match: (element: PlaitElement) => boolean) => boolean;
-export declare const addResizing: (board: PlaitBoard, element: PlaitElement, key: string) => void;
+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 removeResizing: (board: PlaitBoard, key: string) => void;