@flowgram.ai/renderer 0.3.6 → 0.4.1

package/dist/index.d.mts

@@ -181,10 +181,14 @@ declare enum FlowRendererKey {
     DRAG_HIGHLIGHT_ADDER = "drag-highlight-adder",// 拖拽高亮
     DRAG_BRANCH_HIGHLIGHT_ADDER = "drag-branch-highlight-adder",// 分支拖拽添加高亮
     SELECTOR_BOX_POPOVER = "selector-box-popover",// 选择框右上角菜单
+    /**
+     * @deprecated
+     */
     CONTEXT_MENU_POPOVER = "context-menu-popover",// 右键菜单
     SUB_CANVAS = "sub-canvas",// 子画布渲染
     SLOT_ADDER = "slot-adder",// 插槽添加按钮
-    SLOT_COLLPASE = "slot-collapse",// 插槽收起按钮渲染
+    SLOT_LABEL = "slot-label",// 插槽标签
+    SLOT_COLLAPSE = "slot-collapse",// 插槽收起按钮渲染
     ARROW_RENDERER = "arrow-renderer",// 工作流线条箭头渲染器
     MARKER_ARROW = "marker-arrow",// loop 的默认箭头
     MARKER_ACTIVATE_ARROW = "marker-active-arrow"

package/dist/index.d.ts

@@ -181,10 +181,14 @@ declare enum FlowRendererKey {
     DRAG_HIGHLIGHT_ADDER = "drag-highlight-adder",// 拖拽高亮
     DRAG_BRANCH_HIGHLIGHT_ADDER = "drag-branch-highlight-adder",// 分支拖拽添加高亮
     SELECTOR_BOX_POPOVER = "selector-box-popover",// 选择框右上角菜单
+    /**
+     * @deprecated
+     */
     CONTEXT_MENU_POPOVER = "context-menu-popover",// 右键菜单
     SUB_CANVAS = "sub-canvas",// 子画布渲染
     SLOT_ADDER = "slot-adder",// 插槽添加按钮
-    SLOT_COLLPASE = "slot-collapse",// 插槽收起按钮渲染
+    SLOT_LABEL = "slot-label",// 插槽标签
+    SLOT_COLLAPSE = "slot-collapse",// 插槽收起按钮渲染
     ARROW_RENDERER = "arrow-renderer",// 工作流线条箭头渲染器
     MARKER_ARROW = "marker-arrow",// loop 的默认箭头
     MARKER_ACTIVATE_ARROW = "marker-active-arrow"

package/dist/index.js

@@ -872,7 +872,8 @@ var FlowRendererKey = /* @__PURE__ */ ((FlowRendererKey2) => {
   FlowRendererKey2["CONTEXT_MENU_POPOVER"] = "context-menu-popover";
   FlowRendererKey2["SUB_CANVAS"] = "sub-canvas";
   FlowRendererKey2["SLOT_ADDER"] = "slot-adder";
-  FlowRendererKey2["SLOT_COLLPASE"] = "slot-collapse";
+  FlowRendererKey2["SLOT_LABEL"] = "slot-label";
+  FlowRendererKey2["SLOT_COLLAPSE"] = "slot-collapse";
   FlowRendererKey2["ARROW_RENDERER"] = "arrow-renderer";
   FlowRendererKey2["MARKER_ARROW"] = "marker-arrow";
   FlowRendererKey2["MARKER_ACTIVATE_ARROW"] = "marker-active-arrow";
@@ -1213,6 +1214,10 @@ function RoundedTurningLine(props) {
         const moveY = (0, import_lodash3.isNil)(point.moveY) ? ry : point.moveY;
         outPoint.y += to.y < point.y ? -moveY : +moveY;
       }
+      if (point.radiusOverflow === "truncate") {
+        rx = radiusX;
+        ry = radiusY;
+      }
       const crossProduct = (point.x - inPoint.x) * (outPoint.y - inPoint.y) - (point.y - inPoint.y) * (outPoint.x - inPoint.x);
       const isClockWise = crossProduct > 0;
       return `L ${inPoint.x} ${inPoint.y} A ${rx} ${ry} 0 0 ${isClockWise ? 1 : 0} ${outPoint.x} ${outPoint.y}`;
@@ -1665,7 +1670,7 @@ function createLabels(labelProps) {
   const { labels, renderData } = data || {};
   const { activated } = renderData || {};
   const renderLabel = (label, index) => {
-    const { offset, renderKey, props, rotate, type } = label || {};
+    const { offset, renderKey, props, rotate, origin, type } = label || {};
     const offsetX = offset.x;
     const offsetY = offset.y;
     let child = null;
@@ -1755,6 +1760,8 @@ function createLabels(labelProps) {
       default:
         break;
     }
+    const originX = typeof origin?.[0] === "number" ? origin?.[0] : 0.5;
+    const originY = typeof origin?.[1] === "number" ? origin?.[1] : 0.5;
     return /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
@@ -1764,7 +1771,7 @@ function createLabels(labelProps) {
           position: "absolute",
           left: offsetX,
           top: offsetY,
-          transform: "translate(-50%, -50%)"
+          transform: `translate(-${originX * 100}%, -${originY * 100}%)`
         }
       },
       child