devexpress-diagram/dist/lib/src/Model/Shapes/Descriptions/General/ArrowDownShapeDescription.ts

DevExpress Diagram Control

import { SvgPrimitive } from "../../../../Render/Primitives/Primitive";
import { Shape } from "../../Shape";
import { PathPrimitive, PathPrimitiveLineToCommand, PathPrimitiveMoveToCommand, PathPrimitiveClosePathCommand } from "../../../../Render/Primitives/PathPrimitive";
import { ShapeParameterPoint } from "../../ShapeParameterPoint";
import { Point } from "@devexpress/utils/lib/geometry/point";
import { ArrowVerticalShapeDescription, ArrowVerticalTriangleHeightParameterName, ArrowVerticalLineWidthParameterName } from "./ArrowVerticalShapeDescription";
import { ShapeParameters } from "../../ShapeParameters";
import { ShapeTypes } from "../../ShapeTypes";
import { ConnectionPointSide } from "../../../DiagramItem";
import { ConnectionPoint } from "../../../ConnectionPoint";

export class ArrowDownShapeDescription extends ArrowVerticalShapeDescription {
    get key() { return ShapeTypes.ArrowDown; }

    createShapePrimitives(shape: Shape): SvgPrimitive<SVGGraphicsElement>[] {
        const rect = shape.rectangle;
        const { x: left, y: top, right, bottom, width, height } = rect;
        const cx = rect.center.x;
        const p1dx = (width - shape.parameters.get(ArrowVerticalLineWidthParameterName).value) / 2;
        const p0dy = height - shape.parameters.get(ArrowVerticalTriangleHeightParameterName).value;

        const p1x1 = shape.normalizeX(left + p1dx);
        const p0y1 = shape.normalizeY(top + p0dy);
        const p1x2 = shape.normalizeX(right - p1dx);

        return [
            new PathPrimitive([
                new PathPrimitiveMoveToCommand(p1x1, top),
                new PathPrimitiveLineToCommand(p1x2, top),
                new PathPrimitiveLineToCommand(p1x2, p0y1),
                new PathPrimitiveLineToCommand(right, p0y1),
                new PathPrimitiveLineToCommand(cx, bottom),
                new PathPrimitiveLineToCommand(left, p0y1),
                new PathPrimitiveLineToCommand(p1x1, p0y1),
                new PathPrimitiveClosePathCommand()
            ], shape.style)
        ];
    }
    modifyParameters(shape: Shape, parameters: ShapeParameters, deltaX: number, deltaY: number) {
        this.changeParameterValue(parameters, ArrowVerticalTriangleHeightParameterName, p => p.value - deltaY);
        this.changeParameterValue(parameters, ArrowVerticalLineWidthParameterName, p => p.value - deltaX * 2);
        this.normalizeParameters(shape, parameters);
    }
    getParameterPoints(shape: Shape): ShapeParameterPoint[] {
        return [
            new ShapeParameterPoint("c",
                new Point(
                    shape.normalizeX(shape.position.x + (shape.size.width - shape.parameters.get(ArrowVerticalLineWidthParameterName).value) / 2),
                    shape.normalizeY(shape.position.y + shape.size.height - shape.parameters.get(ArrowVerticalTriangleHeightParameterName).value)
                )
            )
        ];
    }
    processConnectionPoint(shape: Shape, point: ConnectionPoint) {
        const triangleHeight = shape.parameters.get(ArrowVerticalTriangleHeightParameterName).value;
        if(point.y > shape.position.y + shape.size.height - triangleHeight) {
            const tg = shape.size.width / 2 / triangleHeight;
            const delta = (point.y - (shape.position.y + shape.size.height - triangleHeight)) * tg;
            const side = shape.getConnectionPointSide(point);
            if(side === ConnectionPointSide.East)
                point.x -= delta;
            else if(side === ConnectionPointSide.West)
                point.x += delta;
        }
        else
            super.processConnectionPoint(shape, point);
    }
}