@plait/draw 0.32.0 → 0.33.0

package/generators/auto-complete.generator.d.ts

@@ -0,0 +1,13 @@
+import { PlaitBoard } from '@plait/core';
+import { PlaitGeometry } from '../interfaces';
+import { ActiveGeneratorExtraData, Generator } from '@plait/common';
+export declare class AutoCompleteGenerator extends Generator<PlaitGeometry, ActiveGeneratorExtraData> {
+    board: PlaitBoard;
+    autoCompleteG: SVGGElement;
+    hoverElement: SVGGElement | null;
+    constructor(board: PlaitBoard);
+    canDraw(element: PlaitGeometry, data: ActiveGeneratorExtraData): boolean;
+    draw(element: PlaitGeometry, data: ActiveGeneratorExtraData): SVGGElement;
+    removeAutoCompleteG(index: number): void;
+    recoverAutoCompleteG(): void;
+}

package/generators/geometry-shape.generator.d.ts

@@ -4,5 +4,5 @@ export interface ShapeData {
 }
 export declare class GeometryShapeGenerator extends Generator<PlaitGeometry, ShapeData> {
     canDraw(element: PlaitGeometry, data: ShapeData): boolean;
-    baseDraw(element: PlaitGeometry, data: ShapeData): SVGGElement | undefined;
+    draw(element: PlaitGeometry, data: ShapeData): SVGGElement | undefined;
 }

package/generators/line-active.generator.d.ts

@@ -7,6 +7,6 @@ export interface ActiveData {
 export declare class LineActiveGenerator extends Generator<PlaitLine, ActiveData> {
     hasResizeHandle: boolean;
     canDraw(element: PlaitLine, data: ActiveData): boolean;
-    baseDraw(element: PlaitLine, data: ActiveData): SVGGElement;
+    draw(element: PlaitLine, data: ActiveData): SVGGElement;
 }
 export declare function getMiddlePoints(board: PlaitBoard, element: PlaitLine): Point[];

package/generators/line.generator.d.ts

@@ -4,5 +4,5 @@ export interface ShapeData {
 }
 export declare class LineShapeGenerator extends Generator<PlaitLine, ShapeData> {
     canDraw(element: PlaitLine, data: ShapeData): boolean;
-    baseDraw(element: PlaitLine, data: ShapeData): SVGGElement;
+    draw(element: PlaitLine, data: ShapeData): SVGGElement;
 }

package/geometry.component.d.ts

@@ -5,12 +5,14 @@ import { PlaitGeometry } from './interfaces/geometry';
 import { GeometryShapeGenerator } from './generators/geometry-shape.generator';
 import { TextManage } from '@plait/text';
 import { ActiveGenerator, CommonPluginElement } from '@plait/common';
+import { AutoCompleteGenerator } from './generators/auto-complete.generator';
 import * as i0 from "@angular/core";
 export declare class GeometryComponent extends CommonPluginElement<PlaitGeometry, PlaitBoard> implements OnInit, OnDestroy, OnContextChanged<PlaitGeometry, PlaitBoard> {
     private viewContainerRef;
     protected cdr: ChangeDetectorRef;
     destroy$: Subject<void>;
     activeGenerator: ActiveGenerator<PlaitGeometry>;
+    autoCompleteGenerator: AutoCompleteGenerator;
     shapeGenerator: GeometryShapeGenerator;
     get textManage(): TextManage;
     constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/draw",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",

package/plugins/with-auto-complete-reaction.d.ts

@@ -0,0 +1,2 @@
+import { PlaitBoard } from '@plait/core';
+export declare const withAutoCompleteReaction: (board: PlaitBoard) => PlaitBoard;

package/plugins/with-auto-complete.d.ts

@@ -0,0 +1,7 @@
+import { PlaitBoard } from '@plait/core';
+import { PlaitLine } from '../interfaces';
+export interface AutoCompleteOptions {
+    afterComplete: (element: PlaitLine) => {};
+}
+export declare const withAutoCompletePluginKey = "plait-auto-complete-plugin-key";
+export declare const withAutoComplete: (board: PlaitBoard) => PlaitBoard;

package/transforms/geometry.d.ts

@@ -1,6 +1,7 @@
 import { PlaitBoard, Point, Path } from '@plait/core';
-import { GeometryShapes } from '../interfaces';
+import { PlaitGeometry, GeometryShapes } from '../interfaces';
 import { Element } from 'slate';
 export declare const insertGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => void;
 export declare const insertText: (board: PlaitBoard, points: [Point, Point], text?: string | Element) => void;
 export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point], textHeight: number, path: Path) => void;
+export declare const transformShape: (board: PlaitBoard, element: PlaitGeometry, shape: GeometryShapes) => void;

package/transforms/index.d.ts

@@ -9,4 +9,5 @@ export declare const DrawTransforms: {
     removeLineText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitLine, index: number) => void;
     setLineMark: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitLine, handleKey: import("@plait/draw").LineHandleKey, marker: import("@plait/draw").LineMarkerType) => void;
     insertImage: (board: import("@plait/core").PlaitBoard, imageItem: import("@plait/common").CommonImageItem, startPoint?: import("@plait/core").Point | undefined) => void;
+    transformShape: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, shape: import("@plait/draw").GeometryShapes) => void;
 };

package/utils/geometry.d.ts

@@ -1,4 +1,4 @@
-import { PlaitBoard, Point, RectangleClient } from '@plait/core';
+import { PlaitBoard, Point, RectangleClient, ThemeColorMode } from '@plait/core';
 import { GeometryShapes, PlaitGeometry, FlowchartSymbols } from '../interfaces/geometry';
 import { Element } from 'slate';
 import { Options } from 'roughjs/bin/core';
@@ -35,3 +35,7 @@ export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) =>
     height: number;
 };
 export declare const createDefaultFlowchart: (point: Point) => (import("../interfaces").PlaitLine | PlaitGeometry)[];
+export declare const getAutoCompletePoints: (element: PlaitGeometry) => [Point, Point, Point, Point];
+export declare const getHitIndexOfAutoCompletePoint: (movingPoint: Point, points: Point[]) => number;
+export declare const getDrawDefaultStrokeColor: (theme: ThemeColorMode) => string;
+export declare const getFlowchartDefaultFill: (theme: ThemeColorMode) => string;

package/utils/line.d.ts

@@ -21,3 +21,5 @@ export declare const getLineTextRectangle: (board: PlaitBoard, element: PlaitLin
 export declare const getBoardLines: (board: PlaitBoard) => PlaitLine[];
 export declare const Q2C: (points: Point[]) => Point[];
 export declare const getVectorByConnection: (boundElement: PlaitGeometry, connection: PointOfRectangle) => Vector;
+export declare const alignPoints: (basePoint: Point, movingPoint: Point) => Point;
+export declare const handleLineCreating: (board: PlaitBoard, lineShape: LineShape, startPoint: Point, movingPoint: Point, sourceElement: PlaitGeometry | null, lineShapeG: SVGGElement) => PlaitLine;

package/utils/style/stroke.d.ts

@@ -1,6 +1,7 @@
 import { PlaitGeometry, PlaitLine, StrokeStyle } from '../../interfaces';
+import { PlaitBoard } from '@plait/core';
 export declare const getStrokeWidthByElement: (element: PlaitGeometry | PlaitLine) => number;
-export declare const getStrokeColorByElement: (element: PlaitGeometry | PlaitLine) => string;
-export declare const getFillByElement: (element: PlaitGeometry | PlaitLine) => any;
+export declare const getStrokeColorByElement: (board: PlaitBoard, element: PlaitGeometry | PlaitLine) => string;
+export declare const getFillByElement: (board: PlaitBoard, element: PlaitGeometry | PlaitLine) => any;
 export declare const getLineDashByElement: (element: PlaitGeometry | PlaitLine) => number[] | undefined;
 export declare const getStrokeStyleByElement: (element: PlaitGeometry | PlaitLine) => StrokeStyle;