@next-bricks/diagram 0.39.0 → 0.40.1

package/dist-types/draw-canvas/decorators/DecoratorContainer.d.ts

@@ -1,2 +1,2 @@
 import type { BasicDecoratorProps } from "../interfaces";
-export declare function DecoratorContainer({ cell, transform, readOnly, activeTarget, cells, onCellResizing, onCellResized, onSwitchActiveTarget, onDecoratorTextEditing, onDecoratorTextChange, }: BasicDecoratorProps): JSX.Element;
+export declare function DecoratorContainer({ cell, transform, readOnly, layout, view, activeTarget, cells, onCellResizing, onCellResized, onSwitchActiveTarget, onDecoratorTextEditing, onDecoratorTextChange, }: BasicDecoratorProps): JSX.Element;

package/dist-types/draw-canvas/decorators/index.d.ts

@@ -1,2 +1,2 @@
 import type { BasicDecoratorProps } from "../interfaces";
-export declare function DecoratorComponent({ cell, transform, readOnly, activeTarget, cells, onCellResizing, onCellResized, onSwitchActiveTarget, onDecoratorTextEditing, onDecoratorTextChange, }: BasicDecoratorProps): JSX.Element | null;
+export declare function DecoratorComponent({ cell, view, transform, readOnly, layout, activeTarget, cells, onCellResizing, onCellResized, onSwitchActiveTarget, onDecoratorTextEditing, onDecoratorTextChange, }: BasicDecoratorProps): JSX.Element | null;

package/dist-types/draw-canvas/interfaces.d.ts

@@ -105,6 +105,8 @@ export interface BasicDecoratorProps {
     cell: DecoratorCell;
     transform: TransformLiteral;
     readOnly?: boolean;
+    layout?: LayoutType;
+    view: DecoratorView;
     activeTarget: ActiveTarget | null | undefined;
     cells: Cell[];
     onCellResizing?(info: ResizeCellPayload): void;

package/dist-types/draw-canvas/processors/asserts.d.ts

@@ -1,4 +1,4 @@
-import type { Cell, DecoratorCell, EdgeCell, InitialCell, InitialNodeCell, NodeCell } from "../interfaces";
+import type { Cell, DecoratorCell, EdgeCell, InitialCell, InitialNodeCell, LayoutType, NodeCell } from "../interfaces";
 import { MoveCellPayload } from "../reducers/interfaces";
 export declare function isNodeCell(cell: Cell | MoveCellPayload): cell is NodeCell;
 export declare function isDecoratorCell(cell: Cell): cell is DecoratorCell;
@@ -9,3 +9,4 @@ export declare function isNodeOrAreaDecoratorCell(cell: Cell): cell is NodeCell
 export declare function isNodeOrTextDecoratorCell(cell: Cell | MoveCellPayload): cell is NodeCell | DecoratorCell;
 export declare function isTextDecoratorCell(cell: Cell): cell is DecoratorCell;
 export declare function isContainerDecoratorCell(cell: Cell): cell is DecoratorCell;
+export declare function isNoManualLayout(layout: LayoutType): boolean;

package/dist-types/draw-canvas/processors/computeContainerRect.d.ts

@@ -0,0 +1,12 @@
+import { BaseNodeCell } from "../interfaces";
+export declare function computeContainerRect(cells: BaseNodeCell[]): {
+    x?: undefined;
+    y?: undefined;
+    width?: undefined;
+    height?: undefined;
+} | {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/dist-types/draw-canvas/processors/computeContainerRect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/docs/eo-display-canvas.md

@@ -27,6 +27,19 @@
                 height: 300,
               },
             },
+            {
+              type: "decorator",
+              id: "container-1",
+              decorator: "container",
+              view: {
+               x: 50,
+                y: 400,
+                width: 280,
+                height: 120,
+                direction: "top",
+                text: " 上层服务"
+              },
+            },
             {
               type: "edge",
               source: "X",
@@ -69,6 +82,7 @@
             ["X", "Y", "Z", "W"].map((id) => ({
               type: "node",
               id,
+              containerId: ["X","Y","Z"].includes(id)?"container-1":undefined,
               data: {
                 name: `Node ${id}`,
               },

package/docs/eo-draw-canvas.md

@@ -450,6 +450,19 @@
                 width: 400,
                 height: 300,
               },
+            },
+             {
+              type: "decorator",
+              id: "container-1",
+              decorator: "container",
+              view: {
+               x: 50,
+                y: 400,
+                width: 280,
+                height: 120,
+                direction: "top",
+                text: " 上层服务"
+              },
             },
             {
               type: "edge",
@@ -468,6 +481,7 @@
             ["X", "Y", "Z", "W"].map((id) => ({
               type: "node",
               id,
+              containerId: ["X","Y","Z"].includes(id)?"container-1":undefined,
               data: {
                 name: `Node ${id}`,
               },
@@ -836,6 +850,19 @@
                 height: 300,
               },
             },
+            {
+              type: "decorator",
+              id: "container-1",
+              decorator: "container",
+              view: {
+               x: 50,
+                y: 400,
+                width: 280,
+                height: 120,
+                direction: "top",
+                text: " 上层服务"
+              },
+            },
             {
               type: "edge",
               source: "X",
@@ -853,6 +880,7 @@
             ["X", "Y", "Z", "W"].map((id) => ({
               type: "node",
               id,
+              containerId: ["W","Z"].includes(id)?"container-1":undefined,
               data: {
                 name: `Node ${id}`,
               },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/diagram",
-  "version": "0.39.0",
+  "version": "0.40.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/diagram",
   "repository": {
     "type": "git",
@@ -41,5 +41,5 @@
   "peerDependencies": {
     "@next-bricks/basic": "*"
   },
-  "gitHead": "ba3fa834af6592565ac6199718256c9e6e5dfeca"
+  "gitHead": "516cbfaa210ab22d3b7329b8003c29207ec179f3"
 }