w-flowchart 1.0.0 → 1.0.2

package/test/cases-diamond.mjs

@@ -0,0 +1,221 @@
+// 菱形進出組合視覺案 — 僅供 p10 套件(不進 p1~p9 矩陣)
+//   規則(共進共出, 每側獨立): 出=一律由該側「頂點」分岔; 進=純進側匯「頂點」、混合側依「半側」匯「斜邊中點」。
+//   check 即規則之可執行翻譯: 斷言各邊實際繪製端點等於規劃錨點。
+//
+// 組合覆蓋說明(13 種進出組合):
+//   - 本檔為「ELK 佈局可自然構造」之 9 種視覺案(產標準圖供人工檢視)。
+//   - 純進側只在「頂側」可構造(分層佈局中, 菱形要位於來源上方就必有向下路徑=底側出)。
+//   - 「同半側」類組合(2進同半側+1出、2出同半側+1進、進出同/異交叉之 ds/sd)受 ELK 交叉最小化
+//     埠序限制, 乾淨合成圖排不出來(實驗多種構圖皆收斂為置中/對稱分佈或 ss 型); 此 4 種組合
+//     連同其餘 9 種, 全數由 p10.test.mjs 之「菱形 13 種進出組合規則(單元驗證)」直接對繪製函式驗證。
+//   - dia-2in-2out-ss 為單欄壅塞下自然出現之「進同半側+出同半側」實例(視覺可見共進共出)。
+
+const EPS = 2.5
+const near = (p, q) => !!p && !!q && Math.abs(p.x - q.x) <= EPS && Math.abs(p.y - q.y) <= EPS
+
+// 菱形各錨點: 底/頂頂點, 底側左右半斜邊中點
+function anchors(D) {
+    const cx = D.x + D.w / 2, cy = D.y + D.h / 2, hw = D.w / 2, hh = D.h / 2
+    return {
+        vB: { x: cx, y: D.y + D.h },
+        vT: { x: cx, y: D.y },
+        mBL: { x: cx - hw / 2, y: cy + hh / 2 },
+        mBR: { x: cx + hw / 2, y: cy + hh / 2 },
+    }
+}
+const edgeOf = (geom, id) => geom.edges.find(e => e.id === id)
+const segStart = (geom, id) => { const g = edgeOf(geom, id); const s = g && g.segs[0]; return s && s[0] }
+const segEnd = (geom, id) => { const g = edgeOf(geom, id); const s = g && g.segs[g.segs.length - 1]; return s && s[s.length - 1] }
+const fmt = (p) => p ? `(${p.x.toFixed(1)},${p.y.toFixed(1)})` : '(無)'
+
+// 通用斷言組合器
+const outAtVB = (geom, h, id) => { const D = h.node('D'), A = anchors(D), s = segStart(geom, id); return { name: `${id} 出=底頂點`, pass: near(s, A.vB), detail: `${fmt(s)} vs ${fmt(A.vB)}` } }
+const inAtVT = (geom, h, id) => { const D = h.node('D'), A = anchors(D), s = segEnd(geom, id); return { name: `${id} 進=頂點(純進側)`, pass: near(s, A.vT), detail: `${fmt(s)} vs ${fmt(A.vT)}` } }
+const inAtMid = (geom, h, id) => { const D = h.node('D'), A = anchors(D), s = segEnd(geom, id); return { name: `${id} 進=半側斜邊中點(混合側)`, pass: near(s, A.mBL) || near(s, A.mBR), detail: `${fmt(s)} vs L${fmt(A.mBL)}/R${fmt(A.mBR)}` } }
+const insSameMid = (geom, h, a, b) => { const sa = segEnd(geom, a), sb = segEnd(geom, b); return { name: `${a},${b} 共進同一匯點(同半側)`, pass: near(sa, sb), detail: `${fmt(sa)} vs ${fmt(sb)}` } }
+const insDiffMid = (geom, h, a, b) => { const D = h.node('D'), A = anchors(D), sa = segEnd(geom, a), sb = segEnd(geom, b); const ok = (near(sa, A.mBL) && near(sb, A.mBR)) || (near(sa, A.mBR) && near(sb, A.mBL)); return { name: `${a},${b} 分匯左右斜邊中點(不同半側)`, pass: ok, detail: `${fmt(sa)} / ${fmt(sb)}` } }
+
+export const DIAMOND_CASES = [
+
+    // 1) 純進側 1 進(頂側示範): 匯頂點
+    {
+        name: 'dia-1in', desc: '菱形純進側 — 1進(匯頂點)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '來源', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+            ],
+            edges: [{ from: 'S', to: 'D' }],  //e0 頂側進
+        },
+        check: (spec, geom, h) => [inAtVT(geom, h, 'e0')],
+    },
+
+    // 2) 底側 1 出: 出=頂點
+    {
+        name: 'dia-1out', desc: '菱形底側 — 1出(頂點)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T', label: '結果', cls: 'green' },
+            ],
+            edges: [{ from: 'S', to: 'D' }, { from: 'D', to: 'T' }],  //e0,e1
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1')],
+    },
+
+    // 3) 純進側 2 進(頂側示範): 共進頂點(共用末段, 箭頭重合)
+    {
+        name: 'dia-2in', desc: '菱形純進側 — 2進(共進頂點)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S1', label: '來源一', cls: 'blue' },
+                { id: 'S2', label: '來源二', cls: 'purple' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+            ],
+            edges: [{ from: 'S1', to: 'D' }, { from: 'S2', to: 'D' }],  //e0,e1 頂側進
+        },
+        check: (spec, geom, h) => [inAtVT(geom, h, 'e0'), inAtVT(geom, h, 'e1')],
+    },
+
+    // 4) 底側 2 出: 共出頂點分岔
+    {
+        name: 'dia-2out', desc: '菱形底側 — 2出(共出頂點分岔)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T1', label: '結果一', cls: 'green' },
+                { id: 'T2', label: '結果二', cls: 'orange' },
+            ],
+            edges: [{ from: 'S', to: 'D' }, { from: 'D', to: 'T1', label: '是' }, { from: 'D', to: 'T2', label: '否' }],  //e0,e1,e2
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), outAtVB(geom, h, 'e2')],
+    },
+
+    // 5) 底側 1進1出(混合): 出=頂點, 進=半側斜邊中點
+    {
+        name: 'dia-1in-1out', desc: '菱形底側 — 1進1出(出頂點/進斜邊中點)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T', label: '結果', cls: 'green' },
+                { id: 'X', label: '回饋來源', cls: 'red' },
+            ],
+            edges: [
+                { from: 'S', to: 'D' },                                //e0
+                { from: 'D', to: 'T', label: '通過' },                  //e1 底側出
+                { from: 'T', to: 'X' },                                //e2
+                { from: 'X', to: 'D', kind: 'dashed', label: '退回' },  //e3 底側進
+            ],
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), inAtMid(geom, h, 'e3')],
+    },
+
+    // 6) 底側 2進1出(2進不同半側): 出=頂點, 兩進分匯左右斜邊中點
+    {
+        name: 'dia-2in-1out', desc: '菱形底側 — 2進1出(2進分匯左右)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T', label: '結果', cls: 'green' },
+                { id: 'X1', label: '來源一', cls: 'red' },
+                { id: 'X2', label: '來源二', cls: 'red' },
+            ],
+            edges: [
+                { from: 'S', to: 'D' },                   //e0
+                { from: 'D', to: 'T' },                   //e1 底側出
+                { from: 'T', to: 'X1' },                  //e2(X1,X2 兄弟展開 → 進不同半側)
+                { from: 'T', to: 'X2' },                  //e3
+                { from: 'X1', to: 'D', kind: 'dashed' },  //e4 底側進
+                { from: 'X2', to: 'D', kind: 'dashed' },  //e5 底側進
+            ],
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), insDiffMid(geom, h, 'e4', 'e5')],
+    },
+
+    // 7) 底側 1進2出(2出不同半側): 共出頂點左右分岔, 進=半側斜邊中點
+    {
+        name: 'dia-1in-2out', desc: '菱形底側 — 1進2出(2出左右分岔)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T1', label: '結果一', cls: 'green' },
+                { id: 'T2', label: '結果二', cls: 'orange' },
+                { id: 'X', label: '回饋來源', cls: 'red' },
+            ],
+            edges: [
+                { from: 'S', to: 'D' },                   //e0
+                { from: 'D', to: 'T1', label: '是' },      //e1 底側出
+                { from: 'D', to: 'T2', label: '否' },      //e2 底側出
+                { from: 'T1', to: 'X' },                  //e3
+                { from: 'X', to: 'D', kind: 'dashed' },   //e4 底側進
+            ],
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), outAtVB(geom, h, 'e2'), inAtMid(geom, h, 'e4')],
+    },
+
+    // 8) 底側 2進2出(單欄壅塞 → 自然形成進同半側+出同半側之實例)
+    {
+        name: 'dia-2in-2out-ss', desc: '菱形底側 — 2進2出(進同/出同)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T1', label: '結果一', cls: 'green' },
+                { id: 'T2', label: '結果二', cls: 'orange' },
+                { id: 'X1', label: '來源一', cls: 'red' },
+                { id: 'X2', label: '來源二', cls: 'red' },
+            ],
+            edges: [
+                { from: 'S', to: 'D' },                   //e0
+                { from: 'D', to: 'T1' },                  //e1 底側出
+                { from: 'D', to: 'T2' },                  //e2 底側出(T 疊欄)
+                { from: 'T1', to: 'T2' },                 //e3
+                { from: 'T2', to: 'X1' },                 //e4
+                { from: 'X1', to: 'X2' },                 //e5(X 疊欄)
+                { from: 'X1', to: 'D', kind: 'dashed' },  //e6 底側進
+                { from: 'X2', to: 'D', kind: 'dashed' },  //e7 底側進
+            ],
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), outAtVB(geom, h, 'e2'), insSameMid(geom, h, 'e6', 'e7'), inAtMid(geom, h, 'e6')],
+    },
+
+    // 9) 底側 2進2出(進不同半側, 出不同半側)
+    {
+        name: 'dia-2in-2out-dd', desc: '菱形底側 — 2進2出(進不同/出不同)',
+        data: {
+            dir: 'TB',
+            nodes: [
+                { id: 'S', label: '開始', cls: 'blue' },
+                { id: 'D', label: '判斷?', cls: 'diamond' },
+                { id: 'T1', label: '結果一', cls: 'green' },
+                { id: 'T2', label: '結果二', cls: 'orange' },
+                { id: 'X1', label: '來源一', cls: 'red' },
+                { id: 'X2', label: '來源二', cls: 'red' },
+            ],
+            edges: [
+                { from: 'S', to: 'D' },                   //e0
+                { from: 'D', to: 'T1', label: '是' },      //e1 底側出
+                { from: 'D', to: 'T2', label: '否' },      //e2 底側出
+                { from: 'T1', to: 'X1' },                  //e3
+                { from: 'T2', to: 'X2' },                  //e4
+                { from: 'X1', to: 'D', kind: 'dashed' },   //e5 底側進
+                { from: 'X2', to: 'D', kind: 'dashed' },   //e6 底側進
+            ],
+        },
+        check: (spec, geom, h) => [outAtVB(geom, h, 'e1'), outAtVB(geom, h, 'e2'), insDiffMid(geom, h, 'e5', 'e6')],
+    },
+
+]

package/test/cases.mjs

@@ -104,7 +104,23 @@ export const CASES = [
         },
         check(spec, geom, h) {
             const D = h.node('D')
-            return [{ name: 'D 為菱形', pass: !!D && D.kind === 'diamond', detail: D && `kind=${D.kind}` }]
+            const out = [{ name: 'D 為菱形', pass: !!D && D.kind === 'diamond', detail: D && `kind=${D.kind}` }]
+            // 菱形多條外連邊皆由底部「頂點」連出(不與斜邊空接; e1=D→Y, e2=D→N)
+            if (D) {
+                const vx = D.x + D.w / 2, vy = D.y + D.h
+                for (const eid of ['e1', 'e2']) {
+                    const ge = geom.edges.find(e => e.id === eid)
+                    const s0 = ge && ge.segs[0] && ge.segs[0][0]
+                    out.push({ name: `${eid} 由菱形底角連出`, pass: !!s0 && Math.abs(s0.x - vx) <= 2 && Math.abs(s0.y - vy) <= 2, detail: s0 && `s0=(${s0.x.toFixed(1)},${s0.y.toFixed(1)}) 頂點=(${vx.toFixed(1)},${vy.toFixed(1)})` })
+                }
+                // 連入邊終點貼菱形「斜邊」(菱形方程 |dx|/hw+|dy|/hh ≈ 1; e0=P→D)
+                const ge0 = geom.edges.find(e => e.id === 'e0')
+                const seg0 = ge0 && ge0.segs[0]
+                const pE = seg0 && seg0[seg0.length - 1]
+                const eq = pE && (Math.abs(pE.x - (D.x + D.w / 2)) / (D.w / 2) + Math.abs(pE.y - (D.y + D.h / 2)) / (D.h / 2))
+                out.push({ name: 'e0 連入端點貼斜邊', pass: !!pE && eq > 0.9 && eq < 1.1, detail: pE && `eq=${eq.toFixed(3)}` })
+            }
+            return out
         },
     },
 

package/test/data//345/267/245/345/226/256/350/231/225/347/220/206/346/265/201/347/250/213/345/234/226.json

@@ -0,0 +1,43 @@
+{
+  "dir": "TB",
+  "nodes": [
+    { "id": "FRONT", "label": "前台受理", "cls": "blueG" },
+    { "id": "f1", "label": "客戶提出報修申請", "cls": "blue", "group": "FRONT" },
+    { "id": "f2", "label": "客服人員登錄工單", "cls": "blue", "group": "FRONT" },
+    { "id": "f6", "label": "確認聯絡方式與地址", "cls": "blue", "group": "FRONT" },
+    { "id": "d1", "label": "案件類型判斷", "cls": "diamond", "group": "FRONT" },
+    { "id": "f3", "label": "標記為一般排程", "cls": "green", "group": "FRONT" },
+    { "id": "f4", "label": "標記為優先處理", "cls": "orange", "group": "FRONT" },
+    { "id": "f4c", "label": "轉交專案小組評估", "cls": "orange", "group": "FRONT" },
+    { "id": "BACK", "label": "後台處理", "cls": "purpleG" },
+    { "id": "b1", "label": "派工人員指派", "cls": "purple", "group": "BACK" },
+    { "id": "b2", "label": "技術人員到場檢修", "cls": "purple", "group": "BACK" },
+    { "id": "d2", "label": "是否修復成功", "cls": "diamond", "group": "BACK" },
+    { "id": "b3", "label": "更換零件", "cls": "red", "group": "BACK" },
+    { "id": "b4", "label": "填寫維修報告", "cls": "green", "group": "BACK" },
+    { "id": "b6", "label": "拍照存證並歸檔", "cls": "green", "group": "BACK" },
+    { "id": "b5", "label": "回報前台結案", "cls": "green", "group": "BACK" },
+    { "id": "f5", "label": "通知客戶結案", "cls": "blue" },
+    { "id": "end", "label": "工單結案", "cls": "done" }
+  ],
+  "edges": [
+    { "from": "f1", "to": "f2" },
+    { "from": "f2", "to": "f6" },
+    { "from": "f6", "to": "d1" },
+    { "from": "d1", "to": "f3", "label": "一般" },
+    { "from": "d1", "to": "f4", "label": "緊急" },
+    { "from": "d1", "to": "f4c", "label": "特殊申訴" },
+    { "from": "f3", "to": "b1", "label": "派工" },
+    { "from": "f4", "to": "b1", "label": "派工" },
+    { "from": "f4c", "to": "b1", "label": "派工" },
+    { "from": "b1", "to": "b2" },
+    { "from": "b2", "to": "d2" },
+    { "from": "d2", "to": "b4", "label": "是" },
+    { "from": "d2", "to": "b3", "label": "否" },
+    { "from": "b3", "to": "b2", "kind": "dashed", "label": "退回重測" },
+    { "from": "b4", "to": "b6" },
+    { "from": "b6", "to": "b5" },
+    { "from": "b5", "to": "f5", "label": "結案回報" },
+    { "from": "f5", "to": "end" }
+  ]
+}

package/test/data//345/276/256/346/234/215/345/213/231/345/217/242/351/233/206/346/236/266/346/247/213/345/234/226.json

@@ -0,0 +1,132 @@
+{
+  "dir": "TB",
+  "nodes": [
+    {
+      "id": "CLU",
+      "label": "服務叢集",
+      "cls": "blueG"
+    },
+    {
+      "id": "NS1",
+      "label": "訂單命名空間",
+      "cls": "greenG",
+      "group": "CLU"
+    },
+    {
+      "id": "NS2",
+      "label": "帳務命名空間",
+      "cls": "greenG",
+      "group": "CLU"
+    },
+    {
+      "id": "SG1",
+      "label": "訂單服務群",
+      "cls": "orangeG",
+      "group": "NS1"
+    },
+    {
+      "id": "SG2",
+      "label": "庫存服務群",
+      "cls": "orangeG",
+      "group": "NS1"
+    },
+    {
+      "id": "SG3",
+      "label": "帳務服務群",
+      "cls": "orangeG",
+      "group": "NS2"
+    },
+    {
+      "id": "o1",
+      "label": "訂單 API",
+      "cls": "orange",
+      "group": "SG1"
+    },
+    {
+      "id": "o2",
+      "title": "訂單背景任務",
+      "items": [
+        "排程掃描",
+        "失敗重試"
+      ],
+      "cls": "orange",
+      "group": "SG1"
+    },
+    {
+      "id": "i1",
+      "label": "庫存 API",
+      "cls": "orange",
+      "group": "SG2"
+    },
+    {
+      "id": "i2",
+      "label": "庫存快取",
+      "cls": "orange",
+      "group": "SG2"
+    },
+    {
+      "id": "p1",
+      "title": "付款服務",
+      "items": [
+        "扣款",
+        "對帳"
+      ],
+      "cls": "orange",
+      "group": "SG3"
+    },
+    {
+      "id": "p2",
+      "label": "帳務 API",
+      "cls": "orange",
+      "group": "SG3"
+    },
+    {
+      "id": "GW",
+      "label": "API 閘道",
+      "cls": "purple"
+    },
+    {
+      "id": "MQ",
+      "label": "訊息佇列",
+      "cls": "purple"
+    }
+  ],
+  "edges": [
+    {
+      "from": "GW",
+      "to": "NS1",
+      "label": "路由請求"
+    },
+    {
+      "from": "GW",
+      "to": "NS2",
+      "label": "路由請求"
+    },
+    {
+      "from": "SG1",
+      "to": "SG2",
+      "label": "查詢庫存"
+    },
+    {
+      "from": "SG1",
+      "to": "MQ",
+      "label": "發布訂單事件",
+      "kind": "dashed"
+    },
+    {
+      "from": "SG3",
+      "to": "MQ",
+      "label": "訂閱付款事件",
+      "kind": "dashed"
+    },
+    {
+      "from": "o1",
+      "to": "i1",
+      "label": "扣減庫存"
+    },
+    {
+      "from": "p1",
+      "to": "p2"
+    }
+  ]
+}

package/test/data//346/234/203/345/223/241/350/250/273/345/206/212/346/265/201/347/250/213/345/234/226.json

@@ -0,0 +1,27 @@
+{
+  "dir": "TB",
+  "nodes": [
+    { "id": "GRP", "label": "會員註冊流程", "cls": "blueG" },
+    { "id": "n1", "label": "使用者進入註冊頁", "cls": "blue", "group": "GRP" },
+    { "id": "n2", "label": "填寫帳號密碼與信箱", "cls": "blue", "group": "GRP" },
+    { "id": "d1", "label": "格式驗證是否通過", "cls": "diamond", "group": "GRP" },
+    { "id": "n3", "label": "顯示錯誤提示", "cls": "red", "group": "GRP" },
+    { "id": "n4", "label": "檢查帳號是否已存在", "cls": "green", "group": "GRP" },
+    { "id": "d2", "label": "帳號是否重複", "cls": "diamond", "group": "GRP" },
+    { "id": "n5", "label": "建立會員資料並寄送驗證信", "cls": "green", "group": "GRP" },
+    { "id": "n6", "label": "使用者點擊驗證連結啟用帳號", "cls": "orange", "group": "GRP" },
+    { "id": "end", "label": "註冊完成", "cls": "done", "group": "GRP" }
+  ],
+  "edges": [
+    { "from": "n1", "to": "n2" },
+    { "from": "n2", "to": "d1" },
+    { "from": "d1", "to": "n4", "label": "是" },
+    { "from": "d1", "to": "n3", "label": "否" },
+    { "from": "n3", "to": "n2", "kind": "dashed" },
+    { "from": "n4", "to": "d2" },
+    { "from": "d2", "to": "n5", "label": "否" },
+    { "from": "d2", "to": "n3", "label": "是" },
+    { "from": "n5", "to": "n6" },
+    { "from": "n6", "to": "end" }
+  ]
+}

package/test/data//346/250/241/347/265/204/347/265/204/346/210/220/345/234/226.json

@@ -0,0 +1,111 @@
+{
+  "dir": "TB",
+  "nodes": [
+    {
+      "id": "G1",
+      "label": "使用者模組",
+      "cls": "blueG"
+    },
+    {
+      "id": "G2",
+      "label": "訂單模組",
+      "cls": "greenG"
+    },
+    {
+      "id": "G3",
+      "label": "共用模組",
+      "cls": "orangeG"
+    },
+    {
+      "id": "g1a",
+      "title": "帳號管理",
+      "items": [
+        "註冊",
+        "登入",
+        "密碼重設",
+        "權限設定"
+      ],
+      "cls": "blue",
+      "group": "G1"
+    },
+    {
+      "id": "g1b",
+      "title": "個人資料",
+      "items": [
+        "基本資料",
+        "收件地址",
+        "偏好設定"
+      ],
+      "cls": "blue",
+      "group": "G1"
+    },
+    {
+      "id": "g2a",
+      "title": "訂單處理",
+      "items": [
+        "建立訂單",
+        "訂單查詢",
+        "訂單取消",
+        "訂單狀態"
+      ],
+      "cls": "green",
+      "group": "G2"
+    },
+    {
+      "id": "g2b",
+      "title": "金流處理",
+      "items": [
+        "付款",
+        "退款",
+        "發票開立"
+      ],
+      "cls": "green",
+      "group": "G2"
+    },
+    {
+      "id": "g3a",
+      "title": "訊息通知",
+      "items": [
+        "站內信",
+        "電子郵件",
+        "簡訊"
+      ],
+      "cls": "orange",
+      "group": "G3"
+    },
+    {
+      "id": "g3b",
+      "title": "紀錄稽核",
+      "items": [
+        "操作紀錄",
+        "錯誤紀錄"
+      ],
+      "cls": "orange",
+      "group": "G3"
+    }
+  ],
+  "edges": [
+    {
+      "from": "G1",
+      "to": "G3",
+      "label": "呼叫共用"
+    },
+    {
+      "from": "G2",
+      "to": "G3",
+      "label": "觸發通知"
+    },
+    {
+      "from": "g2a",
+      "to": "g3a",
+      "label": "訂單通知",
+      "kind": "dashed"
+    },
+    {
+      "from": "g1a",
+      "to": "g3b",
+      "label": "登入紀錄",
+      "kind": "dashed"
+    }
+  ]
+}