plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
32 lines (31 loc) • 1.1 kB
JavaScript
import color from 'color';
import { Link, CurvedLink, OrthogonalLink } from '../../canvas/objects';
const defaultOption = {
fill: 'rgba(0, 0, 0, 0)',
stroke: color('#718096').lighten(0.2).rgb().toString(),
originStroke: color('#718096').lighten(0.2).rgb().toString(),
action: {
enabled: false,
},
tooltip: {
enabled: true,
},
animation: {
type: 'none',
},
userProperty: {},
trigger: {
enabled: false,
},
};
export default {
link: {
create: (fromNode, fromPort, toNode, toPort, option) => new Link(fromNode, fromPort, toNode, toPort, Object.assign(Object.assign({}, defaultOption), option)),
},
curvedLink: {
create: (fromNode, fromPort, toNode, toPort, option) => new CurvedLink(fromNode, fromPort, toNode, toPort, Object.assign(Object.assign({}, defaultOption), option)),
},
orthogonalLink: {
create: (fromNode, fromPort, toNode, toPort, option) => new OrthogonalLink(fromNode, fromPort, toNode, toPort, Object.assign(Object.assign({}, defaultOption), option)),
},
};