w-flowchart 1.0.0 → 1.0.1

package/test/data//347/250/213/345/274/217/345/210/206/345/261/244/346/236/266/346/247/213/345/234/226.json

@@ -1,133 +0,0 @@
-{
-  "dir": "TB",
-  "nodes": [
-    {
-      "id": "FE",
-      "label": "前端層",
-      "cls": "blueG"
-    },
-    {
-      "id": "IF",
-      "label": "前後端介面層",
-      "cls": "greenG"
-    },
-    {
-      "id": "BE",
-      "label": "後端層",
-      "cls": "orangeG"
-    },
-    {
-      "id": "fe1",
-      "title": "前端應用",
-      "items": [
-        "App",
-        "AppMod"
-      ],
-      "cls": "blue",
-      "group": "FE"
-    },
-    {
-      "id": "FES",
-      "label": "前端共用",
-      "cls": "blueG2",
-      "group": "FE"
-    },
-    {
-      "id": "fes1",
-      "title": "通用組件",
-      "items": [
-        "共用組件庫"
-      ],
-      "cls": "blue",
-      "group": "FES"
-    },
-    {
-      "id": "fes2",
-      "title": "資料驅動框架",
-      "items": [
-        "plugins"
-      ],
-      "cls": "blue",
-      "group": "FES"
-    },
-    {
-      "id": "fes3",
-      "title": "狀態管理",
-      "items": [
-        "Vuex"
-      ],
-      "cls": "blue",
-      "group": "FES"
-    },
-    {
-      "id": "if1",
-      "title": "單一登入",
-      "items": [
-        "SSO"
-      ],
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "if2",
-      "label": "權限管控",
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "if3",
-      "label": "API 管理",
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "be1",
-      "title": "Hapi 應用服務",
-      "items": [
-        "srv",
-        "srvApi",
-        "srvBatch",
-        "srvProvide"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    },
-    {
-      "id": "be2",
-      "title": "ORM 層",
-      "items": [
-        "物件關聯對映"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    },
-    {
-      "id": "be3",
-      "title": "資料庫",
-      "items": [
-        "LMDB",
-        "可切換 SQL Server 等"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    }
-  ],
-  "edges": [
-    {
-      "from": "FE",
-      "to": "IF"
-    },
-    {
-      "from": "IF",
-      "to": "BE"
-    },
-    {
-      "from": "be1",
-      "to": "be2"
-    },
-    {
-      "from": "be2",
-      "to": "be3"
-    }
-  ]
-}

package/test/data//347/263/273/347/265/261/346/236/266/346/247/213/345/234/226.json

@@ -1,102 +0,0 @@
-{
-  "dir": "TB",
-  "nodes": [
-    {
-      "id": "FE",
-      "label": "前端層",
-      "cls": "blueG"
-    },
-    {
-      "id": "IF",
-      "label": "前後端介面層",
-      "cls": "greenG"
-    },
-    {
-      "id": "BE",
-      "label": "後端層",
-      "cls": "orangeG"
-    },
-    {
-      "id": "fe1",
-      "label": "Vue 應用服務",
-      "cls": "blue",
-      "group": "FE"
-    },
-    {
-      "id": "fe2",
-      "title": "前端共用",
-      "items": [
-        "通用組件",
-        "資料驅動框架",
-        "狀態管理 Vuex"
-      ],
-      "cls": "blue",
-      "group": "FE"
-    },
-    {
-      "id": "if1",
-      "label": "單一登入 SSO",
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "if2",
-      "label": "權限管控",
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "if3",
-      "label": "API 管理",
-      "cls": "green",
-      "group": "IF"
-    },
-    {
-      "id": "be1",
-      "label": "Hapi 應用服務",
-      "cls": "orange",
-      "group": "BE"
-    },
-    {
-      "id": "be2",
-      "title": "中間服務",
-      "items": [
-        "佇列",
-        "消息通知",
-        "事件紀錄"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    },
-    {
-      "id": "be3",
-      "title": "基礎服務",
-      "items": [
-        "檔案儲存 File Server",
-        "圖資／靜態資源"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    },
-    {
-      "id": "be4",
-      "title": "資料庫",
-      "items": [
-        "LMDB",
-        "可切換 SQL Server 等"
-      ],
-      "cls": "orange",
-      "group": "BE"
-    }
-  ],
-  "edges": [
-    {
-      "from": "FE",
-      "to": "IF"
-    },
-    {
-      "from": "IF",
-      "to": "BE"
-    }
-  ]
-}

package/test/data//347/263/273/347/265/261/351/227/234/350/201/257/345/234/226.json

@@ -1,117 +0,0 @@
-{
-  "dir": "LR",
-  "nodes": [
-    {
-      "id": "APP",
-      "label": "應用系統",
-      "cls": "purpleG"
-    },
-    {
-      "id": "a1",
-      "label": "GIS2D",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a2",
-      "label": "GIS3D",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a3",
-      "label": "需求管理",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a4",
-      "label": "知識管理",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a5",
-      "label": "特徵事件作用",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a6",
-      "label": "評估模式流程",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "a7",
-      "label": "源項",
-      "cls": "purple",
-      "group": "APP"
-    },
-    {
-      "id": "API",
-      "label": "API 管理系統",
-      "cls": "blue"
-    },
-    {
-      "id": "PDM",
-      "label": "計畫資料管理系統",
-      "cls": "blue"
-    },
-    {
-      "id": "BAT",
-      "label": "批次上傳系統",
-      "cls": "orange"
-    },
-    {
-      "id": "AUTH",
-      "label": "單一登入＋權限管理",
-      "cls": "red"
-    },
-    {
-      "id": "URLC",
-      "label": "輔助網址控制系統",
-      "cls": "orange"
-    }
-  ],
-  "edges": [
-    {
-      "from": "APP",
-      "to": "API",
-      "label": "取用詮釋資料"
-    },
-    {
-      "from": "API",
-      "to": "PDM"
-    },
-    {
-      "from": "BAT",
-      "to": "PDM",
-      "label": "匯入"
-    },
-    {
-      "from": "AUTH",
-      "to": "APP",
-      "label": "共用驗證",
-      "kind": "dashed"
-    },
-    {
-      "from": "AUTH",
-      "to": "PDM",
-      "label": "共用驗證",
-      "kind": "dashed"
-    },
-    {
-      "from": "AUTH",
-      "to": "API",
-      "label": "共用驗證",
-      "kind": "dashed"
-    },
-    {
-      "from": "URLC",
-      "to": "APP",
-      "label": "跨系統調閱",
-      "kind": "dashed"
-    }
-  ]
-}

package/test/data//347/267/232/344/270/212/347/225/253/351/235/242/351/227/234/350/201/257/345/234/226.json

@@ -1,162 +0,0 @@
-{
-  "dir": "LR",
-  "nodes": [
-    {
-      "id": "L",
-      "title": "登入",
-      "items": [
-        "SSO"
-      ],
-      "cls": "red"
-    },
-    {
-      "id": "M",
-      "title": "主畫面",
-      "items": [
-        "選單"
-      ],
-      "cls": "blue"
-    },
-    {
-      "id": "p0",
-      "label": "主要資訊",
-      "cls": "purple"
-    },
-    {
-      "id": "p1",
-      "label": "計畫資料管理",
-      "cls": "purple"
-    },
-    {
-      "id": "p2",
-      "label": "輔助參考文獻",
-      "cls": "purple"
-    },
-    {
-      "id": "p3",
-      "label": "需求管理",
-      "cls": "purple"
-    },
-    {
-      "id": "p4",
-      "label": "知識管理",
-      "cls": "purple"
-    },
-    {
-      "id": "p5",
-      "label": "特徵事件作用",
-      "cls": "purple"
-    },
-    {
-      "id": "p6",
-      "label": "評估模式流程",
-      "cls": "purple"
-    },
-    {
-      "id": "p7",
-      "label": "源項",
-      "cls": "purple"
-    },
-    {
-      "id": "p8",
-      "label": "GIS2D",
-      "cls": "purple"
-    },
-    {
-      "id": "p9",
-      "label": "GIS3D",
-      "cls": "purple"
-    },
-    {
-      "id": "p10",
-      "label": "模板下載",
-      "cls": "purple"
-    },
-    {
-      "id": "p11",
-      "label": "輔助工具",
-      "cls": "purple"
-    },
-    {
-      "id": "p12",
-      "label": "批次上傳",
-      "cls": "purple"
-    },
-    {
-      "id": "p13",
-      "label": "API 管理",
-      "cls": "purple"
-    },
-    {
-      "id": "p14",
-      "label": "後台管理",
-      "cls": "purple"
-    }
-  ],
-  "edges": [
-    {
-      "from": "L",
-      "to": "M"
-    },
-    {
-      "from": "M",
-      "to": "p0"
-    },
-    {
-      "from": "M",
-      "to": "p1"
-    },
-    {
-      "from": "M",
-      "to": "p2"
-    },
-    {
-      "from": "M",
-      "to": "p3"
-    },
-    {
-      "from": "M",
-      "to": "p4"
-    },
-    {
-      "from": "M",
-      "to": "p5"
-    },
-    {
-      "from": "M",
-      "to": "p6"
-    },
-    {
-      "from": "M",
-      "to": "p7"
-    },
-    {
-      "from": "M",
-      "to": "p8"
-    },
-    {
-      "from": "M",
-      "to": "p9"
-    },
-    {
-      "from": "M",
-      "to": "p10"
-    },
-    {
-      "from": "M",
-      "to": "p11"
-    },
-    {
-      "from": "M",
-      "to": "p12"
-    },
-    {
-      "from": "M",
-      "to": "p13"
-    },
-    {
-      "from": "M",
-      "to": "p14"
-    }
-  ]
-}

package/test/pics/cycle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="147" height="497" viewBox="-18 -18 147 497" style="background:#fff"><path d="M 49.66666666666667 48 L 49.66666666666667 82" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 49.66666666666667 82 L 53.66666666666667 73 L 45.66666666666667 73 Z" fill="#44505a"></path><path d="M 58.33333333333333 118 L 58.33333333333333 144 L 66 144 L 66 214 L 70 214 L 70 240" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 70 240 L 74 231 L 66 231 Z" fill="#44505a"></path><path d="M 55.5 327 L 55.5 413" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 55.5 413 L 59.5 404 L 51.5 404 Z" fill="#44505a"></path><foreignObject x="28.5" y="361" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">通過</div></foreignObject><path d="M 41 240 L 41 118" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 41 118 L 37 127 L 45 127 Z" fill="#44505a"></path><foreignObject x="14" y="170" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">退回</div></foreignObject><rect x="23.666666666666668" y="12" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="23.666666666666668" y="12" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">開始</div></foreignObject><rect x="23.666666666666668" y="82" width="52" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="23.666666666666668" y="82" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">處理</div></foreignObject><polygon points="55.5,240 99,283.5 55.5,327 12,283.5" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.8"></polygon><foreignObject x="12" y="240" width="87" height="87"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box">審核?</div></foreignObject><rect x="29.5" y="413" width="52" height="36" rx="7" fill="#eaf4ef" stroke="#256046" stroke-width="1.6"></rect><foreignObject x="29.5" y="413" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#256046;line-height:1.4;padding:0 4px;box-sizing:border-box">完成</div></foreignObject></svg>

package/test/pics/deep-nest.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="224" height="419" viewBox="-18 -18 224 419" style="background:#fff"><rect x="12" y="12" width="164" height="226" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="59.5" y="17" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3">第一層</div></foreignObject><rect x="26" y="54" width="136" height="159" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="59.5" y="59" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3">第二層</div></foreignObject><rect x="40" y="96" width="108" height="92" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="59.5" y="101" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3">第三層</div></foreignObject><path d="M 94 174 L 94 335" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 94 335 L 98 326 L 90 326 Z" fill="#44505a"></path><foreignObject x="54" y="283" width="44" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">跨三層</div></foreignObject><rect x="54" y="138" width="80" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="54" y="138" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">最深節點</div></foreignObject><rect x="54" y="335" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="54" y="335" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">頂層節點</div></foreignObject></svg>

package/test/pics/diamond.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="197" height="357" viewBox="-18 -18 197 357" style="background:#fff"><path d="M 55.5 48 L 55.5 82" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 55.5 82 L 59.5 73 L 51.5 73 Z" fill="#44505a"></path><path d="M 41 169 L 41 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 41 273 L 45 264 L 37 264 Z" fill="#44505a"></path><foreignObject x="26" y="221" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">是</div></foreignObject><path d="M 70 169 L 70 195 L 123 195 L 123 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 123 273 L 127 264 L 119 264 Z" fill="#44505a"></path><foreignObject x="126" y="221" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">否</div></foreignObject><rect x="29.5" y="12" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="29.5" y="12" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">輸入</div></foreignObject><polygon points="55.5,82 99,125.5 55.5,169 12,125.5" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.8"></polygon><foreignObject x="12" y="82" width="87" height="87"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box">判斷?</div></foreignObject><rect x="15" y="273" width="52" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="15" y="273" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">通過</div></foreignObject><rect x="97" y="273" width="52" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="97" y="273" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box">退回</div></foreignObject></svg>

package/test/pics/edges-mix.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="222" height="324" viewBox="-18 -18 222 324" style="background:#fff"><path d="M 64 48 L 64 152" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 64 152 L 68 143 L 60 143 Z" fill="#44505a"></path><foreignObject x="12" y="100" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">實線標籤</div></foreignObject><path d="M 81.33333333333334 48 L 81.33333333333334 74 L 121 74 L 121 214 L 86 214 L 86 240" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 86 240 L 90 231 L 82 231 Z" fill="#44505a"></path><foreignObject x="124" y="100" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">虛線標籤</div></foreignObject><path d="M 64 188 L 64 240" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 64 240 L 68 231 L 60 231 Z" fill="#44505a"></path><rect x="46.66666666666667" y="12" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="46.66666666666667" y="12" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">來源</div></foreignObject><rect x="31" y="152" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="31" y="152" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">目標一</div></foreignObject><rect x="42" y="240" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="42" y="240" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">目標二</div></foreignObject></svg>

package/test/pics/english.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="284" height="375" viewBox="-18 -18 284 375" style="background:#fff"><path d="M 124 48 L 124 134" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 124 134 L 128 125 L 120 125 Z" fill="#44505a"></path><foreignObject x="83" y="82" width="45" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">HTTPS</div></foreignObject><path d="M 124 237 L 124 271" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 124 271 L 128 262 L 120 262 Z" fill="#44505a"></path><rect x="70.5" y="12" width="107" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="70.5" y="12" width="107" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">API Gateway</div></foreignObject><rect x="45.5" y="134" width="157" height="103" rx="7" fill="#eaf4ef"></rect><path d="M 52.5 134 H 195.5 A 7 7 0 0 1 202.5 141 V 166 H 45.5 V 141 A 7 7 0 0 1 52.5 134 Z" fill="#cde3d7"></path><rect x="45.5" y="134" width="157" height="103" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="45.5" y1="166" x2="202.5" y2="166" stroke="#348a5c" stroke-width="1"></line><foreignObject x="45.5" y="134" width="157" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36">Auth Service</div></foreignObject><foreignObject x="45.5" y="166" width="157" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&nbsp;login/logout</div><div style="white-space:nowrap">•&nbsp;token refresh (JWT)</div><div style="white-space:nowrap">•&nbsp;session mgmt</div></div></foreignObject><rect x="12" y="271" width="224" height="56" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="12" y="271" width="224" height="56"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">InternationalizationConfigurationManager</div></foreignObject></svg>

package/test/pics/flat-tb.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="126" height="236" viewBox="-18 -18 126 236" style="background:#fff"><path d="M 45 48 L 45 82" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 45 82 L 49 73 L 41 73 Z" fill="#44505a"></path><path d="M 45 118 L 45 152" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 45 152 L 49 143 L 41 143 Z" fill="#44505a"></path><rect x="12" y="12" width="66" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="12" y="12" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">節點 A</div></foreignObject><rect x="12.5" y="82" width="65" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="12.5" y="82" width="65" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">節點 B</div></foreignObject><rect x="12.5" y="152" width="65" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="12.5" y="152" width="65" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">節點 C</div></foreignObject></svg>

package/test/pics/fold-tall.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="384" height="304" viewBox="-18 -18 384 304" style="background:#fff"><rect x="12" y="12" width="324" height="244" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="117" y="17" width="114" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3">垂直長鏈容器</div></foreignObject><path d="M 69 100 L 69 130" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 69 130 L 73 121 L 65 121 Z" fill="#44505a"></path><path d="M 69 166 L 69 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 69 196 L 73 187 L 65 187 Z" fill="#44505a"></path><path d="M 69 232 L 69 250 L 121 250 L 121 46 L 174 46 L 174 64" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 174 64 L 178 55 L 170 55 Z" fill="#44505a"></path><path d="M 174 100 L 174 130" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 174 130 L 178 121 L 170 121 Z" fill="#44505a"></path><path d="M 174 166 L 174 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 174 196 L 178 187 L 170 187 Z" fill="#44505a"></path><path d="M 174 232 L 174 250 L 226 250 L 226 46 L 279 46 L 279 64" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 279 64 L 283 55 L 275 55 Z" fill="#44505a"></path><rect x="37" y="64" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="37" y="64" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 1</div></foreignObject><rect x="37" y="130" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="37" y="130" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 2</div></foreignObject><rect x="37" y="196" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="37" y="196" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 3</div></foreignObject><rect x="142" y="64" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="142" y="64" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 4</div></foreignObject><rect x="142" y="130" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="142" y="130" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 5</div></foreignObject><rect x="142" y="196" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="142" y="196" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 6</div></foreignObject><rect x="247" y="64" width="64" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="247" y="64" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">步驟 7</div></foreignObject></svg>

package/test/pics/fold-wide.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="360" height="306" viewBox="-18 -18 360 306" style="background:#fff"><rect x="12" y="12" width="300" height="246" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="105" y="17" width="114" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3">水平長鏈容器</div></foreignObject><path d="M 100 72 L 130 72" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 130 72 L 121 68 L 121 76 Z" fill="#44505a"></path><path d="M 194 72 L 224 72" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 224 72 L 215 68 L 215 76 Z" fill="#44505a"></path><path d="M 288 72 L 306 72 L 306 110 L 18 110 L 18 149 L 36 149" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 149 L 27 145 L 27 153 Z" fill="#44505a"></path><path d="M 100 149 L 130 149" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 130 149 L 121 145 L 121 153 Z" fill="#44505a"></path><path d="M 194 149 L 224 149" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 224 149 L 215 145 L 215 153 Z" fill="#44505a"></path><path d="M 288 149 L 306 149 L 306 187 L 18 187 L 18 226 L 36 226" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 226 L 27 222 L 27 230 Z" fill="#44505a"></path><rect x="36" y="54" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="36" y="54" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 1</div></foreignObject><rect x="130" y="54" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="130" y="54" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 2</div></foreignObject><rect x="224" y="54" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="224" y="54" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 3</div></foreignObject><rect x="36" y="131" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="36" y="131" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 4</div></foreignObject><rect x="130" y="131" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="130" y="131" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 5</div></foreignObject><rect x="224" y="131" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="224" y="131" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 6</div></foreignObject><rect x="36" y="208" width="64" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="36" y="208" width="64" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">階段 7</div></foreignObject></svg>

package/test/pics/group-edge.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="223" height="366" viewBox="-18 -18 223 366" style="background:#fff"><rect x="79.5" y="12" width="85" height="92" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="80" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3">來源群組</div></foreignObject><rect x="24" y="226" width="84" height="92" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="24" y="231" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3">目標群組</div></foreignObject><path d="M 122 104 L 122 200 L 80 200 L 80 226" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 226 L 84 217 L 76 217 Z" fill="#44505a"></path><foreignObject x="125" y="147" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">群組相依</div></foreignObject><path d="M 52 174 L 52 226" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 52 226 L 56 217 L 48 217 Z" fill="#44505a"></path><rect x="106.5" y="54" width="31" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="106.5" y="54" width="31" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">x</div></foreignObject><rect x="50" y="268" width="32" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="50" y="268" width="32" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">y</div></foreignObject><rect x="12" y="138" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="12" y="138" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">外部節點</div></foreignObject></svg>

package/test/pics/items-node.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="152" height="352" viewBox="-18 -18 152 352" style="background:#fff"><path d="M 58 155 L 58 241" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 58 241 L 62 232 L 54 232 Z" fill="#44505a"></path><foreignObject x="31" y="189" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫</div></foreignObject><rect x="18.5" y="12" width="79" height="143" rx="7" fill="#fcf0e2"></rect><path d="M 25.5 12 H 90.5 A 7 7 0 0 1 97.5 19 V 44 H 18.5 V 19 A 7 7 0 0 1 25.5 12 Z" fill="#f3dbc2"></path><rect x="18.5" y="12" width="79" height="143" rx="7" fill="none" stroke="#c46e1a" stroke-width="1.6"></rect><line x1="18.5" y1="44" x2="97.5" y2="44" stroke="#c46e1a" stroke-width="1"></line><foreignObject x="18.5" y="12" width="79" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36">服務 X</div></foreignObject><foreignObject x="18.5" y="44" width="79" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&nbsp;項目一</div><div style="white-space:nowrap">•&nbsp;項目二</div><div style="white-space:nowrap">•&nbsp;項目三</div><div style="white-space:nowrap">•&nbsp;項目四</div><div style="white-space:nowrap">•&nbsp;項目五</div></div></foreignObject><rect x="12" y="241" width="92" height="63" rx="7" fill="#fcf0e2"></rect><path d="M 19 241 H 97 A 7 7 0 0 1 104 248 V 273 H 12 V 248 A 7 7 0 0 1 19 241 Z" fill="#f3dbc2"></path><rect x="12" y="241" width="92" height="63" rx="7" fill="none" stroke="#c46e1a" stroke-width="1.6"></rect><line x1="12" y1="273" x2="104" y2="273" stroke="#c46e1a" stroke-width="1"></line><foreignObject x="12" y="241" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36">服務 Y</div></foreignObject><foreignObject x="12" y="273" width="92" height="31"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&nbsp;只有一項</div></div></foreignObject></svg>

package/test/pics/long-label.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="284" height="205" viewBox="-18 -18 284 205" style="background:#fff"><path d="M 124 87 L 124 121" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 124 121 L 128 112 L 120 112 Z" fill="#44505a"></path><rect x="12" y="12" width="224" height="75" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="12" y="12" width="224" height="75"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box">這是一段非常非常長的節點標籤文字用於驗證自動折行機制與框寬上限行為</div></foreignObject><rect x="98" y="121" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="98" y="121" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">下游</div></foreignObject></svg>

package/test/pics/lr-flat.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="444" height="152" viewBox="-18 -18 444 152" style="background:#fff"><rect x="109" y="12" width="190" height="92" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="162" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3">處理群組</div></foreignObject><path d="M 189 72 L 219 72" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 219 72 L 210 68 L 210 76 Z" fill="#44505a"></path><path d="M 64 72 L 123 72" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 123 72 L 114 68 L 114 76 Z" fill="#44505a"></path><path d="M 285 72 L 344 72" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 344 72 L 335 68 L 335 76 Z" fill="#44505a"></path><rect x="123" y="54" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="123" y="54" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">處理一</div></foreignObject><rect x="219" y="54" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="219" y="54" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">處理二</div></foreignObject><rect x="12" y="54" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="12" y="54" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">入口</div></foreignObject><rect x="344" y="54" width="52" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="344" y="54" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box">出口</div></foreignObject></svg>