124 lines
2.3 KiB
TypeScript
124 lines
2.3 KiB
TypeScript
export interface Data {
|
|
camera: {
|
|
point: number[]
|
|
zoom: number
|
|
}
|
|
brush?: Bounds
|
|
currentPageId: string
|
|
selectedIds: string[]
|
|
pointedId?: string
|
|
document: {
|
|
pages: Record<string, Page>
|
|
}
|
|
}
|
|
|
|
export interface Page {
|
|
id: string
|
|
type: "page"
|
|
childIndex: number
|
|
name: string
|
|
shapes: Record<string, Shape>
|
|
}
|
|
|
|
export enum ShapeType {
|
|
Dot = "dot",
|
|
Circle = "circle",
|
|
Ellipse = "ellipse",
|
|
Line = "line",
|
|
Ray = "ray",
|
|
Polyline = "Polyline",
|
|
Rectangle = "rectangle",
|
|
// Glob = "glob",
|
|
// Spline = "spline",
|
|
// Cubic = "cubic",
|
|
// Conic = "conic",
|
|
}
|
|
|
|
export interface BaseShape {
|
|
id: string
|
|
type: ShapeType
|
|
parentId: string
|
|
childIndex: number
|
|
name: string
|
|
point: number[]
|
|
rotation: 0
|
|
}
|
|
|
|
export interface DotShape extends BaseShape {
|
|
type: ShapeType.Dot
|
|
}
|
|
|
|
export interface CircleShape extends BaseShape {
|
|
type: ShapeType.Circle
|
|
radius: number
|
|
}
|
|
|
|
export interface EllipseShape extends BaseShape {
|
|
type: ShapeType.Ellipse
|
|
radiusX: number
|
|
radiusY: number
|
|
}
|
|
|
|
export interface LineShape extends BaseShape {
|
|
type: ShapeType.Line
|
|
vector: number[]
|
|
}
|
|
|
|
export interface RayShape extends BaseShape {
|
|
type: ShapeType.Ray
|
|
vector: number[]
|
|
}
|
|
|
|
export interface PolylineShape extends BaseShape {
|
|
type: ShapeType.Polyline
|
|
points: number[][]
|
|
}
|
|
|
|
export interface RectangleShape extends BaseShape {
|
|
type: ShapeType.Rectangle
|
|
size: number[]
|
|
}
|
|
|
|
export type Shape =
|
|
| DotShape
|
|
| CircleShape
|
|
| EllipseShape
|
|
| LineShape
|
|
| RayShape
|
|
| PolylineShape
|
|
| RectangleShape
|
|
|
|
export interface Bounds {
|
|
minX: number
|
|
minY: number
|
|
maxX: number
|
|
maxY: number
|
|
width: number
|
|
height: number
|
|
}
|
|
|
|
export interface Shapes extends Record<ShapeType, Shape> {
|
|
[ShapeType.Dot]: DotShape
|
|
[ShapeType.Circle]: CircleShape
|
|
[ShapeType.Ellipse]: EllipseShape
|
|
[ShapeType.Line]: LineShape
|
|
[ShapeType.Ray]: RayShape
|
|
[ShapeType.Polyline]: PolylineShape
|
|
[ShapeType.Rectangle]: RectangleShape
|
|
}
|
|
|
|
export interface BaseShapeStyles {
|
|
fill: string
|
|
stroke: string
|
|
strokeWidth: number
|
|
}
|
|
|
|
export type Difference<A, B> = A extends B ? never : A
|
|
|
|
export type ShapeSpecificProps<T extends Shape> = Pick<
|
|
T,
|
|
Difference<keyof T, keyof BaseShape>
|
|
>
|
|
|
|
export type ShapeProps<T extends Shape> = Partial<BaseShapeStyles> &
|
|
ShapeSpecificProps<T>
|