gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
162 lines (161 loc) • 8.49 kB
JavaScript
/*
* Copyright (C) 1998-2023 by Northwoods Software Corporation. All Rights Reserved.
*/
(function (factory) {
if (typeof module === "object" && typeof module.exports === "object") {
var v = factory(require, exports);
if (v !== undefined) module.exports = v;
}
else if (typeof define === "function" && define.amd) {
define(["require", "exports", "../release/go.js"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/*
* This is an extension and not part of the main GoJS library.
* Note that the API for this class may change with any version, even point releases.
* If you intend to use an extension in production, you should copy the code to your own source directory.
* Extensions can be found in the GoJS kit under the extensions or extensionsJSM folders.
* See the Extensions intro page (https://gojs.net/latest/intro/extensions.html) for more information.
*/
var go = require("../release/go.js");
// This file holds the definitions of several useful figures with rounded corners but straight sides:
// "RoundedTopRectangle", "RoundedBottomRectangle", "RoundedLeftRectangle", "RoundedRightRectangle",
// (each with rounded corners on one side) and "Capsule" (with rounded corners occupying opposite sides
// and parallel sides between them).
// The basic "RoundedRectangle" (corners on all four sides) is built into the GoJS library --
// you can see its definition in Figures.js.
// Two of these are demonstrated at ../samples/twoHalves.html and ../samples/roundedGroups.html.
go.Shape.defineFigureGenerator("RoundedTopRectangle", function (shape, w, h) {
// this figure takes one parameter, the size of the corner
var p1 = 5; // default corner size
if (shape !== null) {
var param1 = shape.parameter1;
if (!isNaN(param1) && param1 >= 0)
p1 = param1; // can't be negative or NaN
}
p1 = Math.min(p1, w / 3); // limit by width & height
p1 = Math.min(p1, h);
var geo = new go.Geometry();
// a single figure consisting of straight lines and quarter-circle arcs
geo.add(new go.PathFigure(0, p1)
.add(new go.PathSegment(go.PathSegment.Arc, 180, 90, p1, p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, w - p1, 0))
.add(new go.PathSegment(go.PathSegment.Arc, 270, 90, w - p1, p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, w, h))
.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()));
// don't intersect with two top corners when used in an "Auto" Panel
geo.spot1 = new go.Spot(0, 0, 0.3 * p1, 0.3 * p1);
geo.spot2 = new go.Spot(1, 1, -0.3 * p1, 0);
return geo;
});
go.Shape.defineFigureGenerator("RoundedBottomRectangle", function (shape, w, h) {
// this figure takes one parameter, the size of the corner
var p1 = 5; // default corner size
if (shape !== null) {
var param1 = shape.parameter1;
if (!isNaN(param1) && param1 >= 0)
p1 = param1; // can't be negative or NaN
}
p1 = Math.min(p1, w / 3); // limit by width & height
p1 = Math.min(p1, h);
var geo = new go.Geometry();
// a single figure consisting of straight lines and quarter-circle arcs
geo.add(new go.PathFigure(0, 0)
.add(new go.PathSegment(go.PathSegment.Line, w, 0))
.add(new go.PathSegment(go.PathSegment.Line, w, h - p1))
.add(new go.PathSegment(go.PathSegment.Arc, 0, 90, w - p1, h - p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, p1, h))
.add(new go.PathSegment(go.PathSegment.Arc, 90, 90, p1, h - p1, p1, p1).close()));
// don't intersect with two bottom corners when used in an "Auto" Panel
geo.spot1 = new go.Spot(0, 0, 0.3 * p1, 0);
geo.spot2 = new go.Spot(1, 1, -0.3 * p1, -0.3 * p1);
return geo;
});
go.Shape.defineFigureGenerator("RoundedLeftRectangle", function (shape, w, h) {
// this figure takes one parameter, the size of the corner
var p1 = 5; // default corner size
if (shape !== null) {
var param1 = shape.parameter1;
if (!isNaN(param1) && param1 >= 0)
p1 = param1; // can't be negative or NaN
}
p1 = Math.min(p1, w); // limit by width & height
p1 = Math.min(p1, h / 3);
var geo = new go.Geometry();
// a single figure consisting of straight lines and quarter-circle arcs
geo.add(new go.PathFigure(w, 0)
.add(new go.PathSegment(go.PathSegment.Line, w, h))
.add(new go.PathSegment(go.PathSegment.Line, p1, h))
.add(new go.PathSegment(go.PathSegment.Arc, 90, 90, p1, h - p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, 0, p1))
.add(new go.PathSegment(go.PathSegment.Arc, 180, 90, p1, p1, p1, p1).close()));
// don't intersect with two top corners when used in an "Auto" Panel
geo.spot1 = new go.Spot(0, 0, 0.3 * p1, 0.3 * p1);
geo.spot2 = new go.Spot(1, 1, -0.3 * p1, 0);
return geo;
});
go.Shape.defineFigureGenerator("RoundedRightRectangle", function (shape, w, h) {
// this figure takes one parameter, the size of the corner
var p1 = 5; // default corner size
if (shape !== null) {
var param1 = shape.parameter1;
if (!isNaN(param1) && param1 >= 0)
p1 = param1; // can't be negative or NaN
}
p1 = Math.min(p1, w); // limit by width & height
p1 = Math.min(p1, h / 3);
var geo = new go.Geometry();
// a single figure consisting of straight lines and quarter-circle arcs
geo.add(new go.PathFigure(0, 0)
.add(new go.PathSegment(go.PathSegment.Line, w - p1, 0))
.add(new go.PathSegment(go.PathSegment.Arc, 270, 90, w - p1, p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, w, h - p1))
.add(new go.PathSegment(go.PathSegment.Arc, 0, 90, w - p1, h - p1, p1, p1))
.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()));
// don't intersect with two bottom corners when used in an "Auto" Panel
geo.spot1 = new go.Spot(0, 0, 0.3 * p1, 0);
geo.spot2 = new go.Spot(1, 1, -0.3 * p1, -0.3 * p1);
return geo;
});
// narrow ends of rectangular area are completely rounded
go.Shape.defineFigureGenerator("Capsule", function (shape, w, h) {
var geo = new go.Geometry();
if (w < h) {
var fig = new go.PathFigure(0, w / 2, true);
geo.add(fig);
// Outline
var f = w * 0.156;
fig.add(new go.PathSegment(go.PathSegment.Arc, 180, 180, w / 2, w / 2, w / 2, w / 2));
fig.add(new go.PathSegment(go.PathSegment.Line, w, h - w / 2));
fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 180, w / 2, h - w / 2, w / 2, w / 2));
fig.add(new go.PathSegment(go.PathSegment.Line, 0, w / 2));
geo.spot1 = new go.Spot(0, 0, f, f);
geo.spot2 = new go.Spot(1, 1, -f, -f);
return geo;
}
else if (w > h) {
var fig = new go.PathFigure(h / 2, 0, true);
geo.add(fig);
// Outline
var f = h * 0.156;
fig.add(new go.PathSegment(go.PathSegment.Line, w - h / 2, 0));
fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 180, w - h / 2, h / 2, h / 2, h / 2));
fig.add(new go.PathSegment(go.PathSegment.Line, w - h / 2, h));
fig.add(new go.PathSegment(go.PathSegment.Arc, 90, 180, h / 2, h / 2, h / 2, h / 2));
geo.spot1 = new go.Spot(0, 0, f, f);
geo.spot2 = new go.Spot(1, 1, -f, -f);
return geo;
}
else { // w === h
geo.type = go.Geometry.Ellipse;
geo.endX = w;
geo.endY = h;
var f = w * 0.156;
geo.spot1 = new go.Spot(0, 0, f, f);
geo.spot2 = new go.Spot(1, 1, -f, -f);
return geo;
}
});
});