@yh-ui/flow 1.0.26 → 1.0.36

package/dist/__tests__/layout-plugin.test.cjs

@@ -1,233 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _layout = require("../plugins/plugins/layout.cjs");
-function createMockFlowInstance() {
-  const nodes = (0, _vue.ref)([]);
-  const edges = (0, _vue.ref)([]);
-  const viewport = (0, _vue.ref)({
-    x: 0,
-    y: 0,
-    zoom: 1
-  });
-  const draggingNodeId = (0, _vue.ref)(null);
-  return {
-    nodes,
-    edges,
-    viewport,
-    draggingNodeId,
-    addNode: _vitest.vi.fn(),
-    removeNode: _vitest.vi.fn(),
-    updateNode: _vitest.vi.fn(),
-    getNode: _vitest.vi.fn(),
-    addEdge: _vitest.vi.fn(),
-    removeEdge: _vitest.vi.fn(),
-    updateEdge: _vitest.vi.fn(),
-    getEdge: _vitest.vi.fn(),
-    setViewport: _vitest.vi.fn(),
-    fitView: _vitest.vi.fn(),
-    zoomIn: _vitest.vi.fn(),
-    zoomOut: _vitest.vi.fn(),
-    centerView: _vitest.vi.fn(),
-    selectNode: _vitest.vi.fn(),
-    selectEdge: _vitest.vi.fn(),
-    clearSelection: _vitest.vi.fn(),
-    getNodes: _vitest.vi.fn(() => nodes.value),
-    getEdges: _vitest.vi.fn(() => edges.value),
-    getViewport: _vitest.vi.fn(() => viewport.value),
-    screenToCanvas: _vitest.vi.fn(),
-    canvasToScreen: _vitest.vi.fn(),
-    on: _vitest.vi.fn(),
-    off: _vitest.vi.fn(),
-    emit: _vitest.vi.fn(),
-    isValidConnection: _vitest.vi.fn(() => true),
-    $el: void 0,
-    usePlugin: _vitest.vi.fn(),
-    removePlugin: _vitest.vi.fn()
-  };
-}
-function createMockNode(id, type = "default") {
-  return {
-    id,
-    type,
-    position: {
-      x: 0,
-      y: 0
-    },
-    width: 100,
-    height: 50,
-    data: {},
-    selected: false,
-    dragging: false
-  };
-}
-function createMockEdge(id, source, target) {
-  return {
-    id,
-    source,
-    target,
-    type: "smoothstep",
-    selected: false,
-    animated: false
-  };
-}
-(0, _vitest.describe)("flow/plugins/plugins/layout", () => {
-  let consoleLogSpy;
-  let consoleWarnSpy;
-  let consoleErrorSpy;
-  (0, _vitest.beforeEach)(() => {
-    consoleLogSpy = _vitest.vi.spyOn(console, "log").mockImplementation(() => {});
-    consoleWarnSpy = _vitest.vi.spyOn(console, "warn").mockImplementation(() => {});
-    consoleErrorSpy = _vitest.vi.spyOn(console, "error").mockImplementation(() => {});
-  });
-  (0, _vitest.afterEach)(() => {
-    consoleLogSpy.mockRestore();
-    consoleWarnSpy.mockRestore();
-    consoleErrorSpy.mockRestore();
-    _vitest.vi.restoreAllMocks();
-  });
-  (0, _vitest.describe)("createLayoutPlugin", () => {
-    (0, _vitest.it)("should create plugin with correct id and name", () => {
-      const plugin = (0, _layout.createLayoutPlugin)();
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-      (0, _vitest.expect)(plugin.name).toBe("Layout");
-      (0, _vitest.expect)(plugin.version).toBe("1.0.0");
-    });
-    (0, _vitest.it)("should install without crashing", () => {
-      const flow = createMockFlowInstance();
-      const plugin = (0, _layout.createLayoutPlugin)();
-      plugin.install(flow);
-      (0, _vitest.expect)(flow.applyLayout).toBeDefined();
-    });
-    (0, _vitest.it)("should not install applyLayout when enabled is false", () => {
-      const flow = createMockFlowInstance();
-      const plugin = (0, _layout.createLayoutPlugin)({
-        enabled: false
-      });
-      plugin.install(flow);
-      (0, _vitest.expect)(flow.applyLayout).toBeUndefined();
-    });
-    (0, _vitest.it)("should use default layout options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)();
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should merge custom options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid",
-        direction: "LR",
-        nodeSpacing: 100,
-        rankSpacing: 200,
-        animate: false
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should support all layout types", () => {
-      const types = ["dagre", "elk", "force", "grid"];
-      for (const type of types) {
-        const plugin = (0, _layout.createLayoutPlugin)({
-          type
-        });
-        (0, _vitest.expect)(plugin.id).toBe("layout");
-      }
-    });
-    (0, _vitest.it)("should support all directions", () => {
-      const directions = ["TB", "BT", "LR", "RL"];
-      for (const direction of directions) {
-        const plugin = (0, _layout.createLayoutPlugin)({
-          direction
-        });
-        (0, _vitest.expect)(plugin.id).toBe("layout");
-      }
-    });
-    (0, _vitest.it)("should support elk options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "elk",
-        elkOptions: {
-          algorithm: "layered",
-          direction: "DOWN",
-          spacing: 50,
-          edgeRouting: "POLYLINE"
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should support force options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "force",
-        forceOptions: {
-          strength: -500,
-          distance: 150,
-          theta: 0.5,
-          iterations: 500
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should support grid options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid",
-        gridOptions: {
-          columns: 6,
-          startX: 100,
-          startY: 100
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-  });
-  (0, _vitest.describe)("applyLayout with grid", () => {
-    (0, _vitest.it)("should apply grid layout", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [createMockNode("n1"), createMockNode("n2"), createMockNode("n3"), createMockNode("n4")];
-      flow.edges.value = [createMockEdge("e1", "n1", "n2"), createMockEdge("e2", "n2", "n3")];
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid",
-        animate: false
-      });
-      plugin.install(flow);
-      await flow.applyLayout({
-        type: "grid",
-        gridOptions: {
-          columns: 2
-        }
-      });
-      (0, _vitest.expect)(flow.updateNode).toHaveBeenCalled();
-      (0, _vitest.expect)(consoleLogSpy).toHaveBeenCalledWith("[Layout Plugin] Grid layout applied successfully");
-    });
-    (0, _vitest.it)("should warn for unknown layout type", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [createMockNode("n1")];
-      const plugin = (0, _layout.createLayoutPlugin)();
-      plugin.install(flow);
-      await flow.applyLayout({
-        type: "unknown"
-      });
-      (0, _vitest.expect)(consoleWarnSpy).toHaveBeenCalledWith(_vitest.expect.stringContaining("Unknown layout type"));
-    });
-    (0, _vitest.it)("should handle layout with empty nodes", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [];
-      flow.edges.value = [];
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid"
-      });
-      plugin.install(flow);
-      await flow.applyLayout();
-      (0, _vitest.expect)(flow.updateNode).not.toHaveBeenCalled();
-    });
-    (0, _vitest.it)("should use override options from applyLayout call", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [createMockNode("n1")];
-      flow.edges.value = [];
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid"
-      });
-      plugin.install(flow);
-      await flow.applyLayout({
-        direction: "LR"
-      });
-      (0, _vitest.expect)(flow.updateNode).toHaveBeenCalled();
-    });
-  });
-});

package/dist/__tests__/layout-plugin.test.d.ts

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

package/dist/__tests__/layout-plugin.test.mjs

@@ -1,215 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ref } from "vue";
-import { createLayoutPlugin } from "../plugins/plugins/layout.mjs";
-function createMockFlowInstance() {
-  const nodes = ref([]);
-  const edges = ref([]);
-  const viewport = ref({ x: 0, y: 0, zoom: 1 });
-  const draggingNodeId = ref(null);
-  return {
-    nodes,
-    edges,
-    viewport,
-    draggingNodeId,
-    addNode: vi.fn(),
-    removeNode: vi.fn(),
-    updateNode: vi.fn(),
-    getNode: vi.fn(),
-    addEdge: vi.fn(),
-    removeEdge: vi.fn(),
-    updateEdge: vi.fn(),
-    getEdge: vi.fn(),
-    setViewport: vi.fn(),
-    fitView: vi.fn(),
-    zoomIn: vi.fn(),
-    zoomOut: vi.fn(),
-    centerView: vi.fn(),
-    selectNode: vi.fn(),
-    selectEdge: vi.fn(),
-    clearSelection: vi.fn(),
-    getNodes: vi.fn(() => nodes.value),
-    getEdges: vi.fn(() => edges.value),
-    getViewport: vi.fn(() => viewport.value),
-    screenToCanvas: vi.fn(),
-    canvasToScreen: vi.fn(),
-    on: vi.fn(),
-    off: vi.fn(),
-    emit: vi.fn(),
-    isValidConnection: vi.fn(() => true),
-    $el: void 0,
-    usePlugin: vi.fn(),
-    removePlugin: vi.fn()
-  };
-}
-function createMockNode(id, type = "default") {
-  return {
-    id,
-    type,
-    position: { x: 0, y: 0 },
-    width: 100,
-    height: 50,
-    data: {},
-    selected: false,
-    dragging: false
-  };
-}
-function createMockEdge(id, source, target) {
-  return {
-    id,
-    source,
-    target,
-    type: "smoothstep",
-    selected: false,
-    animated: false
-  };
-}
-describe("flow/plugins/plugins/layout", () => {
-  let consoleLogSpy;
-  let consoleWarnSpy;
-  let consoleErrorSpy;
-  beforeEach(() => {
-    consoleLogSpy = vi.spyOn(console, "log").mockImplementation(() => {
-    });
-    consoleWarnSpy = vi.spyOn(console, "warn").mockImplementation(() => {
-    });
-    consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(() => {
-    });
-  });
-  afterEach(() => {
-    consoleLogSpy.mockRestore();
-    consoleWarnSpy.mockRestore();
-    consoleErrorSpy.mockRestore();
-    vi.restoreAllMocks();
-  });
-  describe("createLayoutPlugin", () => {
-    it("should create plugin with correct id and name", () => {
-      const plugin = createLayoutPlugin();
-      expect(plugin.id).toBe("layout");
-      expect(plugin.name).toBe("Layout");
-      expect(plugin.version).toBe("1.0.0");
-    });
-    it("should install without crashing", () => {
-      const flow = createMockFlowInstance();
-      const plugin = createLayoutPlugin();
-      plugin.install(flow);
-      expect(flow.applyLayout).toBeDefined();
-    });
-    it("should not install applyLayout when enabled is false", () => {
-      const flow = createMockFlowInstance();
-      const plugin = createLayoutPlugin({ enabled: false });
-      plugin.install(flow);
-      expect(flow.applyLayout).toBeUndefined();
-    });
-    it("should use default layout options", () => {
-      const plugin = createLayoutPlugin();
-      expect(plugin.id).toBe("layout");
-    });
-    it("should merge custom options", () => {
-      const plugin = createLayoutPlugin({
-        type: "grid",
-        direction: "LR",
-        nodeSpacing: 100,
-        rankSpacing: 200,
-        animate: false
-      });
-      expect(plugin.id).toBe("layout");
-    });
-    it("should support all layout types", () => {
-      const types = ["dagre", "elk", "force", "grid"];
-      for (const type of types) {
-        const plugin = createLayoutPlugin({ type });
-        expect(plugin.id).toBe("layout");
-      }
-    });
-    it("should support all directions", () => {
-      const directions = ["TB", "BT", "LR", "RL"];
-      for (const direction of directions) {
-        const plugin = createLayoutPlugin({ direction });
-        expect(plugin.id).toBe("layout");
-      }
-    });
-    it("should support elk options", () => {
-      const plugin = createLayoutPlugin({
-        type: "elk",
-        elkOptions: {
-          algorithm: "layered",
-          direction: "DOWN",
-          spacing: 50,
-          edgeRouting: "POLYLINE"
-        }
-      });
-      expect(plugin.id).toBe("layout");
-    });
-    it("should support force options", () => {
-      const plugin = createLayoutPlugin({
-        type: "force",
-        forceOptions: {
-          strength: -500,
-          distance: 150,
-          theta: 0.5,
-          iterations: 500
-        }
-      });
-      expect(plugin.id).toBe("layout");
-    });
-    it("should support grid options", () => {
-      const plugin = createLayoutPlugin({
-        type: "grid",
-        gridOptions: {
-          columns: 6,
-          startX: 100,
-          startY: 100
-        }
-      });
-      expect(plugin.id).toBe("layout");
-    });
-  });
-  describe("applyLayout with grid", () => {
-    it("should apply grid layout", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [
-        createMockNode("n1"),
-        createMockNode("n2"),
-        createMockNode("n3"),
-        createMockNode("n4")
-      ];
-      flow.edges.value = [
-        createMockEdge("e1", "n1", "n2"),
-        createMockEdge("e2", "n2", "n3")
-      ];
-      const plugin = createLayoutPlugin({ type: "grid", animate: false });
-      plugin.install(flow);
-      await flow.applyLayout({ type: "grid", gridOptions: { columns: 2 } });
-      expect(flow.updateNode).toHaveBeenCalled();
-      expect(consoleLogSpy).toHaveBeenCalledWith("[Layout Plugin] Grid layout applied successfully");
-    });
-    it("should warn for unknown layout type", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [createMockNode("n1")];
-      const plugin = createLayoutPlugin();
-      plugin.install(flow);
-      await flow.applyLayout({ type: "unknown" });
-      expect(consoleWarnSpy).toHaveBeenCalledWith(
-        expect.stringContaining("Unknown layout type")
-      );
-    });
-    it("should handle layout with empty nodes", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [];
-      flow.edges.value = [];
-      const plugin = createLayoutPlugin({ type: "grid" });
-      plugin.install(flow);
-      await flow.applyLayout();
-      expect(flow.updateNode).not.toHaveBeenCalled();
-    });
-    it("should use override options from applyLayout call", async () => {
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [createMockNode("n1")];
-      flow.edges.value = [];
-      const plugin = createLayoutPlugin({ type: "grid" });
-      plugin.install(flow);
-      await flow.applyLayout({ direction: "LR" });
-      expect(flow.updateNode).toHaveBeenCalled();
-    });
-  });
-});

package/dist/__tests__/layout.test.cjs

@@ -1,213 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _layout = require("../plugins/plugins/layout.cjs");
-function createMockFlowInstance() {
-  const nodes = (0, _vue.ref)([]);
-  const edges = (0, _vue.ref)([]);
-  const viewport = (0, _vue.ref)({
-    x: 0,
-    y: 0,
-    zoom: 1
-  });
-  const draggingNodeId = (0, _vue.ref)(null);
-  return {
-    nodes,
-    edges,
-    viewport,
-    draggingNodeId,
-    addNode: _vitest.vi.fn(),
-    removeNode: _vitest.vi.fn(),
-    updateNode: _vitest.vi.fn((id, data) => {
-      const node = nodes.value.find(n => n.id === id);
-      if (node) Object.assign(node, data);
-    }),
-    getNode: _vitest.vi.fn(id => nodes.value.find(n => n.id === id)),
-    addEdge: _vitest.vi.fn(),
-    removeEdge: _vitest.vi.fn(),
-    updateEdge: _vitest.vi.fn(),
-    getEdge: _vitest.vi.fn(),
-    setViewport: _vitest.vi.fn(),
-    fitView: _vitest.vi.fn(),
-    zoomIn: _vitest.vi.fn(),
-    zoomOut: _vitest.vi.fn(),
-    centerView: _vitest.vi.fn(),
-    selectNode: _vitest.vi.fn(),
-    selectEdge: _vitest.vi.fn(),
-    clearSelection: _vitest.vi.fn(),
-    getNodes: _vitest.vi.fn(() => nodes.value),
-    getEdges: _vitest.vi.fn(() => edges.value),
-    getViewport: _vitest.vi.fn(() => viewport.value),
-    screenToCanvas: _vitest.vi.fn((x, y) => ({
-      x,
-      y
-    })),
-    canvasToScreen: _vitest.vi.fn((x, y) => ({
-      x,
-      y
-    })),
-    on: _vitest.vi.fn(),
-    off: _vitest.vi.fn(),
-    emit: _vitest.vi.fn(),
-    isValidConnection: _vitest.vi.fn(() => true),
-    $el: void 0,
-    usePlugin: _vitest.vi.fn(),
-    removePlugin: _vitest.vi.fn()
-  };
-}
-(0, _vitest.describe)("flow/plugins/plugins/layout", () => {
-  (0, _vitest.describe)("LayoutOptions", () => {
-    (0, _vitest.it)("should have correct default options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)();
-      const flow = createMockFlowInstance();
-      plugin.install(flow);
-      (0, _vitest.expect)(flow.applyLayout).toBeDefined();
-    });
-    (0, _vitest.it)("should support dagre layout type", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "dagre"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-      (0, _vitest.expect)(plugin.name).toBe("Layout");
-    });
-    (0, _vitest.it)("should support elk layout type", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "elk"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-      (0, _vitest.expect)(plugin.name).toBe("Layout");
-    });
-    (0, _vitest.it)("should support force layout type", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "force"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-      (0, _vitest.expect)(plugin.name).toBe("Layout");
-    });
-    (0, _vitest.it)("should support grid layout type", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-      (0, _vitest.expect)(plugin.name).toBe("Layout");
-    });
-    (0, _vitest.it)("should accept direction option TB", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        direction: "TB"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept direction option LR", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        direction: "LR"
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept node spacing option", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        nodeSpacing: 100
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept rank spacing option", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        rankSpacing: 150
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept elk options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "elk",
-        elkOptions: {
-          algorithm: "layered",
-          direction: "DOWN",
-          spacing: 50,
-          edgeRouting: "POLYLINE"
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept force options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "force",
-        forceOptions: {
-          strength: -500,
-          distance: 200,
-          iterations: 500
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-    (0, _vitest.it)("should accept grid options", () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "grid",
-        gridOptions: {
-          columns: 3,
-          startX: 100,
-          startY: 100
-        }
-      });
-      (0, _vitest.expect)(plugin.id).toBe("layout");
-    });
-  });
-  (0, _vitest.describe)("Layout execution", () => {
-    (0, _vitest.it)("should add applyLayout method to flow instance", () => {
-      const plugin = (0, _layout.createLayoutPlugin)();
-      const flow = createMockFlowInstance();
-      plugin.install(flow);
-      (0, _vitest.expect)(typeof flow.applyLayout).toBe("function");
-    });
-    (0, _vitest.it)("should return function when calling applyLayout", async () => {
-      const plugin = (0, _layout.createLayoutPlugin)({
-        type: "dagre"
-      });
-      const flow = createMockFlowInstance();
-      flow.nodes.value = [{
-        id: "1",
-        type: "default",
-        position: {
-          x: 0,
-          y: 0
-        },
-        data: {
-          label: "Node 1"
-        },
-        width: 150,
-        height: 50
-      }];
-      flow.edges.value = [];
-      plugin.install(flow);
-      const result = flow.applyLayout({
-        type: "dagre"
-      });
-      (0, _vitest.expect)(result === void 0 || result instanceof Promise).toBe(true);
-    });
-  });
-  (0, _vitest.describe)("LayoutOptions interface", () => {
-    (0, _vitest.it)("should validate LayoutOptions type field accepts dagre", () => {
-      const options = {
-        type: "dagre"
-      };
-      (0, _vitest.expect)(options.type).toBe("dagre");
-    });
-    (0, _vitest.it)("should validate LayoutOptions type field accepts elk", () => {
-      const options = {
-        type: "elk"
-      };
-      (0, _vitest.expect)(options.type).toBe("elk");
-    });
-    (0, _vitest.it)("should validate LayoutOptions type field accepts force", () => {
-      const options = {
-        type: "force"
-      };
-      (0, _vitest.expect)(options.type).toBe("force");
-    });
-    (0, _vitest.it)("should validate LayoutOptions type field accepts grid", () => {
-      const options = {
-        type: "grid"
-      };
-      (0, _vitest.expect)(options.type).toBe("grid");
-    });
-  });
-});

package/dist/__tests__/layout.test.d.ts

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