Eip Message Construction Entities
Command Message
- Preview
- Usage
- Definition
import { CommandMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<CommandMessage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, COMMAND_MESSAGE)}
/>
{
_style: {
entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;exitX=0;exitY=0.5;endArrow=none;dashed=0;html=1;strokeColor=#808080;strokeWidth=2;',
},
_width: 0,
_height: 30,
}
Command Message 2
- Preview
- Usage
- Definition
import { CommandMessage2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<CommandMessage2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, COMMAND_MESSAGE_2)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=ellipse;fillColor=#808080;strokeColor=none;',
},
_width: 1,
_height: 30,
}
Command Message 3
- Preview
- Usage
- Definition
import { CommandMessage3 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<CommandMessage3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE_3 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, COMMAND_MESSAGE_3)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FF8080;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Correlation Identifier
- Preview
- Usage
- Definition
import { CorrelationIdentifier } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<CorrelationIdentifier/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CORRELATION_IDENTIFIER } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, CORRELATION_IDENTIFIER)}
/>
{
_style: {
entity: 'endArrow=block;html=1;endFill=1;strokeWidth=2;strokeColor=#FF9238;rounded=0;',
},
_width: 2,
_height: 30,
}
Correlation Identifier 2
- Preview
- Usage
- Definition
import { CorrelationIdentifier2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<CorrelationIdentifier2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CORRELATION_IDENTIFIER_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, CORRELATION_IDENTIFIER_2)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FF9238;strokeColor=#000000;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;html=1;',
},
_width: 4,
_height: 30,
}
Document Message
- Preview
- Usage
- Definition
import { DocumentMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<DocumentMessage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, DOCUMENT_MESSAGE)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#C7A0FF;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Event Message
- Preview
- Usage
- Definition
import { EventMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<EventMessage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENT_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, EVENT_MESSAGE)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#83BEFF;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Filter
- Preview
- Usage
- Definition
import { Filter } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Filter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FILTER } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, FILTER)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#c0f5a9;verticalLabelPosition=bottom;verticalAlign=top;html=1;',
},
_width: 150,
_height: 90,
}
Message Expiration
- Preview
- Usage
- Definition
import { MessageExpiration } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<MessageExpiration/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_EXPIRATION } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_EXPIRATION)}
/>
{
_style: {
entity: 'strokeWidth=3;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.messExp;html=1;verticalLabelPosition=bottom;verticalAlign=top',
},
_original_width: 48,
_original_height: 48,
}
Message Sequence
- Preview
- Usage
- Definition
import { MessageSequence } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<MessageSequence/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_SEQUENCE } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_SEQUENCE)}
/>
{
_style: {
entity: 'curved=1;endArrow=block;html=1;strokeColor=#1CCF00;strokeWidth=2;endSize=3;rounded=0;',
},
_width: 60,
_height: 24,
}
Message Sequence 2
- Preview
- Usage
- Definition
import { MessageSequence2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<MessageSequence2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_SEQUENCE_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_SEQUENCE_2)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#80FF6C;strokeColor=#000000;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 24,
}
Return Address
- Preview
- Usage
- Definition
import { ReturnAddress } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<ReturnAddress/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RETURN_ADDRESS } from '@dinghy/diagrams/entitiesEipMessageConstruction'
<Shape
{...props}
_style={extendStyle(props, RETURN_ADDRESS)}
/>
{
_style: {
entity: 'strokeWidth=3;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.retAddr;html=1;verticalLabelPosition=bottom;fillColor=#FFE040;verticalAlign=top;',
},
_width: 78,
_height: 48,
}