lan-low-code-cli 2.9.0 → 2.9.1

package/README.md

@@ -350,13 +350,17 @@ llc flow delete  --id <flowId> --yes
 
 **布局**由编译器生成，不要手写 `drawAttr.bounds`：
 
-- `--layout ide`（默认）：主链以 `--center-x`（默认 679）居中；`BranchNode` 为 56×56，其余节点 180×38；
-  分支后继与分支节点同层、泳道 ±1 左右对称；汇聚下移一层；层距 = 该层最高节点 + 52。
-  这与平台 mxGraph 编辑器「向下插入 / 左右插入」累积出的编排一致。
-- `--layout layered`：分支后继放到下一层，可读性更强但与平台手工习惯略有差异。
+- `--layout ide`（默认）：**dagre 分层布局**（Sugiyama：分层 → 层内排序 → 坐标分配）。
+  主链以 `--center-x`（默认 679）居中，`BranchNode` 56×56、其余 180×38；分支后继位于下一层，
+  父节点居中于子节点之上，汇聚节点居中于多个父节点下方；层间距 `--rank-padding`（默认 52），
+  同层间距 60。嵌套分支场景实测交叉数 0、线段总长比旧算法短约 16%。
+- `--layout layered`：旧版「rank + lane」算法，复刻 IDE 手工「左右插入」习惯（分支后继与分支节点同层、
+  左右对称）。保留用于兼容历史流程，分支嵌套时更容易出现长线和交叉。
 - `--layout passthrough`：沿用 spec 里的 `bounds`（用于回写平台导出的流程）。
 - `passthrough` 之外的模式下，`relative:false`、节点尺寸、连线 `sourceRef/targetRef` 与
-  `formulaConfig.branchFormulas`（引用真实连线 ID）、分支线 `exitX=0/1` 锚点均自动生成。
+  `formulaConfig.branchFormulas`（引用真实连线 ID）均自动生成；分支出线按实际相对位置写
+  `exitX=0/1`，多出边/多入边写 `exitX/entryX=0.25/0.75`，减少线条挤在同一点。
+- 布局依赖：`@dagrejs/dagre`（MIT）。CLI 其余逻辑仍不依赖任何前端包。
 
 **Schema 注入**：`--resolve-schema` 会为引用数据模型的节点调 `getSourceJsonSchema` /
 `getProcessDataOutJsonSchema` 补齐 `extraAttr.context_outputParam` / `context_bindFormId`。

package/dist/commands/flow.js

@@ -290,7 +290,7 @@ function registerFlowCommand(program) {
         .command('compile')
         .description('把 Flow Spec 编译为可直接提交的 fdDesign（含编排布局与离线校验）')
         .requiredOption('--spec <@file|json>', 'Flow Spec：@文件路径 或内联 JSON 字符串')
-        .option('--layout <mode>', '布局模式：ide（默认，分支同层左右对称）| layered | passthrough（沿用已有坐标）')
+        .option('--layout <mode>', '布局模式：ide（默认，dagre 分层）| layered（旧版同层分支）| passthrough（沿用已有坐标）')
         .option('--center-x <n>', '主链中心 x，默认 679（对应 1920 宽屏）')
         .option('--rank-padding <n>', '层间距增量，默认 52（层距 = 该层最高节点 + 52）')
         .option('--lane-gap <n>', '泳道间距覆盖值，默认 2 × 层距')
@@ -319,7 +319,7 @@ function registerFlowCommand(program) {
         .command('validate')
         .description('只做离线校验（图结构 / 必填 / 编码 / 布局重叠），不输出设计')
         .requiredOption('--spec <@file|json>', 'Flow Spec：@文件路径 或内联 JSON 字符串')
-        .option('--layout <mode>', '布局模式：ide | layered | passthrough')
+        .option('--layout <mode>', '布局模式：ide（默认，dagre 分层）| layered（旧版同层分支）| passthrough（沿用坐标）')
         .option('--center-x <n>', '主链中心 x')
         .option('--rank-padding <n>', '层间距增量')
         .option('--lane-gap <n>', '泳道间距')
@@ -579,7 +579,7 @@ function registerFlowCommand(program) {
         .option('--enable', '成功后调用 startup 启用')
         .option('--resolve-schema', '联网补齐 extraAttr.context_*（SchemaResolver）')
         .option('--strict-schema', 'Schema 拉取失败时升级为错误')
-        .option('--layout <mode>', '布局模式：ide | layered | passthrough')
+        .option('--layout <mode>', '布局模式：ide（默认，dagre 分层）| layered（旧版同层分支）| passthrough（沿用坐标）')
         .option('--center-x <n>', '主链中心 x')
         .option('--lane-gap <n>', '泳道间距')
         .option('--min-gap <n>', '最小边缘间隙')
@@ -687,7 +687,7 @@ function registerFlowCommand(program) {
         .option('--no-ignore-bounds', '比较时也包含 drawAttr.bounds')
         .option('--resolve-schema', '对比前联网补齐 extraAttr.context_*（与发布时的选项保持一致）')
         .option('--strict-schema', 'Schema 拉取失败时升级为错误')
-        .option('--layout <mode>', '布局模式：ide | layered | passthrough')
+        .option('--layout <mode>', '布局模式：ide（默认，dagre 分层）| layered（旧版同层分支）| passthrough（沿用坐标）')
         .option('--center-x <n>', '主链中心 x')
         .option('--json', '以 JSON 输出差异')).action(async (opts) => {
         const spec = readJsonInput(String(opts.spec), '--spec');

package/dist/generator/flow/compiler.js

@@ -322,15 +322,34 @@ function compileGraph(spec, ctx) {
         });
     }
     const nodes = normalized.graph.nodes.map((node) => buildNode(node, layout.bounds, ctx, branchDefaults, branchFormulas, diagnostics));
+    const incomingCount = new Map();
+    const outgoingCount = new Map();
+    for (const edge of normalized.graph.edges) {
+        incomingCount.set(edge.to, (incomingCount.get(edge.to) ?? 0) + 1);
+        outgoingCount.set(edge.from, (outgoingCount.get(edge.from) ?? 0) + 1);
+    }
     const lines = normalized.graph.edges.map((edge) => {
-        // 条件分支出边需要左右锚点，否则 IDE 里两条线会重叠（真实 style: exitX=0/1）。
+        // 多出边/多入边按实际相对位置设置锚点，避免多条线挤在节点同一点。
+        // 条件分支：左右侧出（exitX=0/1）；汇聚：左/右 1/4 处入（entryX=0.25/0.75）。
         const source = nodeById.get(edge.from);
-        const target = nodeById.get(edge.to);
         const isBranchOut = source?.type === 'BranchNode';
-        const exitX = isBranchOut && target ? (target._lane < 0 ? 0 : target._lane > 0 ? 1 : 0.5) : 0.5;
-        const style = isBranchOut
-            ? `line;exitX=${exitX};exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;`
-            : '';
+        const sourceBounds = layout.bounds[edge.from];
+        const targetBounds = layout.bounds[edge.to];
+        const sourceCenterX = sourceBounds ? sourceBounds.x + sourceBounds.width / 2 : undefined;
+        const targetCenterX = targetBounds ? targetBounds.x + targetBounds.width / 2 : undefined;
+        const leftOfTarget = sourceCenterX !== undefined && targetCenterX !== undefined ? sourceCenterX < targetCenterX : true;
+        let style = '';
+        if (isBranchOut) {
+            const exitX = sourceCenterX !== undefined && targetCenterX !== undefined
+                ? (targetCenterX < sourceCenterX ? 0 : targetCenterX > sourceCenterX ? 1 : 0.5)
+                : 0.5;
+            style = `line;exitX=${exitX};exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;`;
+        }
+        else if ((outgoingCount.get(edge.from) ?? 0) > 1 || (incomingCount.get(edge.to) ?? 0) > 1) {
+            const exitX = (outgoingCount.get(edge.from) ?? 0) > 1 ? (leftOfTarget ? 0.25 : 0.75) : 0.5;
+            const entryX = (incomingCount.get(edge.to) ?? 0) > 1 ? (leftOfTarget ? 0.25 : 0.75) : 0.5;
+            style = `line;exitX=${exitX};exitY=1;exitDx=0;exitDy=0;entryX=${entryX};entryY=0;entryDx=0;entryDy=0;`;
+        }
         return {
             id: lineIdOf.get(edge),
             name: edge.name ?? '',
@@ -342,7 +361,7 @@ function compileGraph(spec, ctx) {
             // 仅 --emit-waypoints 时额外写入 wayPoints（非 IDE 原生行为）。
             drawAttr: ctx.options.emitWayPoints
                 ? { style, wayPoints: [] }
-                : isBranchOut ? { style } : {},
+                : style ? { style } : {},
         };
     });
     const design = {

package/dist/generator/flow/layout.js

@@ -2,22 +2,26 @@
 /**
  * 动作流编排布局引擎
  *
- * 源码依据（均来自 action-flow-ide）：
- * - 尺寸表 styleSheet.ts:339-347：BranchNode 56×56，其余 180×38；回显时宽高被强制覆盖
- * - 种子 mxgraph/utils.tsx:93-135：N1 在 (C-90, 80)、N2 在 (C-90, 166)，L1 直连
- * - 向下插入 R4（mxgraph/utils.tsx:422-465,1408-1428）：distance = h_prev + 52，
- *   cy_new = cy_prev + distance，下游整体 y += distance
- * - 左右插入 R5（mxgraph/utils.tsx:442-458,568-584）：与源节点同层中心线，
- *   x = C - w/2 ± 2*distance
- * - 无整图自动布局、无后端布局服务；坐标是持久化契约，IDE 回显原样使用
+ * 坐标是持久化契约：IDE 回显 `drawAttr.bounds` 时原样使用，不会重算，
+ * 也没有整图自动布局或后端布局服务，因此坐标质量直接决定连线是否可读。
  *
- * 因此这里按「rank（逻辑层）+ lane（层内泳道）+ 中心线」复刻编排习惯：
- * 主链居中，分支的直接后继与分支节点同层、左右对称，汇聚节点下移一层。
+ * 两种模式：
+ * - `ide`（默认）：dagre 分层布局（Sugiyama：分层 → 层内排序 → 坐标分配）。
+ *   分支后继位于下一层，父节点由 dagre 居中于子节点之上，汇聚节点居中于多个父节点下方，
+ *   能显著减少长边与交叉。dagre 是 mxGraph 生态常用的布局库（MIT）。
+ * - `layered`：旧版「rank + lane」算法，复刻 IDE 手工「左右插入」习惯——
+ *   分支后继与分支节点同层、左右对称。保留用于兼容历史流程，但分支多时线段较乱。
+ * - `passthrough`：原样沿用节点 bounds（UI 导出流程回写）。
+ *
+ * 尺寸与坐标依据：
+ * - styleSheet.ts:339-347：BranchNode 56×56，其余 180×38
+ * - mxgraph/utils.tsx:93-135：主画布起始 y=80
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_CENTER_X = exports.MIN_GAP = exports.RANK_PADDING = exports.START_Y = exports.NODE_SIZE = void 0;
+exports.DEFAULT_NODE_GAP = exports.DEFAULT_CENTER_X = exports.MIN_GAP = exports.RANK_PADDING = exports.START_Y = exports.NODE_SIZE = void 0;
 exports.nodeSize = nodeSize;
 exports.layoutGraph = layoutGraph;
+const dagre_1 = require("@dagrejs/dagre");
 /** 与 styleSheet.ts nodeBounds 一致 */
 exports.NODE_SIZE = {
     BranchNode: { width: 56, height: 56 },
@@ -25,76 +29,192 @@ exports.NODE_SIZE = {
 };
 /** 主画布开始节点的 y（mxgraph/utils.tsx:130） */
 exports.START_Y = 80;
-/** R4 的层间距增量：distance = h_prev + 52 */
+/** 层间距增量：distance = h_prev + 52 */
 exports.RANK_PADDING = 52;
 /**
  * 最小边缘间隙，默认 40。
  *
  * IDE 常规编排的垂直间隙由 R4 推导：gap = 52 + (h_prev - h_new)/2；
  * 38 高节点后紧跟 56 高 BranchNode 时最小为 52 - (56-38)/2 = 43px。
- * 因此不能照搬 mxHierarchicalLayout 的 interRankCellSpacing=50（该值只在
- * 折叠/展开时生效），否则正常分支流程会被误判为布局重叠。
  */
 exports.MIN_GAP = 40;
 /** W=1920 时 (1920-562)/2；CLI 无浏览器宽度，可用 --center-x 覆盖 */
 exports.DEFAULT_CENTER_X = 679;
+/** dagre 同层节点默认水平间距 */
+exports.DEFAULT_NODE_GAP = 60;
 function nodeSize(nodeType) {
     return exports.NODE_SIZE[nodeType] ?? exports.NODE_SIZE.general;
 }
 const round = (v) => Math.round(v * 100) / 100;
 function layoutGraph(graph, options = {}) {
     const mode = options.mode ?? 'ide';
-    const centerX = options.centerX ?? exports.DEFAULT_CENTER_X;
-    const padding = options.rankPadding ?? exports.RANK_PADDING;
-    const minGap = options.minGap ?? exports.MIN_GAP;
+    if (mode === 'passthrough')
+        return layoutPassthrough(graph);
+    if (mode === 'layered')
+        return layoutLayered(graph, options);
+    return layoutDagre(graph, options);
+}
+/* ------------------------------------------------------------------ 重叠 / 负坐标检查 */
+function checkBounds(graph, bounds, minGap) {
     const diagnostics = [];
-    const bounds = {};
-    // passthrough：原样沿用已有坐标（P1 克隆 / UI 导出流程回写）
-    if (mode === 'passthrough') {
-        for (const node of graph.nodes) {
-            const size = nodeSize(node.type);
-            const given = node.bounds;
-            if (!given || typeof given.x !== 'number' || typeof given.y !== 'number') {
+    const placed = graph.nodes.filter((node) => bounds[node.id]);
+    for (let i = 0; i < placed.length; i++) {
+        for (let j = i + 1; j < placed.length; j++) {
+            const a = bounds[placed[i].id];
+            const b = bounds[placed[j].id];
+            const horizontal = a.x < b.x + b.width + minGap && b.x < a.x + a.width + minGap;
+            const vertical = a.y < b.y + b.height + minGap && b.y < a.y + a.height + minGap;
+            if (horizontal && vertical) {
                 diagnostics.push({
                     level: 'error',
-                    code: 'LAYOUT_MISSING_BOUNDS',
-                    message: `passthrough 模式要求节点提供 bounds.{x,y}：${node.id}`,
-                    nodeId: node.id,
+                    code: 'LAYOUT_OVERLAP',
+                    message: `节点 ${placed[i].id} 与 ${placed[j].id} 的布局重叠或间距不足 ${minGap}px`,
+                    nodeId: placed[j].id,
                 });
-                continue;
             }
-            bounds[node.id] = {
-                x: given.x,
-                y: given.y,
-                width: size.width,
-                height: size.height,
-                relative: given.relative ?? false,
-            };
         }
-        return { bounds, rankCenters: [], diagnostics };
     }
-    const maxRank = graph.nodes.reduce((max, n) => Math.max(max, n._rank), 0);
+    for (const node of placed) {
+        const b = bounds[node.id];
+        if (b.x < 0 || b.y < 0) {
+            diagnostics.push({
+                level: 'warn',
+                code: 'LAYOUT_NEGATIVE',
+                message: `节点 ${node.id} 坐标为负 (${b.x}, ${b.y})，IDE 中可能显示不全`,
+                nodeId: node.id,
+            });
+        }
+    }
+    return diagnostics;
+}
+/* ------------------------------------------------------------------ passthrough */
+function layoutPassthrough(graph) {
+    const diagnostics = [];
+    const bounds = {};
+    for (const node of graph.nodes) {
+        const size = nodeSize(node.type);
+        const given = node.bounds;
+        if (!given || typeof given.x !== 'number' || typeof given.y !== 'number') {
+            diagnostics.push({
+                level: 'error',
+                code: 'LAYOUT_MISSING_BOUNDS',
+                message: `passthrough 模式要求节点提供 bounds.{x,y}：${node.id}`,
+                nodeId: node.id,
+            });
+            continue;
+        }
+        bounds[node.id] = {
+            x: given.x,
+            y: given.y,
+            width: size.width,
+            height: size.height,
+            relative: given.relative ?? false,
+        };
+    }
+    return { bounds, rankCenters: [], diagnostics };
+}
+/* ------------------------------------------------------------------ dagre（默认） */
+function layoutDagre(graph, options) {
+    const centerX = options.centerX ?? exports.DEFAULT_CENTER_X;
+    const minGap = options.minGap ?? exports.MIN_GAP;
+    const diagnostics = [];
+    const g = new dagre_1.graphlib.Graph({ multigraph: true });
+    g.setGraph({
+        rankdir: 'TB',
+        nodesep: options.nodeGap ?? exports.DEFAULT_NODE_GAP,
+        ranksep: options.rankPadding ?? exports.RANK_PADDING,
+        marginx: 0,
+        marginy: 0,
+    });
+    g.setDefaultEdgeLabel(() => ({}));
+    for (const node of graph.nodes) {
+        const size = nodeSize(node.type);
+        g.setNode(node.id, { width: size.width, height: size.height });
+    }
+    graph.edges.forEach((edge, index) => {
+        if (!g.hasNode(edge.from) || !g.hasNode(edge.to))
+            return;
+        g.setEdge(edge.from, edge.to, {}, `e${index}`);
+    });
+    try {
+        (0, dagre_1.layout)(g);
+    }
+    catch (err) {
+        diagnostics.push({
+            level: 'warn',
+            code: 'LAYOUT_DAGRE_FAILED',
+            message: `dagre 布局失败，已回退到 layered：${err.message.split('\n')[0]}`,
+        });
+        return layoutLayered(graph, options);
+    }
+    const start = graph.nodes.find((node) => node._isStart) ?? graph.nodes[0];
+    const startLabel = start ? g.node(start.id) : undefined;
+    const startSize = start ? nodeSize(start.type) : exports.NODE_SIZE.general;
+    const startX = startLabel && typeof startLabel.x === 'number' ? startLabel.x : undefined;
+    const startY = startLabel && typeof startLabel.y === 'number' ? startLabel.y : undefined;
+    const offsetX = startX !== undefined ? centerX - startX : 0;
+    const offsetY = startY !== undefined ? exports.START_Y - (startY - startSize.height / 2) : exports.START_Y;
+    const raw = new Map();
+    let minX = Number.POSITIVE_INFINITY;
+    for (const node of graph.nodes) {
+        const label = g.node(node.id);
+        if (!label || typeof label.x !== 'number' || typeof label.y !== 'number')
+            continue;
+        const size = nodeSize(node.type);
+        const x = label.x + offsetX - size.width / 2;
+        const y = label.y + offsetY - size.height / 2;
+        raw.set(node.id, { x, y });
+        minX = Math.min(minX, x);
+    }
+    // 负坐标会显示不全：整体右移
+    const shiftX = Number.isFinite(minX) && minX < 0 ? 20 - minX : 0;
+    const bounds = {};
+    const centers = new Set();
+    for (const node of graph.nodes) {
+        const point = raw.get(node.id);
+        if (!point)
+            continue;
+        const size = nodeSize(node.type);
+        bounds[node.id] = {
+            x: round(point.x + shiftX),
+            y: round(point.y),
+            width: size.width,
+            height: size.height,
+            relative: false,
+        };
+        centers.add(Math.round(point.y + size.height / 2));
+    }
+    diagnostics.push(...checkBounds(graph, bounds, minGap));
+    return { bounds, rankCenters: [...centers].sort((a, b) => a - b), diagnostics };
+}
+/* ------------------------------------------------------------------ 旧版 layered */
+function layoutLayered(graph, options) {
+    const centerX = options.centerX ?? exports.DEFAULT_CENTER_X;
+    const padding = options.rankPadding ?? exports.RANK_PADDING;
+    const minGap = options.minGap ?? exports.MIN_GAP;
+    const bounds = {};
+    const maxRank = graph.nodes.reduce((max, node) => Math.max(max, node._rank), 0);
     // 每层取最高节点，决定「该层到下一层」的间距：38→90、56→108
     const rankHeight = [];
     for (let r = 0; r <= maxRank; r++) {
-        const heights = graph.nodes.filter((n) => n._rank === r).map((n) => nodeSize(n.type).height);
+        const heights = graph.nodes.filter((node) => node._rank === r).map((node) => nodeSize(node.type).height);
         rankHeight[r] = heights.length > 0 ? Math.max(...heights) : exports.NODE_SIZE.general.height;
     }
     const gapOf = (r) => (rankHeight[r] ?? exports.NODE_SIZE.general.height) + padding;
-    // 中心线：cy(0) = 80 + h_start/2 = 99；cy(r) = cy(r-1) + gap(r-1)
+    // 中心线：cy(0) = 80 + h_start/2；cy(r) = cy(r-1) + gap(r-1)
     const rankCenters = [];
-    const startNode = graph.nodes.find((n) => n._isStart);
+    const startNode = graph.nodes.find((node) => node._isStart);
     rankCenters[0] = exports.START_Y + (startNode ? nodeSize(startNode.type).height : exports.NODE_SIZE.general.height) / 2;
     for (let r = 1; r <= maxRank; r++) {
         rankCenters[r] = rankCenters[r - 1] + gapOf(r - 1);
     }
     for (const node of graph.nodes) {
         const size = nodeSize(node.type);
-        const r = node._rank;
+        const rank = node._rank;
         // R5 的 ±2*distance：distance 取当前层最高节点对应的层间距
-        const laneGap = options.laneGap ?? 2 * gapOf(r);
+        const laneGap = options.laneGap ?? 2 * gapOf(rank);
         const x = centerX - size.width / 2 + node._lane * laneGap;
-        const y = (rankCenters[r] ?? rankCenters[rankCenters.length - 1]) - size.height / 2;
+        const y = (rankCenters[rank] ?? rankCenters[rankCenters.length - 1]) - size.height / 2;
         bounds[node.id] = {
             x: round(x),
             y: round(y),
@@ -103,34 +223,5 @@ function layoutGraph(graph, options = {}) {
             relative: false,
         };
     }
-    // 矩形重叠检查（含最小间隙）
-    const placed = graph.nodes.filter((n) => bounds[n.id]);
-    for (let i = 0; i < placed.length; i++) {
-        for (let j = i + 1; j < placed.length; j++) {
-            const a = bounds[placed[i].id];
-            const b = bounds[placed[j].id];
-            const horizontal = a.x < b.x + b.width + minGap && b.x < a.x + a.width + minGap;
-            const vertical = a.y < b.y + b.height + minGap && b.y < a.y + a.height + minGap;
-            if (horizontal && vertical) {
-                diagnostics.push({
-                    level: 'error',
-                    code: 'LAYOUT_OVERLAP',
-                    message: `节点 ${placed[i].id} 与 ${placed[j].id} 的布局重叠或间距不足 ${minGap}px`,
-                    nodeId: placed[j].id,
-                });
-            }
-        }
-    }
-    for (const node of placed) {
-        const b = bounds[node.id];
-        if (b.x < 0 || b.y < 0) {
-            diagnostics.push({
-                level: 'warn',
-                code: 'LAYOUT_NEGATIVE',
-                message: `节点 ${node.id} 坐标为负 (${b.x}, ${b.y})，IDE 中可能显示不全；可增大 --center-x / --lane-gap`,
-                nodeId: node.id,
-            });
-        }
-    }
-    return { bounds, rankCenters, diagnostics };
+    return { bounds, rankCenters, diagnostics: checkBounds(graph, bounds, minGap) };
 }

package/dist/index.js

@@ -12,7 +12,7 @@ const locale_1 = require("./commands/locale");
 const operation_1 = require("./commands/operation");
 const template_1 = require("./commands/template");
 const logger_1 = require("./utils/logger");
-const VERSION = '2.9.0';
+const VERSION = '2.9.1';
 const program = new commander_1.Command();
 exports.program = program;
 program

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lan-low-code-cli",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "lan-low-code cli：低代码表单引擎命令行工具（创建表单、获取可用字段、自动完善表单字段）",
   "keywords": [
     "low-code",
@@ -29,6 +29,7 @@
     "pack:skill": "node scripts/pack.js --target skill"
   },
   "dependencies": {
+    "@dagrejs/dagre": "1.1.5",
     "commander": "^11.1.0"
   },
   "devDependencies": {

package/skills/lan-low-code-cli/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: lan-low-code-cli
-version: 2.9.0
+version: 2.9.1
 author: Pig George
 description: Operate the Landray low-code form engine through the `llc` CLI. Use when the user asks to create, inspect, modify, publish, or delete low-code apps and forms; generate field configs; configure layouts (grid/tabs), field permissions, options, i18n, or control actions (onChange/onLoad); or run pre-publish validation. Also use for troubleshooting form loading/rendering errors.
 tags:

package/skills/lan-low-code-cli/SKILL.zh-CN.md

@@ -1,6 +1,6 @@
 ---
 name: lan-low-code-cli
-version: 2.9.0
+version: 2.9.1
 author: Pig George
 description: 通过 `llc` CLI 操作蓝凌低代码表单引擎。适用于：创建、查看、修改、发布或删除低代码应用与表单；生成字段配置；配置布局（栅格/页签）、字段权限、选项、多语言、控件动作（onChange/onLoad）；或执行发布前校验、排查表单加载/渲染报错。
 tags:

package/skills/lan-low-code-cli/references/cli-contract.md

@@ -271,11 +271,14 @@ Application-scoped action flows. Every write command needs `--yes` and an explic
 
 - `--code` must match `^[a-zA-Z0-9_]{1,30}$`; node `id` `^[0-9a-zA-Z_]{2,32}$`. Start/End nodes
   and their edges are auto-added; disconnected roots/leaves are wired automatically.
-- **Layout**: `ide` (default) reproduces the platform's arrangement — main chain centred on
-  `--center-x` (default `679`), `BranchNode` 56×56, branch successors on the same rank at lanes ±1,
-  join one rank lower, rank spacing `maxHeight + 52`. `layered` pushes branch successors to the
-  next rank; `passthrough` keeps `bounds` from the spec. `drawAttr.bounds` uses top-left `x/y` with
-  `relative:false` and is persisted verbatim by the IDE (it never recomputes coordinates).
+- **Layout**: `ide` (default) uses **dagre** (Sugiyama: layering → ordering → coordinates). Main chain
+  centred on `--center-x` (default `679`), `BranchNode` 56×56 and others 180×38, branch successors on
+  the next rank, parents centred over children, joins centred under parents, rank gap
+  `--rank-padding` (default 52), same-rank gap 60. `layered` keeps the legacy rank+lane algorithm
+  (branch successors on the same rank, left/right symmetric); `passthrough` keeps `bounds` from the
+  spec. `drawAttr.bounds` uses top-left `x/y` with `relative:false` and is persisted verbatim by the
+  IDE (it never recomputes coordinates). Branch edges get `exitX=0/1` from the actual relative x;
+  multi-in/multi-out edges get `exitX`/`entryX` 0.25/0.75 to avoid sharing one anchor point.
 - Branch handling: `defaultTargetRef` comes from the edge with `"default": true`; a
   `formulaConfig.branchFormulas` referencing the real line IDs is generated automatically, and branch
   edges get `exitX=0/1` anchor styles so they do not overlap in the designer.

package/skills/lan-low-code-cli/references/cli-contract.zh-CN.md

@@ -260,10 +260,12 @@ llc operation detach --form-id <fdId> --operation-id <operationId>            #
 
 - `--code` 需匹配 `^[a-zA-Z0-9_]{1,30}$`；节点 `id` 需匹配 `^[0-9a-zA-Z_]{2,32}$`。
   开始/结束节点及其连线自动补齐，无入边/无出边的业务节点自动接线。
-- **布局**：`ide`（默认）复刻平台编排——主链以 `--center-x`（默认 `679`）居中，`BranchNode`
-  为 56×56，分支后继与分支节点同层、泳道 ±1，汇聚下移一层，层距 = 该层最高节点 + 52。
-  `layered` 把分支后继放到下一层；`passthrough` 沿用 spec 中的 `bounds`。
-  `drawAttr.bounds` 是左上角 `x/y` 且带 `relative:false`，IDE **原样持久化、不会重算坐标**。
+- **布局**：`ide`（默认）使用 **dagre**（Sugiyama：分层 → 层内排序 → 坐标分配）。主链以
+  `--center-x`（默认 `679`）居中，`BranchNode` 56×56、其余 180×38；分支后继位于下一层，父节点
+  居中于子节点之上，汇聚节点居中于多个父节点下方；层间距 `--rank-padding`（默认 52），同层间距 60。
+  `layered` 保留旧版 rank+lane 算法（分支后继与分支节点同层、左右对称）；`passthrough` 沿用 spec
+  中的 `bounds`。`drawAttr.bounds` 是左上角 `x/y` 且带 `relative:false`，IDE **原样持久化、不会重算坐标**。
+  分支出线按实际相对位置写 `exitX=0/1`；多出边/多入边写 `exitX`/`entryX` 0.25/0.75，避免共用一个锚点。
 - 分支处理：`defaultTargetRef` 取自 `"default": true` 的出边；自动生成引用真实连线 ID 的
   `formulaConfig.branchFormulas`；分支连线写入 `exitX=0/1` 锚点，避免 IDE 内两条线重叠。
 - `--resolve-schema` 通过 `getSourceJsonSchema` / `getProcessDataOutJsonSchema` 补齐