demo_doc/puml/materia/state-ex.svg

840 lines
29 KiB
XML
Raw Permalink Normal View History

2021-06-25 21:37:59 +08:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1439.5833px" preserveAspectRatio="none" style="width:381px;height:1439px;background:#00000000;" version="1.1" viewBox="0 0 381 1439" width="381.25px" zoomAndPan="magnify"><defs><linearGradient id="g1c1xw7sgo1j570" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FFFFFF"/></linearGradient><filter height="300%" id="f1c1xw7sgo1j57" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter><linearGradient id="g1c1xw7sgo1j571" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4DABF5"/><stop offset="100%" stop-color="#2196F3"/></linearGradient></defs><g><rect fill="url(#g1c1xw7sgo1j570)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;" width="368.75" x="2.0833" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="331.25" x="20.8333" y="38.6536">State Diagram - materia theme</text><rect fill="#4CAF50" filter="url(#f1c1xw7sgo1j57)" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="148.4375" y="152.4028"/><ellipse cx="190.1042" cy="78.4444" fill="#9C27B0" filter="url(#f1c1xw7sgo1j57)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="85.4167" x="86.9792" y="224.2778"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="86.9792" x2="172.3958" y1="270.7194" y2="270.7194"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="107.8125" y="252.4699">State2</text></g><g id="State3"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="85.4167" x="215.1042" y="224.2778"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="215.1042" x2="300.5208" y1="270.7194" y2="270.7194"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="235.9375" y="252.4699">State3</text></g><rect fill="#4CAF50" filter="url(#f1c1xw7sgo1j57)" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="149.4792" y="402.4028"/><g id="State4"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="85.4167" x="148.4375" y="474.2778"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="148.4375" x2="233.8542" y1="520.7194" y2="520.7194"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="169.2708" y="502.4699">State4</text></g><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="811.8083" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="348.9583" x="16.6667" y="615.9444"/><rect height="759.1166" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="342.7083" x="19.7917" y="665.5111"/><line style="stroke:#1A78C2;stroke-width:1.5625;fill:none;" x1="16.6667" x2="365.625" y1="662.3861" y2="662.3861"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="171.875" y="644.1366">Active</text><ellipse cx="38.5417" cy="713.9486" fill="#9C27B0" filter="url(#f1c1xw7sgo1j57)" rx="10.4167" ry="10.4167" style="stroke:no
link *start*Active to NumLockOff--><path d="M49.2604,713.9486 C53.5417,713.9486 57.8125,713.9486 62.0833,713.9486 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="67.5,713.9486,58.125,709.7819,62.2917,713.9486,58.125,718.1152,67.5,713.9486" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M67.2917,748.4486 C54.75,756.7298 44.2083,765.1257 40.625,771.7611 C32.7083,786.4277 32.75,794.5736 40.625,809.2611 C45.8333,818.9694 53.5104,827.3027 62.1667,834.3548 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="66.4792,837.7194,61.6439,828.6711,62.3704,834.5187,56.5228,835.2452,66.4792,837.7194" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="52.0833" y="795.7865">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M178.5208,827.7819 C183.3854,822.1152 187.6146,815.9277 190.625,809.2611 C197.4896,794.0736 197.4375,786.9694 190.625,771.7611 C188.4063,766.8027 185.5104,762.0944 182.1875,757.6673 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="178.7292,753.3444,181.3055,763.2749,181.9719,757.4201,187.8266,758.0865,178.7292,753.3444" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="207.2917" y="795.7865">EvNumLockPressed</text><line style="stroke:#1A78C2;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="21.875" x2="358.3333" y1="919.2444" y2="919.2444"/><ellipse cx="38.5417" cy="965.5986" fill="#9C27B0" filter="url(#f1c1xw7sgo1j57)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="122.9167" x="67.7083" y="926.5361"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="67.7083" x2="190.625" y1="972.9777" y2="972.9777"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="88.5417" y="954.7282">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="122.9167" x="66.6667" y="1079.6611"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="66.6667" x2="189.5833" y1="1126.1027" y2="1126.1027"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="87.5" y="1107.8532">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M49.1667,965.5986 C53.4792,965.5986 57.8021,965.5986 62.125,965.5986 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="67.6042,965.5986,58.2292,961.4319,62.3958,965.5986,58.2292,969.7652,67.6042,965.5986" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M67.4896,1000.2652 C54.8438,1008.4527 44.2604,1016.7652 40.625,1023.4111 C32.625,1038.0361 32.6667,1046.2652 40.625,1060.9111 C45.8229,1070.484 53.4167,1078.6923 61.9792,1085.6506 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="66.2604,1088.9631,61.4093,1079.9233,62.146,1085.7696,56.2997,1086.5064,66.2604,1088.9631" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="52.0833" y="1047.4365">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M182.2708,1079.6194 C187.3021,1073.9319 191.6667,1067.6715 194.7917,1060.9111 C201.7813,1045.7756 201.7188,1038.5673 194.7917,1023.4111 C192.4375,1018.2756 189.375,1013.4215 185.8438,1008.8798 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="182.4792,1004.7965,185.2148,1014.6842,185.787,1008.8195,191.6517,1009.3917,182.4792,1004.7965" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="212.5" y="1047.4365">EvCapsLockPressed</text><line style="stroke:#1A78C2;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="21.875" x2="358.3333" y1="1170.8944" y2="1170.8944"/><ellipse cx="38.5417" cy="1217.2485" fill="#9C27B0" filter="url(#f1c1xw7sgo1j57)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="123.9583" x="68.2292" y="1178.186"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="68.2292" x2="192.1875" y1="1224.6277" y2="1224.6277"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="89.0625" y="1206.3782">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect fill="url(#g1c1xw7sgo1j571)" filter="url(#f1c1xw7sgo1j57)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#1A78C2;stroke-width:1.5625;" width="123.9583" x="68.2292" y="1331.311"/><line style="stroke:#1A78C2;stroke-width:1.5625;" x1="68.2292" x2="192.1875" y1="1377.7527" y2="1377.7527"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="89.0625" y="1359.5032">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M49.2813,1217.2485 C53.75,1217.2485 58.2188,1217.2485 62.6875,1217.2485 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="67.9375,1217.2485,58.5625,1213.0819,62.7292,1217.2485,58.5625,1221.4152,67.9375,1217.2485" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M67.9063,1252.8735 C56.0104,1260.7694 46.1667,1268.6965 42.7083,1275.061 C34.75,1289.7069 34.75,1297.9152 42.7083,1312.561 C47.8333,1321.9985 55.2813,1330.1027 63.6979,1336.9985 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="67.8958,1340.2902,63.0765,1331.2334,63.7927,1337.0823,57.9438,1337.7985,67.8958,1340.2902" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="54.1667" y="1299.0865">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M184.3542,1331.2694 C189.3854,1325.5819 193.75,1319.3215 196.875,1312.561 C203.8646,1297.4256 203.8646,1290.1965 196.875,1275.061 C194.4792,1269.884 191.3646,1265.009 187.7708,1260.4465 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="184.3542,1256.3527,187.1514,1266.2232,187.687,1260.3551,193.5552,1260.8907,184.3542,1256.3527" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="213.5417" y="1299.0865">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M190.1042,89.1215 C190.1042,103.9548 190.1042,132.1736 190.1042,146.5798 " fill="none" id="*start-to-fork_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="190.1042,152.1319,194.2708,142.7569,190.1042,146.9236,185.9375,142.7569,190.1042,152.1319" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M188.0938,161.0903 C182.7813,170.309 167.8333,196.2048 154.3854,219.5069 " fill="none" id="fork_state-to-State2" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="151.7188,224.1215,160.0156,218.0871,154.3236,219.6114,152.7994,213.9193,151.7188,224.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M192.3542,161.0903 C198.3125,170.309 215.0729,196.2048 230.1354,219.5069 " fill="none" id="fork_state-to-State3" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="233.1146,224.1215,231.5255,213.9861,230.2876,219.7471,224.5266,218.5092,233.1146,224.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M112.6563,302.6736 C105.7604,324.3403 102.1146,351.0278 115.1042,371.1528 C126,388.0278 147.3958,396.7153 164.7292,401.1215 " fill="none" id="State2-to-join_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="169.9583,402.3611,161.8001,396.1406,164.891,401.1574,159.8742,404.2483,169.9583,402.3611" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="126.5625" y="357.6782">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M259.0729,302.5278 C258.1042,324.1319 253.9375,350.8298 241.1458,371.1528 C232.4896,384.9132 216.0938,394.5798 204.4375,400.0798 " fill="none" id="State3-to-join_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="199.4583,402.3194,209.7175,402.2986,204.2135,400.1945,206.3176,394.6904,199.4583,402.3194" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M191.1458,411.0903 C191.1458,420.1944 191.1458,445.5694 191.1458,468.6319 " fill="none" id="join_state-to-State4" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="191.1458,474.1215,195.3125,464.7465,191.1458,468.9132,186.9792,464.7465,191.1458,474.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M191.1458,552.434 C191.1458,568.0798 191.1458,587.8403 191.1458,610.3403 " fill="none" id="State4-to-Active" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="191.1458,615.7986,195.3125,606.4236,191.1458,610.5903,186.9792,606.4236,191.1458,615.7986" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[549e7cfa7df80a9c867f7817e7c779f1]
@startuml
!$THEME = "materia"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $WHITE
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $WHITE
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WHITE
!$DANGER_DARK = "#b7161c"
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $WHITE-$SECONDARY_LIGHT
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor transparent
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor transparent
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $WHITE-$LIGHT
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
FontColor $PRIMARY
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
$primary_scheme()
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $WHITE-$SECONDARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title State Diagram - $THEME theme
!else
title State Diagram
!endif
'skinparam BackgroundColor transparent
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam ArrowColor #666
skinparam stereotype {
CBackgroundColor #fff
CBorderColor #cccccc
ABackgroundColor #70bf73
ABorderColor #3D8C40
IBackgroundColor #B7161C
IBorderColor #b7161c
EBackgroundColor #ffad33
EBorderColor #CC7A00
NBackgroundColor #b052c0
NBorderColor #7D1F8D
}
skinparam title {
FontColor #2196F3
BorderColor #cccccc
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #fff-#fff
}
skinparam legend {
BackgroundColor #fff
BorderColor #cccccc
FontColor #222
}
skinparam swimlane {
BorderColor #9C27B0
BorderThickness 2
TitleBackgroundColor #fff-#fff
TitleFontColor #2196F3
}
skinparam activity {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
BarColor #4CAF50
StartColor #9C27B0
EndColor #9C27B0
DiamondBackgroundColor #FFF-#fff
DiamondBorderColor #cccccc
DiamondFontColor #222
}
skinparam participant {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
FontColor #222
}
skinparam arrow {
Thickness 3
Color #2196F3
FontColor #222
}
skinparam sequence {
BorderColor #2196F3
TitleFontColor #2196F3
BackgroundColor transparent
StartColor #2196F3
EndColor #2196F3
BoxBackgroundColor transparent
BoxBorderColor #666
BoxFontColor #222
LifeLineBorderColor #cccccc
LifeLineBorderThickness 2
LifeLineBackgroundColor #fff
GroupBorderColor #666
GroupFontColor #222
GroupHeaderFontColor #FFF
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #FFF-#fff
DividerBorderColor #666
DividerBorderThickness 2
DividerFontColor #222
ReferenceBackgroundColor transparent
ReferenceBorderColor #666
ReferenceFontColor #222
ReferenceHeaderFontColor #9C27B0
}
skinparam partition {
BorderColor #2196F3
FontColor #2196F3
BackgroundColor transparent
}
skinparam collections {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
}
skinparam control {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
FontColor #222
}
skinparam entity {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
FontColor #222
}
skinparam boundary {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
FontColor #222
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #b052c0-#9C27B0
BorderColor #9C27B0
FontColor #FFF
}
skinparam artifact {
BackgroundColor #FFF-#fff
BorderColor #666
FontColor #666
}
skinparam component {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
}
skinparam interface {
BackgroundColor #B7161C
BorderColor #e51c23
FontColor #222
}
skinparam storage {
BackgroundColor #ffad33-#ff9800
BorderColor #ff9800
FontColor #FFF
}
skinparam node {
BackgroundColor #fff-#fff
BorderColor #222
FontColor #222
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #222
}
skinparam database {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
FontColor #222
}
skinparam class {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
HeaderBackgroundColor #2196F3-#1a78c2
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #fff
AttributeFontSize 11
}
skinparam object {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #222
AttributeFontSize 11
}
skinparam usecase {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam rectangle {
FontColor #2196F3
BackgroundColor #fff-#fff
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam package {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
BackgroundColor #fff-#fff
BorderThickness 2
}
skinparam folder {
BackgroundColor #FFF-#fff
BorderColor #ff9800
FontColor #ff9800
BorderThickness 2
}
skinparam frame {
BackgroundColor #FFF-#fff
BorderColor #9C27B0
FontColor #9C27B0
BorderThickness 2
}
skinparam state {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
BorderColor #1a78c2
StartColor #9C27B0
EndColor #9C27B0
AttributeFontColor #222
AttributeFontSize 11
}
skinparam queue {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
}
skinparam card {
BackgroundColor #b052c0-#9C27B0
BorderColor #9C27B0
FontColor #FFF
}
skinparam file {
BackgroundColor #fff-#fff
BorderColor #666
FontColor #666
}
skinparam stack {
FontColor #FFF
BorderColor #2196F3
BackgroundColor #4dabf5-#2196F3
}
title State Diagram - materia theme
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>