Sysml State Machines Entities
Action
- Preview
- Usage
- Definition
import { Action } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Action/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTION } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, ACTION)}
/>
{
_style: {
entity: 'shape=rect;html=1;whiteSpace=wrap;align=center;',
},
_width: 140,
_height: 40,
}
Choice Pseudo State
- Preview
- Usage
- Definition
import { ChoicePseudoState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ChoicePseudoState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHOICE_PSEUDO_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, CHOICE_PSEUDO_STATE)}
/>
{
_style: {
entity: 'shape=rhombus;html=1;labelPosition=right;align=left;verticalAlign=middle',
},
_width: 150,
_height: 100,
}
Choice Pseudo State 2
- Preview
- Usage
- Definition
import { ChoicePseudoState2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ChoicePseudoState2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHOICE_PSEUDO_STATE_2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, CHOICE_PSEUDO_STATE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;align=right;verticalAlign=bottom;rounded=0;labelBackgroundColor=none;endArrow=open;endSize=12;',
},
_width: 1,
_height: 100,
}
Choice Pseudo State 3
- Preview
- Usage
- Definition
import { ChoicePseudoState3 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ChoicePseudoState3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHOICE_PSEUDO_STATE_3 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, CHOICE_PSEUDO_STATE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=right;endArrow=open;rounded=0;labelBackgroundColor=none;endSize=12;',
},
_width: 2,
_height: 100,
}
Choice Pseudo State 4
- Preview
- Usage
- Definition
import { ChoicePseudoState4 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ChoicePseudoState4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHOICE_PSEUDO_STATE_4 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, CHOICE_PSEUDO_STATE_4)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=left;endArrow=open;rounded=0;labelBackgroundColor=none;verticalAlign=bottom;endSize=12;',
},
_width: 3,
_height: 100,
}
Composite State
- Preview
- Usage
- Definition
import { CompositeState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<CompositeState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPOSITE_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, COMPOSITE_STATE)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.compState;align=left;verticalAlign=top;spacingTop=-3;spacingLeft=18;strokeWidth=1;recursiveResize=0;html=1;',
},
_width: 0,
_height: 190,
}
Composite State 2
- Preview
- Usage
- Definition
import { CompositeState2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<CompositeState2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPOSITE_STATE_2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, COMPOSITE_STATE_2)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.compState;html=1;align=left;verticalAlign=top;spacingTop=-3;spacingLeft=18;',
},
_width: 200,
_height: 160,
}
Entry Point
- Preview
- Usage
- Definition
import { EntryPoint } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<EntryPoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENTRY_POINT } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, ENTRY_POINT)}
/>
{
_style: {
entity: 'ellipse;html=1;labelPosition=left;verticalLabelPosition=bottom;spacingBottom=10;align=right;verticalAlign=bottom;resizable=0;',
},
_original_width: 20,
_original_height: 20,
}
Exit Point
- Preview
- Usage
- Definition
import { ExitPoint } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ExitPoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXIT_POINT } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, EXIT_POINT)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.flowFinal;labelPosition=right;verticalLabelPosition=top;spacingTop=5;spacingLeft=3;align=left;verticalAlign=top;resizable=0;html=1;',
},
_width: 0,
_height: 20,
}
Final State
- Preview
- Usage
- Definition
import { FinalState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<FinalState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FINAL_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, FINAL_STATE)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.actFinal;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;',
},
_original_width: 40,
_original_height: 40,
}
History, Deep Pseudo State
- Preview
- Usage
- Definition
import { HistoryDeepPseudoState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<HistoryDeepPseudoState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HISTORY_DEEP_PSEUDO_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, HISTORY_DEEP_PSEUDO_STATE)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;fontSize=18;align=center;',
},
_original_width: 40,
_original_height: 40,
}
Initial Pseudo State
- Preview
- Usage
- Definition
import { InitialPseudoState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<InitialPseudoState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INITIAL_PSEUDO_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, INITIAL_PSEUDO_STATE)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;fillColor=strokeColor;fontSize=18;fontColor=#ffffff;',
},
_original_width: 40,
_original_height: 40,
}
Receive Signal Action
- Preview
- Usage
- Definition
import { ReceiveSignalAction } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<ReceiveSignalAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RECEIVE_SIGNAL_ACTION } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, RECEIVE_SIGNAL_ACTION)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.accEvent;flipH=1;whiteSpace=wrap;align=center;html=1;',
},
_width: 140,
_height: 40,
}
Region
- Preview
- Usage
- Definition
import { Region } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Region/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REGION } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, REGION)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.region;align=left;verticalAlign=top;spacingTop=-3;spacingLeft=25;html=1;',
},
_width: 200,
_height: 160,
}
Send Signal Action
- Preview
- Usage
- Definition
import { SendSignalAction } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<SendSignalAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEND_SIGNAL_ACTION } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, SEND_SIGNAL_ACTION)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.sendSigAct;whiteSpace=wrap;align=center;html=1;',
},
_width: 140,
_height: 40,
}
Simple State
- Preview
- Usage
- Definition
import { SimpleState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<SimpleState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_STATE)}
/>
{
_style: {
entity: 'shape=rect;rounded=1;html=1;whiteSpace=wrap;align=center;',
},
_width: 100,
_height: 40,
}
Simple State 2
- Preview
- Usage
- Definition
import { SimpleState2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<SimpleState2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_STATE_2 } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_STATE_2)}
/>
{
_style: {
entity: 'fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;rounded=1;absoluteArcSize=1;arcSize=22;',
},
_width: 0,
_height: 100,
}
State Machine
- Preview
- Usage
- Definition
import { StateMachine } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<StateMachine/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STATE_MACHINE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, STATE_MACHINE)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.stateMachine;verticalAlign=top;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 120,
}
Submachine State
- Preview
- Usage
- Definition
import { SubmachineState } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<SubmachineState/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SUBMACHINE_STATE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, SUBMACHINE_STATE)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.submState;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 120,
}
Terminate Node
- Preview
- Usage
- Definition
import { TerminateNode } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<TerminateNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TERMINATE_NODE } from '@dinghy/diagrams/entitiesSysmlStateMachines'
<Shape
{...props}
_style={extendStyle(props, TERMINATE_NODE)}
/>
{
_style: {
entity: 'shape=mxgraph.sysml.x;',
},
_original_width: 40,
_original_height: 40,
}