chore(examples): cleanup
This commit is contained in:
moklick
@@ -32,96 +32,96 @@ const nodeStyle = {
|
|||||||
const initialEdges: Edge[] = [];
|
const initialEdges: Edge[] = [];
|
||||||
|
|
||||||
const initialNodes: Node[] = [
|
const initialNodes: Node[] = [
|
||||||
// {
|
{
|
||||||
// id: '1',
|
id: '1',
|
||||||
// type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
// data: { label: 'default resizer' },
|
data: { label: 'default resizer' },
|
||||||
// position: { x: 0, y: 0 },
|
position: { x: 0, y: 0 },
|
||||||
// origin: [1, 1],
|
origin: [1, 1],
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '1a',
|
id: '1a',
|
||||||
// type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
// data: {
|
data: {
|
||||||
// label: 'default resizer with min and max dimensions',
|
label: 'default resizer with min and max dimensions',
|
||||||
// minWidth: 100,
|
minWidth: 100,
|
||||||
// minHeight: 80,
|
minHeight: 80,
|
||||||
// maxWidth: 200,
|
maxWidth: 200,
|
||||||
// maxHeight: 200,
|
maxHeight: 200,
|
||||||
// },
|
},
|
||||||
// position: { x: 0, y: 60 },
|
position: { x: 0, y: 60 },
|
||||||
// width: 100,
|
width: 100,
|
||||||
// height: 80,
|
height: 80,
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '1b',
|
id: '1b',
|
||||||
// type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
// data: {
|
data: {
|
||||||
// label: 'default resizer with initial size and aspect ratio',
|
label: 'default resizer with initial size and aspect ratio',
|
||||||
// keepAspectRatio: true,
|
keepAspectRatio: true,
|
||||||
// minWidth: 100,
|
minWidth: 100,
|
||||||
// minHeight: 60,
|
minHeight: 60,
|
||||||
// maxWidth: 400,
|
maxWidth: 400,
|
||||||
// maxHeight: 400,
|
maxHeight: 400,
|
||||||
// },
|
},
|
||||||
// position: { x: 250, y: 0 },
|
position: { x: 250, y: 0 },
|
||||||
// width: 174,
|
width: 174,
|
||||||
// height: 123,
|
height: 123,
|
||||||
// style: {
|
style: {
|
||||||
// ...nodeStyle,
|
...nodeStyle,
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '2',
|
id: '2',
|
||||||
// type: 'customResizer',
|
type: 'customResizer',
|
||||||
// data: { label: 'custom resize icon' },
|
data: { label: 'custom resize icon' },
|
||||||
// position: { x: 0, y: 200 },
|
position: { x: 0, y: 200 },
|
||||||
// width: 100,
|
width: 100,
|
||||||
// height: 60,
|
height: 60,
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '3',
|
id: '3',
|
||||||
// type: 'verticalResizer',
|
type: 'verticalResizer',
|
||||||
// data: { label: 'vertical resizer' },
|
data: { label: 'vertical resizer' },
|
||||||
// position: { x: 250, y: 200 },
|
position: { x: 250, y: 200 },
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '3a',
|
id: '3a',
|
||||||
// type: 'verticalResizer',
|
type: 'verticalResizer',
|
||||||
// data: {
|
data: {
|
||||||
// label: 'vertical resizer with min/maxHeight and aspect ratio',
|
label: 'vertical resizer with min/maxHeight and aspect ratio',
|
||||||
// minHeight: 50,
|
minHeight: 50,
|
||||||
// maxHeight: 200,
|
maxHeight: 200,
|
||||||
// keepAspectRatio: true,
|
keepAspectRatio: true,
|
||||||
// },
|
},
|
||||||
// position: { x: 400, y: 200 },
|
position: { x: 400, y: 200 },
|
||||||
// height: 50,
|
height: 50,
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '4',
|
id: '4',
|
||||||
// type: 'horizontalResizer',
|
type: 'horizontalResizer',
|
||||||
// data: {
|
data: {
|
||||||
// label: 'horizontal resizer with aspect ratio',
|
label: 'horizontal resizer with aspect ratio',
|
||||||
// keepAspectRatio: true,
|
keepAspectRatio: true,
|
||||||
// minHeight: 20,
|
minHeight: 20,
|
||||||
// maxHeight: 80,
|
maxHeight: 80,
|
||||||
// maxWidth: 300,
|
maxWidth: 300,
|
||||||
// },
|
},
|
||||||
// position: { x: 250, y: 300 },
|
position: { x: 250, y: 300 },
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '4a',
|
id: '4a',
|
||||||
// type: 'horizontalResizer',
|
type: 'horizontalResizer',
|
||||||
// data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
|
data: { label: 'horizontal resizer with maxWidth', maxWidth: 300 },
|
||||||
// position: { x: 250, y: 400 },
|
position: { x: 250, y: 400 },
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
id: '5',
|
id: '5',
|
||||||
type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
@@ -131,28 +131,28 @@ const initialNodes: Node[] = [
|
|||||||
height: 400,
|
height: 400,
|
||||||
style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// id: '5a',
|
id: '5a',
|
||||||
// type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
// data: {
|
data: {
|
||||||
// label: 'Child with extent: parent',
|
label: 'Child with extent: parent',
|
||||||
// },
|
},
|
||||||
// position: { x: 50, y: 50 },
|
position: { x: 50, y: 50 },
|
||||||
// parentId: '5',
|
parentId: '5',
|
||||||
// extent: 'parent',
|
extent: 'parent',
|
||||||
// width: 50,
|
width: 50,
|
||||||
// height: 100,
|
height: 100,
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: '5b',
|
id: '5b',
|
||||||
// type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
// data: { label: 'Child with expandParent' },
|
data: { label: 'Child with expandParent' },
|
||||||
// position: { x: 150, y: 100 },
|
position: { x: 150, y: 100 },
|
||||||
// parentId: '5',
|
parentId: '5',
|
||||||
// expandParent: true,
|
expandParent: true,
|
||||||
// style: { ...nodeStyle },
|
style: { ...nodeStyle },
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
id: '5c',
|
id: '5c',
|
||||||
type: 'defaultResizer',
|
type: 'defaultResizer',
|
||||||
|
|||||||
Reference in New Issue
Block a user