Sysml Model Elements Entities

Comment

Preview

Usage

import { Comment } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Comment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMENT } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, COMMENT)}
  />

Definition

{
  _style: {
    entity: 'shape=note;size=15;align=left;spacingLeft=10;html=1;whiteSpace=wrap;',
  },
  _width: 180,
  _height: 80,
}

Comment 2

Preview

Usage

import { Comment2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Comment2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMENT_2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, COMMENT_2)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;endArrow=none;exitX=0.4;exitY=0;dashed=1;html=1;',
  },
  _width: 1,
  _height: 80,
}

Comment 3

Preview

Usage

import { Comment3 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Comment3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMENT_3 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, COMMENT_3)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;endArrow=none;exitX=0.8;exitY=0;dashed=1;html=1;',
  },
  _width: 2,
  _height: 80,
}

Constraint Textual Note

Preview

Usage

import { ConstraintTextualNote } from '@dinghy/diagrams/entitiesSysmlModelElements'

<ConstraintTextualNote/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_TEXTUAL_NOTE } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, CONSTRAINT_TEXTUAL_NOTE)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;strokeWidth=2;fontStyle=1;html=1;whiteSpace=wrap;align=center;',
  },
  _width: 160,
  _height: 60,
}

Constraint Textual Note 2

Preview

Usage

import { ConstraintTextualNote2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<ConstraintTextualNote2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_TEXTUAL_NOTE_2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, CONSTRAINT_TEXTUAL_NOTE_2)}
  />

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=none;labelBackgroundColor=none;fontSize=10;strokeWidth=2;',
  },
  _width: 160,
  _height: 0,
}

Flow Direction

Preview

Usage

import { FlowDirection } from '@dinghy/diagrams/entitiesSysmlModelElements'

<FlowDirection/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_DIRECTION } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, FLOW_DIRECTION)}
  />

Definition

{
  _style: {
    entity: 'shape=triangle;fillColor=strokeColor;',
  },
  _original_width: 10,
  _original_height: 10,

}

Flow Direction 2

Preview

Usage

import { FlowDirection2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<FlowDirection2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_DIRECTION_2 } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, FLOW_DIRECTION_2)}
  />

Definition

{
  _style: {
    entity: 'shape=triangle;fillColor=strokeColor;direction=south;',
  },
  _original_width: 10,
  _original_height: 10,

}

Model

Preview

Usage

import { Model } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Model/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MODEL } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, MODEL)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.composite;symbol0=folder;fontStyle=1;spacingTop=15;tabWidth=80;tabHeight=20;tabPosition=left;symbol1=triangle;symbol1Width=7;symbol1Height=10;symbol1Align=right;symbol1VerticalAlign=top;symbol1Spacing=8;symbol1VSpacing=25;symbol1Direction=north;strokeWidth=2;whiteSpace=wrap;align=center;',
  },
  _width: 160,
  _height: 90,
}

Package (Name)

Preview

Usage

import { PackageName } from '@dinghy/diagrams/entitiesSysmlModelElements'

<PackageName/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_NAME } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, PACKAGE_NAME)}
  />

Definition

{
  _style: {
    entity: 'shape=folder;tabWidth=80;tabHeight=20;tabPosition=left;strokeWidth=2;html=1;whiteSpace=wrap;align=center;',
  },
  _width: 160,
  _height: 90,
}

Package (Tab)

Preview

Usage

import { PackageTab } from '@dinghy/diagrams/entitiesSysmlModelElements'

<PackageTab/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_TAB } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, PACKAGE_TAB)}
  />

Definition

{
  _style: {
    entity: 'shape=folder;xSize=90;align=left;spacingLeft=10;align=left;verticalAlign=top;spacingLeft=5;spacingTop=-4;tabWidth=70;tabHeight=20;tabPosition=left;html=1;recursiveResize=0;',
  },
  _width: 0,
  _height: 120,
}

Package Diagram

Preview

Usage

import { PackageDiagram } from '@dinghy/diagrams/entitiesSysmlModelElements'

<PackageDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_DIAGRAM } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, PACKAGE_DIAGRAM)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;xSize=90;align=left;spacingLeft=10;overflow=fill;recursiveResize=0;',
  },
  _width: 0,
  _height: 120,
}

View

Preview

Usage

import { View } from '@dinghy/diagrams/entitiesSysmlModelElements'

<View/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIEW } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, VIEW)}
  />

Definition

{
  _style: {
    entity: 'shape=folder;html=1;tabWidth=80;tabHeight=40;tabPosition=left;align=left;verticalAlign=top;spacingLeft=10;whiteSpace=wrap;',
  },
  _width: 160,
  _height: 120,
}

View (Name)

Preview

Usage

import { ViewName } from '@dinghy/diagrams/entitiesSysmlModelElements'

<ViewName/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIEW_NAME } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, VIEW_NAME)}
  />

Definition

{
  _style: {
    entity: 'shape=folder;tabWidth=80;tabHeight=20;tabPosition=left;html=1;whiteSpace=wrap;align=center;',
  },
  _width: 160,
  _height: 80,
}

Viewpoint

Preview

Usage

import { Viewpoint } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Viewpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIEWPOINT } from '@dinghy/diagrams/entitiesSysmlModelElements'

<Shape 
  {...props}
  _style={extendStyle(props, VIEWPOINT)}
  />

Definition

{
  _style: {
    entity: 'fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;',
  },
  _width: 0,
  _height: 160,
}