alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nodetypes): custome types

Browse Source
This commit is contained in:
moklick
2019-07-16 13:06:47 +02:00
parent da1bf6f5ad
commit 587fb88fa3
7 changed files with 55 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/NodeRenderer/NodeTypes/DefaultNode.js
+2 -3
View File
@@ -1,12 +1,11 @@
import React from 'react';
import wrapNode from './wrapNode';
import Handle from '../Handle';
export default wrapNode(({ data, style }) => (
export default ({ data, style }) => (
<div style={{ background: '#ff6060', padding: '10px', ...style }}>
<Handle style={{ top: 0 }} />
{data.label}
<Handle style={{ bottom: 0, top: 'auto', transform: 'translate(-50%, 50%)' }} />
</div>
));
);
src/NodeRenderer/NodeTypes/InputNode.js
+2 -3
View File
@@ -1,11 +1,10 @@
import React from 'react';
import wrapNode from './wrapNode';
import Handle from '../Handle';
export default wrapNode(({ data, style }) => (
export default ({ data, style }) => (
<div style={{ background: '#9999ff', padding: '10px', ...style }}>
{data.label}
<Handle style={{ bottom: 0, top: 'auto', transform: 'translate(-50%, 50%)' }} />
</div>
));
);
src/NodeRenderer/NodeTypes/OutputNode.js
+2 -3
View File
@@ -1,11 +1,10 @@
import React from 'react';
import wrapNode from './wrapNode';
import Handle from '../Handle';
export default wrapNode(({ data, style }) => (
export default ({ data, style }) => (
<div style={{ background: '#55ff99', padding: '10px', ...style }}>
<Handle style={{ top: 0 }} />
{data.label}
</div>
));
);