markgojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
58 lines (57 loc) • 2.78 kB
JavaScript
(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", "./RealtimeDragSelectingTool"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/*
* Copyright (C) 1998-2019 by Northwoods Software Corporation. All Rights Reserved.
*/
var go = require("../release/go");
var RealtimeDragSelectingTool_1 = require("./RealtimeDragSelectingTool");
function init() {
if (typeof window["goSamples"] === 'function')
window["goSamples"](); // init for these samples -- you don't need to call this
var $ = go.GraphObject.make; // for conciseness in defining templates
var myDiagram = $(go.Diagram, "myDiagramDiv", {
initialDocumentSpot: go.Spot.Center,
initialViewportSpot: go.Spot.Center,
// replace the standard DragSelectingTool with one that selects while dragging,
// and also only requires overlapping bounds with the dragged box to be selected
dragSelectingTool: $(RealtimeDragSelectingTool_1.RealtimeDragSelectingTool, { isPartialInclusion: true, delay: 50 }, {
box: $(go.Part, // replace the magenta box with a red one
{ layerName: "Tool", selectable: false }, $(go.Shape, {
name: "SHAPE", fill: "rgba(255,0,0,0.1)",
stroke: "red", strokeWidth: 2
}))
}),
// Define the template for Nodes, just some text inside a colored rectangle
nodeTemplate: $(go.Node, "Spot", { width: 70, height: 20 }, $(go.Shape, "Rectangle", new go.Binding("fill", "c")), $(go.TextBlock, { margin: 2 }, new go.Binding("text", "c"))),
// Define the template for Links, just a simple line
linkTemplate: $(go.Link, $(go.Shape, { stroke: "black" })),
layout: $(go.TreeLayout)
});
myDiagram.model = loadTree();
}
exports.init = init;
function loadTree() {
// create some tree data
var total = 49;
var treedata = [];
for (var i = 0; i < total; i++) {
// these property names are also specified when creating the TreeModel
var d = {
key: i,
c: go.Brush.randomColor(),
parent: (i > 0 ? Math.floor(Math.random() * i / 2) : undefined) // the random parent's key
};
treedata.push(d);
}
return new go.TreeModel(treedata);
}
});