@plait/draw 0.86.1 → 0.87.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/engines/basic-shapes/ellipse.d.ts +1 -1
- package/engines/basic-shapes/polygon.d.ts +2 -2
- package/engines/table/table.d.ts +11 -3
- package/fesm2022/plait-draw.mjs +333 -338
- package/fesm2022/plait-draw.mjs.map +1 -1
- package/generators/text.generator.d.ts +1 -2
- package/interfaces/arrow-line.d.ts +0 -2
- package/interfaces/engine.d.ts +1 -1
- package/interfaces/geometry.d.ts +0 -1
- package/interfaces/table.d.ts +0 -1
- package/package.json +1 -1
- package/transforms/geometry-text.d.ts +2 -2
- package/transforms/geometry.d.ts +1 -1
- package/transforms/index.d.ts +3 -3
- package/utils/common.d.ts +2 -2
- package/utils/geometry.d.ts +1 -2
- package/utils/hit.d.ts +2 -3
- package/utils/multi-text-geometry.d.ts +2 -2
- package/utils/shape.d.ts +1 -1
- package/utils/table.d.ts +1 -1
- package/utils/text-size.d.ts +7 -0
|
@@ -3,7 +3,6 @@ import { PlaitBoard, PlaitElement, RectangleClient } from '@plait/core';
|
|
|
3
3
|
import { DrawShapes, PlaitGeometry, TextRectangleOptions } from '../interfaces';
|
|
4
4
|
export interface DrawTextInfo extends TextRectangleOptions {
|
|
5
5
|
text: ParagraphElement;
|
|
6
|
-
textHeight: number;
|
|
7
6
|
}
|
|
8
7
|
export interface TextGeneratorOptions<T> {
|
|
9
8
|
onChange: (element: T, textChangeRef: TextManageChangeData, text: DrawTextInfo) => void;
|
|
@@ -31,7 +30,7 @@ export declare class TextGenerator<T extends PlaitElement = PlaitGeometry> {
|
|
|
31
30
|
update(element: T, previousDrawShapeTexts: DrawTextInfo[], currentDrawShapeTexts: DrawTextInfo[], elementG: SVGElement): void;
|
|
32
31
|
private createTextManage;
|
|
33
32
|
getRectangle(text: DrawTextInfo): {
|
|
34
|
-
height:
|
|
33
|
+
height: number;
|
|
35
34
|
width: number;
|
|
36
35
|
x: any;
|
|
37
36
|
y: number;
|
package/interfaces/engine.d.ts
CHANGED
|
@@ -17,5 +17,5 @@ export interface ShapeEngine<T extends PlaitElement = PlaitGeometry, P extends D
|
|
|
17
17
|
getEdgeByConnectionPoint?: (rectangle: RectangleClient, point: PointOfRectangle) => [Point, Point] | null;
|
|
18
18
|
getTangentVectorByConnectionPoint?: (rectangle: RectangleClient, point: PointOfRectangle) => Vector | null;
|
|
19
19
|
draw: (board: PlaitBoard, rectangle: RectangleClient, roughOptions: Options, options?: P) => SVGGElement;
|
|
20
|
-
getTextRectangle?: (element: T, options?: K) => RectangleClient;
|
|
20
|
+
getTextRectangle?: (board: PlaitBoard, element: T, options?: K) => RectangleClient;
|
|
21
21
|
}
|
package/interfaces/geometry.d.ts
CHANGED
|
@@ -99,7 +99,6 @@ export interface PlaitMultipleTextGeometry extends PlaitCommonGeometry {
|
|
|
99
99
|
}
|
|
100
100
|
export interface PlaitGeometry extends PlaitCommonGeometry {
|
|
101
101
|
text?: ParagraphElement;
|
|
102
|
-
textHeight?: number;
|
|
103
102
|
}
|
|
104
103
|
export interface PlaitRectangle extends PlaitGeometry {
|
|
105
104
|
shape: BasicShapes.rectangle;
|
package/interfaces/table.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PlaitBoard } from '@plait/core';
|
|
2
2
|
import { Element } from 'slate';
|
|
3
3
|
import { PlaitGeometry } from '../interfaces';
|
|
4
|
-
export declare const setText: (board: PlaitBoard, element: PlaitGeometry, text: Element, width: number,
|
|
5
|
-
export declare const setTextSize: (board: PlaitBoard, element: PlaitGeometry,
|
|
4
|
+
export declare const setText: (board: PlaitBoard, element: PlaitGeometry, text: Element, width: number, height: number) => void;
|
|
5
|
+
export declare const setTextSize: (board: PlaitBoard, element: PlaitGeometry, width: number, height: number) => void;
|
package/transforms/geometry.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import { GeometryShapes } from '../interfaces';
|
|
|
3
3
|
import { Element } from 'slate';
|
|
4
4
|
export declare const insertGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes>;
|
|
5
5
|
export declare const insertText: (board: PlaitBoard, point: Point, text: string | Element) => void;
|
|
6
|
-
export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point],
|
|
6
|
+
export declare const resizeGeometry: (board: PlaitBoard, points: [Point, Point], path: Path) => void;
|
|
7
7
|
export declare const switchGeometryShape: (board: PlaitBoard, shape: GeometryShapes) => void;
|
package/transforms/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const DrawTransforms: {
|
|
2
|
-
setText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, text: import("slate").Element, width: number,
|
|
2
|
+
setText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, text: import("slate").Element, width: number, height: number) => void;
|
|
3
3
|
setDrawTexts: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitMultipleTextGeometry, text: import("@plait/draw").DrawTextInfo) => void;
|
|
4
4
|
insertGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], shape: import("@plait/draw").GeometryShapes) => import("@plait/draw").PlaitCommonGeometry<"geometry", [import("@plait/core").Point, import("@plait/core").Point], import("@plait/draw").GeometryShapes>;
|
|
5
|
-
resizeGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point],
|
|
5
|
+
resizeGeometry: (board: import("@plait/core").PlaitBoard, points: [import("@plait/core").Point, import("@plait/core").Point], path: import("@plait/core").Path) => void;
|
|
6
6
|
insertText: (board: import("@plait/core").PlaitBoard, point: import("@plait/core").Point, text: string | import("slate").Element) => void;
|
|
7
|
-
setTextSize: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry,
|
|
7
|
+
setTextSize: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitGeometry, width: number, height: number) => void;
|
|
8
8
|
resizeArrowLine: (board: import("@plait/core").PlaitBoard, options: Partial<import("@plait/draw").PlaitArrowLine>, path: import("@plait/core").Path) => void;
|
|
9
9
|
setArrowLineTexts: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitArrowLine, texts: import("@plait/draw").ArrowLineText[]) => void;
|
|
10
10
|
removeArrowLineText: (board: import("@plait/core").PlaitBoard, element: import("@plait/draw").PlaitArrowLine, index: number) => void;
|
package/utils/common.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ import { Alignment } from '@plait/common';
|
|
|
4
4
|
import { Options } from 'roughjs/bin/core';
|
|
5
5
|
import { PlaitBaseTable } from '../interfaces/table';
|
|
6
6
|
import { DrawTextInfo } from '../generators/text.generator';
|
|
7
|
-
export declare const getTextRectangle: <T extends PlaitElement = PlaitGeometry>(element: T) => {
|
|
8
|
-
height:
|
|
7
|
+
export declare const getTextRectangle: <T extends PlaitElement = PlaitGeometry>(board: PlaitBoard, element: T) => {
|
|
8
|
+
height: number;
|
|
9
9
|
width: number;
|
|
10
10
|
x: any;
|
|
11
11
|
y: number;
|
package/utils/geometry.d.ts
CHANGED
|
@@ -9,7 +9,6 @@ import { DrawTextInfo } from '../generators/text.generator';
|
|
|
9
9
|
export type GeometryStyleOptions = Pick<PlaitGeometry, 'fill' | 'strokeColor' | 'strokeWidth'>;
|
|
10
10
|
export type TextProperties = Partial<CustomText> & {
|
|
11
11
|
align?: Alignment;
|
|
12
|
-
textHeight?: number;
|
|
13
12
|
};
|
|
14
13
|
export declare const createGeometryElement: (shape: GeometryShapes, points: [Point, Point], text: string | Element, options?: GeometryStyleOptions, textProperties?: TextProperties) => PlaitGeometry;
|
|
15
14
|
export declare const createGeometryElementWithText: (shape: GeometryShapes, points: [Point, Point], text: string | Element, options?: GeometryStyleOptions, textProperties?: TextProperties) => PlaitGeometry;
|
|
@@ -136,7 +135,7 @@ export declare const getDefaultGeometryProperty: (pointer: DrawPointerType) => {
|
|
|
136
135
|
height: number;
|
|
137
136
|
};
|
|
138
137
|
export declare const getDefaultTextPoints: (board: PlaitBoard, centerPoint: Point, fontSize?: number | string) => [Point, Point];
|
|
139
|
-
export declare const createTextElement: (board: PlaitBoard, points: [Point, Point], text: string | Element
|
|
138
|
+
export declare const createTextElement: (board: PlaitBoard, points: [Point, Point], text: string | Element) => PlaitGeometry;
|
|
140
139
|
export declare const createDefaultGeometry: (board: PlaitBoard, points: [Point, Point], shape: GeometryShapes) => import("../interfaces").PlaitCommonGeometry<"geometry", [Point, Point], GeometryShapes>;
|
|
141
140
|
export declare const editText: (board: PlaitBoard, element: PlaitGeometry, text?: DrawTextInfo) => void;
|
|
142
141
|
export declare const isGeometryIncludeText: (element: PlaitGeometry) => boolean;
|
package/utils/hit.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { PlaitElement, RectangleClient, Selection, PlaitBoard, Point } from '@plait/core';
|
|
2
2
|
import { PlaitArrowLine, PlaitCommonGeometry, PlaitCustomGeometry, PlaitDrawElement, PlaitGeometry, PlaitShapeElement, PlaitVectorLine } from '../interfaces';
|
|
3
|
-
export declare const isTextExceedingBounds: (geometry: PlaitGeometry) => boolean;
|
|
4
3
|
export declare const isHitArrowLineText: (board: PlaitBoard, element: PlaitArrowLine, point: Point) => boolean;
|
|
5
4
|
export declare const isHitPolyLine: (pathPoints: Point[], point: Point) => boolean;
|
|
6
5
|
export declare const isHitArrowLine: (board: PlaitBoard, element: PlaitArrowLine, point: Point) => boolean;
|
|
7
6
|
export declare const isHitVectorLine: (board: PlaitBoard, element: PlaitVectorLine, point: Point) => boolean;
|
|
8
|
-
export declare const isRectangleHitElementText: (element: PlaitCommonGeometry, rectangle: RectangleClient) => boolean;
|
|
9
|
-
export declare const isHitElementText: (element: PlaitCommonGeometry, point: Point) => boolean;
|
|
7
|
+
export declare const isRectangleHitElementText: (board: PlaitBoard, element: PlaitCommonGeometry, rectangle: RectangleClient) => boolean;
|
|
8
|
+
export declare const isHitElementText: (board: PlaitBoard, element: PlaitCommonGeometry, point: Point) => boolean;
|
|
10
9
|
export declare const isEmptyTextElement: (element: PlaitCommonGeometry) => boolean;
|
|
11
10
|
export declare const isRectangleHitDrawElement: (board: PlaitBoard, element: PlaitElement, selection: Selection) => boolean | null;
|
|
12
11
|
export declare const isRectangleHitRotatedElement: (board: PlaitBoard, rectangle: RectangleClient, element: PlaitElement & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PlaitElement, Point } from '@plait/core';
|
|
1
|
+
import { PlaitBoard, PlaitElement, Point } from '@plait/core';
|
|
2
2
|
import { GeometryShapes, PlaitMultipleTextGeometry } from '../interfaces/geometry';
|
|
3
3
|
import { DrawTextInfo } from '../generators/text.generator';
|
|
4
4
|
import { GeometryStyleOptions } from './geometry';
|
|
@@ -7,4 +7,4 @@ export declare const isMultipleTextGeometry: (geometry: PlaitElement) => geometr
|
|
|
7
7
|
export declare const getMultipleTextGeometryTextKeys: (shape: GeometryShapes) => string[] | undefined;
|
|
8
8
|
export declare const createMultipleTextGeometryElement: (shape: GeometryShapes, points: [Point, Point], options?: GeometryStyleOptions) => PlaitMultipleTextGeometry;
|
|
9
9
|
export declare const buildDefaultTextsByShape: (shape: GeometryShapes) => DrawTextInfo[];
|
|
10
|
-
export declare const getHitMultipleGeometryText: (element: PlaitMultipleTextGeometry, point: Point) => DrawTextInfo | undefined;
|
|
10
|
+
export declare const getHitMultipleGeometryText: (board: PlaitBoard, element: PlaitMultipleTextGeometry, point: Point) => DrawTextInfo | undefined;
|
package/utils/shape.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ import { PlaitBoard } from '@plait/core';
|
|
|
2
2
|
import { PlaitGeometry, PlaitShapeElement, TableSymbols } from '../interfaces';
|
|
3
3
|
import { DrawPointerType } from '../constants/pointer';
|
|
4
4
|
import { GeometryShapeGenerator, TableGenerator } from '../generators';
|
|
5
|
-
export declare const getElementShape: (value: PlaitShapeElement) => import("../interfaces").GeometryShapes | import("../interfaces").SwimlaneSymbols
|
|
5
|
+
export declare const getElementShape: (value: PlaitShapeElement) => import("../interfaces").GeometryShapes | TableSymbols.table | import("../interfaces").SwimlaneSymbols;
|
|
6
6
|
export declare const getGeometryGeneratorByShape: (board: PlaitBoard, shape: DrawPointerType) => GeometryShapeGenerator | TableGenerator<PlaitGeometry>;
|
package/utils/table.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ export declare const updateRows: (table: PlaitBaseTable, rowId: string, height:
|
|
|
23
23
|
export declare function updateCellIdsByRowOrColumn(cells: PlaitTableCell[], oldId: string, newId: string, type: 'row' | 'column'): void;
|
|
24
24
|
export declare function updateRowOrColumnIds(element: PlaitTable, type: 'row' | 'column'): void;
|
|
25
25
|
export declare function updateCellIds(cells: PlaitTableCell[]): void;
|
|
26
|
-
export declare function isCellIncludeText(cell: PlaitTableCell):
|
|
26
|
+
export declare function isCellIncludeText(cell: PlaitTableCell): import("../interfaces/table").PlaitTableCellParagraph | undefined;
|
|
27
27
|
export declare function getCellsRectangle(board: PlaitTableBoard, element: PlaitTable, cells: PlaitTableCell[]): RectangleClient;
|
|
28
28
|
export declare const createCell: (rowId: string, columnId: string, text?: string | null) => PlaitTableCell;
|
|
29
29
|
export declare const getSelectedTableCellsEditor: (board: PlaitBoard) => BaseEditor[] | undefined;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ElementSize, ParagraphElement } from '@plait/common';
|
|
2
|
+
import { PlaitBoard } from '@plait/core';
|
|
3
|
+
export declare const getTextSize: (board: PlaitBoard, text: ParagraphElement, maxWidth?: number) => ElementSize;
|
|
4
|
+
export declare const normalizeWidthAndHeight: (textSize: ElementSize) => {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|