@yh-ui/flow 0.1.21

package/dist/flow.mjs

@@ -0,0 +1,230 @@
+export const flowProps = {
+  /**
+   * @description 节点数据
+   */
+  nodes: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description 连线数据
+   */
+  edges: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description 视口变换 (支持 v-model)
+   */
+  modelValue: {
+    type: Object,
+    default: () => ({ x: 0, y: 0, zoom: 1 })
+  },
+  /**
+   * @description 最小缩放比例
+   */
+  minZoom: {
+    type: Number,
+    default: 0.1
+  },
+  /**
+   * @description 最大缩放比例
+   */
+  maxZoom: {
+    type: Number,
+    default: 5
+  },
+  /**
+   * @description 缩放步长
+   */
+  zoomStep: {
+    type: Number,
+    default: 0.1
+  },
+  /**
+   * @description 平移速度
+   */
+  panZoomSpeed: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description 默认节点类型
+   */
+  defaultNodeType: {
+    type: String,
+    default: "default"
+  },
+  /**
+   * @description 默认连线类型
+   */
+  defaultEdgeType: {
+    type: String,
+    default: "bezier"
+  },
+  /**
+   * @description 是否启用拖拽
+   */
+  nodesDraggable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否启用连线
+   */
+  edgesConnectable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否启用选择
+   */
+  selectable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否支持多选
+   */
+  multiSelectKey: {
+    type: String,
+    default: "Shift"
+  },
+  /**
+   * @description 背景类型
+   */
+  background: {
+    type: String,
+    default: "dots"
+  },
+  /**
+   * @description 背景颜色
+   */
+  backgroundColor: {
+    type: String,
+    default: "#f8f9fa"
+  },
+  /**
+   * @description 网格大小
+   */
+  gridSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description 是否吸附到网格
+   */
+  snapToGrid: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 吸附间距
+   */
+  snapGrid: {
+    type: Array,
+    default: () => [15, 15]
+  },
+  /**
+   * @description 是否只读
+   */
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 是否启用键盘快捷键
+   */
+  keyboardShortcuts: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否显示控制栏
+   */
+  showControls: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否显示小地图
+   */
+  showMinimap: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 小地图颜色
+   */
+  minimapNodeColor: {
+    type: String,
+    default: "#b1b1b7"
+  },
+  /**
+   * @description 是否显示对齐线
+   */
+  showAlignmentGuides: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否启用撤销/重做
+   */
+  history: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 最大历史记录数
+   */
+  maxHistory: {
+    type: Number,
+    default: 50
+  },
+  /**
+   * @description 是否启用虚拟滚动
+   */
+  virtualized: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 虚拟滚动缓冲区
+   */
+  virtualizationThreshold: {
+    type: Number,
+    default: 100
+  },
+  /**
+   * @description 连接校验函数
+   */
+  isValidConnection: {
+    type: Function,
+    default: null
+  },
+  /**
+   * @description 主题覆盖变量
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+export const flowEmits = {
+  "update:modelValue": (transform) => typeof transform.x === "number" && typeof transform.y === "number" && typeof transform.zoom === "number",
+  "update:nodes": (nodes) => Array.isArray(nodes),
+  "update:edges": (edges) => Array.isArray(edges),
+  nodeClick: (event) => !!event,
+  nodeDblClick: (event) => !!event,
+  nodeDragStart: (event) => !!event,
+  nodeDrag: (event) => !!event,
+  nodeDragEnd: (event) => !!event,
+  nodeContextMenu: (event) => !!event,
+  edgeClick: (event) => !!event,
+  edgeDblClick: (event) => !!event,
+  edgeContextMenu: (event) => !!event,
+  edgeConnect: (_connection) => true,
+  selectionChange: (event) => !!event,
+  historyChange: (event) => !!event,
+  viewportChange: (transform) => !!transform
+};

package/dist/index.cjs

@@ -0,0 +1,378 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  BaseNode: true,
+  InputNode: true,
+  OutputNode: true,
+  GroupNode: true,
+  CustomNode: true,
+  NodeResizer: true,
+  NodeToolbar: true,
+  DiamondNode: true,
+  DatabaseNode: true,
+  BpmnStartEvent: true,
+  BpmnEndEvent: true,
+  BpmnTask: true,
+  BpmnServiceTask: true,
+  BpmnUserTask: true,
+  BpmnExclusiveGateway: true,
+  BpmnParallelGateway: true,
+  BpmnInclusiveGateway: true,
+  BPMN_NODE_TYPES: true,
+  registerBpmnNodes: true,
+  AiLlmNode: true,
+  AiPromptNode: true,
+  AiAgentNode: true,
+  AiToolNode: true,
+  AiConditionNode: true,
+  AiStartNode: true,
+  AiEndNode: true,
+  AiMemoryNode: true,
+  AI_WORKFLOW_NODE_TYPES: true,
+  registerAiWorkflowNodes: true,
+  BaseEdge: true,
+  SmoothEdge: true,
+  StepEdge: true,
+  BezierEdge: true,
+  DataFlowEdge: true,
+  Flow: true,
+  NodeEditPanel: true,
+  EdgeEditPanel: true,
+  AiNodeEditPanel: true,
+  Minimap: true,
+  Controls: true,
+  FlowBackground: true
+};
+Object.defineProperty(exports, "AI_WORKFLOW_NODE_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AI_WORKFLOW_NODE_TYPES;
+  }
+});
+Object.defineProperty(exports, "AiAgentNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiAgentNode;
+  }
+});
+Object.defineProperty(exports, "AiConditionNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiConditionNode;
+  }
+});
+Object.defineProperty(exports, "AiEndNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiEndNode;
+  }
+});
+Object.defineProperty(exports, "AiLlmNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiLlmNode;
+  }
+});
+Object.defineProperty(exports, "AiMemoryNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiMemoryNode;
+  }
+});
+Object.defineProperty(exports, "AiNodeEditPanel", {
+  enumerable: true,
+  get: function () {
+    return _AiNodeEditPanel.default;
+  }
+});
+Object.defineProperty(exports, "AiPromptNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiPromptNode;
+  }
+});
+Object.defineProperty(exports, "AiStartNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiStartNode;
+  }
+});
+Object.defineProperty(exports, "AiToolNode", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.AiToolNode;
+  }
+});
+Object.defineProperty(exports, "BPMN_NODE_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BPMN_NODE_TYPES;
+  }
+});
+Object.defineProperty(exports, "BaseEdge", {
+  enumerable: true,
+  get: function () {
+    return _BaseEdge.default;
+  }
+});
+Object.defineProperty(exports, "BaseNode", {
+  enumerable: true,
+  get: function () {
+    return _BaseNode.default;
+  }
+});
+Object.defineProperty(exports, "BezierEdge", {
+  enumerable: true,
+  get: function () {
+    return _BezierEdge.default;
+  }
+});
+Object.defineProperty(exports, "BpmnEndEvent", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnEndEvent;
+  }
+});
+Object.defineProperty(exports, "BpmnExclusiveGateway", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnExclusiveGateway;
+  }
+});
+Object.defineProperty(exports, "BpmnInclusiveGateway", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnInclusiveGateway;
+  }
+});
+Object.defineProperty(exports, "BpmnParallelGateway", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnParallelGateway;
+  }
+});
+Object.defineProperty(exports, "BpmnServiceTask", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnServiceTask;
+  }
+});
+Object.defineProperty(exports, "BpmnStartEvent", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnStartEvent;
+  }
+});
+Object.defineProperty(exports, "BpmnTask", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnTask;
+  }
+});
+Object.defineProperty(exports, "BpmnUserTask", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.BpmnUserTask;
+  }
+});
+Object.defineProperty(exports, "Controls", {
+  enumerable: true,
+  get: function () {
+    return _Controls.default;
+  }
+});
+Object.defineProperty(exports, "CustomNode", {
+  enumerable: true,
+  get: function () {
+    return _CustomNode.default;
+  }
+});
+Object.defineProperty(exports, "DataFlowEdge", {
+  enumerable: true,
+  get: function () {
+    return _DataFlowEdge.default;
+  }
+});
+Object.defineProperty(exports, "DatabaseNode", {
+  enumerable: true,
+  get: function () {
+    return _DatabaseNode.default;
+  }
+});
+Object.defineProperty(exports, "DiamondNode", {
+  enumerable: true,
+  get: function () {
+    return _DiamondNode.default;
+  }
+});
+Object.defineProperty(exports, "EdgeEditPanel", {
+  enumerable: true,
+  get: function () {
+    return _EdgeEditPanel.default;
+  }
+});
+Object.defineProperty(exports, "Flow", {
+  enumerable: true,
+  get: function () {
+    return _Flow.default;
+  }
+});
+Object.defineProperty(exports, "FlowBackground", {
+  enumerable: true,
+  get: function () {
+    return _FlowBackground.default;
+  }
+});
+Object.defineProperty(exports, "GroupNode", {
+  enumerable: true,
+  get: function () {
+    return _GroupNode.default;
+  }
+});
+Object.defineProperty(exports, "InputNode", {
+  enumerable: true,
+  get: function () {
+    return _InputNode.default;
+  }
+});
+Object.defineProperty(exports, "Minimap", {
+  enumerable: true,
+  get: function () {
+    return _Minimap.default;
+  }
+});
+Object.defineProperty(exports, "NodeEditPanel", {
+  enumerable: true,
+  get: function () {
+    return _NodeEditPanel.default;
+  }
+});
+Object.defineProperty(exports, "NodeResizer", {
+  enumerable: true,
+  get: function () {
+    return _NodeResizer.default;
+  }
+});
+Object.defineProperty(exports, "NodeToolbar", {
+  enumerable: true,
+  get: function () {
+    return _NodeToolbar.default;
+  }
+});
+Object.defineProperty(exports, "OutputNode", {
+  enumerable: true,
+  get: function () {
+    return _OutputNode.default;
+  }
+});
+Object.defineProperty(exports, "SmoothEdge", {
+  enumerable: true,
+  get: function () {
+    return _SmoothEdge.default;
+  }
+});
+Object.defineProperty(exports, "StepEdge", {
+  enumerable: true,
+  get: function () {
+    return _StepEdge.default;
+  }
+});
+Object.defineProperty(exports, "registerAiWorkflowNodes", {
+  enumerable: true,
+  get: function () {
+    return _aiWorkflow.registerAiWorkflowNodes;
+  }
+});
+Object.defineProperty(exports, "registerBpmnNodes", {
+  enumerable: true,
+  get: function () {
+    return _bpmn.registerBpmnNodes;
+  }
+});
+var _types = require("./types/index.cjs");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _core = require("./core/index.cjs");
+Object.keys(_core).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _core[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _core[key];
+    }
+  });
+});
+var _utils = require("./utils/index.cjs");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
+var _plugins = require("./plugins/index.cjs");
+Object.keys(_plugins).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _plugins[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _plugins[key];
+    }
+  });
+});
+var _flow = require("./flow.cjs");
+Object.keys(_flow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _flow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _flow[key];
+    }
+  });
+});
+var _BaseNode = _interopRequireDefault(require("./components/nodes/BaseNode.vue"));
+var _InputNode = _interopRequireDefault(require("./components/nodes/InputNode.vue"));
+var _OutputNode = _interopRequireDefault(require("./components/nodes/OutputNode.vue"));
+var _GroupNode = _interopRequireDefault(require("./components/nodes/GroupNode.vue"));
+var _CustomNode = _interopRequireDefault(require("./components/nodes/CustomNode.vue"));
+var _NodeResizer = _interopRequireDefault(require("./components/nodes/NodeResizer.vue"));
+var _NodeToolbar = _interopRequireDefault(require("./components/nodes/NodeToolbar.vue"));
+var _DiamondNode = _interopRequireDefault(require("./components/nodes/DiamondNode.vue"));
+var _DatabaseNode = _interopRequireDefault(require("./components/nodes/DatabaseNode.vue"));
+var _bpmn = require("./components/nodes/bpmn/index.cjs");
+var _aiWorkflow = require("./components/nodes/ai-workflow/index.cjs");
+var _BaseEdge = _interopRequireDefault(require("./components/edges/BaseEdge.vue"));
+var _SmoothEdge = _interopRequireDefault(require("./components/edges/SmoothEdge.vue"));
+var _StepEdge = _interopRequireDefault(require("./components/edges/StepEdge.vue"));
+var _BezierEdge = _interopRequireDefault(require("./components/edges/BezierEdge.vue"));
+var _DataFlowEdge = _interopRequireDefault(require("./components/edges/DataFlowEdge.vue"));
+var _Flow = _interopRequireDefault(require("./Flow.vue"));
+var _NodeEditPanel = _interopRequireDefault(require("./components/NodeEditPanel.vue"));
+var _EdgeEditPanel = _interopRequireDefault(require("./components/EdgeEditPanel.vue"));
+var _AiNodeEditPanel = _interopRequireDefault(require("./components/AiNodeEditPanel.vue"));
+var _Minimap = _interopRequireDefault(require("./renderer/Minimap.vue"));
+var _Controls = _interopRequireDefault(require("./renderer/Controls.vue"));
+var _FlowBackground = _interopRequireDefault(require("./renderer/FlowBackground.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+export * from './types';
+export * from './core';
+export * from './utils';
+export * from './plugins';
+export * from './flow';
+export { default as BaseNode } from './components/nodes/BaseNode.vue';
+export { default as InputNode } from './components/nodes/InputNode.vue';
+export { default as OutputNode } from './components/nodes/OutputNode.vue';
+export { default as GroupNode } from './components/nodes/GroupNode.vue';
+export { default as CustomNode } from './components/nodes/CustomNode.vue';
+export { default as NodeResizer } from './components/nodes/NodeResizer.vue';
+export { default as NodeToolbar } from './components/nodes/NodeToolbar.vue';
+export { default as DiamondNode } from './components/nodes/DiamondNode.vue';
+export { default as DatabaseNode } from './components/nodes/DatabaseNode.vue';
+export { BpmnStartEvent, BpmnEndEvent, BpmnTask, BpmnServiceTask, BpmnUserTask, BpmnExclusiveGateway, BpmnParallelGateway, BpmnInclusiveGateway, BPMN_NODE_TYPES, registerBpmnNodes } from './components/nodes/bpmn';
+export { AiLlmNode, AiPromptNode, AiAgentNode, AiToolNode, AiConditionNode, AiStartNode, AiEndNode, AiMemoryNode, AI_WORKFLOW_NODE_TYPES, registerAiWorkflowNodes } from './components/nodes/ai-workflow';
+export { default as BaseEdge } from './components/edges/BaseEdge.vue';
+export { default as SmoothEdge } from './components/edges/SmoothEdge.vue';
+export { default as StepEdge } from './components/edges/StepEdge.vue';
+export { default as BezierEdge } from './components/edges/BezierEdge.vue';
+export { default as DataFlowEdge } from './components/edges/DataFlowEdge.vue';
+export { default as Flow } from './Flow.vue';
+export { default as NodeEditPanel } from './components/NodeEditPanel.vue';
+export { default as EdgeEditPanel } from './components/EdgeEditPanel.vue';
+export { default as AiNodeEditPanel } from './components/AiNodeEditPanel.vue';
+export { default as Minimap } from './renderer/Minimap.vue';
+export { default as Controls } from './renderer/Controls.vue';
+export { default as FlowBackground } from './renderer/FlowBackground.vue';

package/dist/index.mjs

@@ -0,0 +1,50 @@
+export * from "./types/index.mjs";
+export * from "./core/index.mjs";
+export * from "./utils/index.mjs";
+export * from "./plugins/index.mjs";
+export * from "./flow.mjs";
+export { default as BaseNode } from "./components/nodes/BaseNode.vue";
+export { default as InputNode } from "./components/nodes/InputNode.vue";
+export { default as OutputNode } from "./components/nodes/OutputNode.vue";
+export { default as GroupNode } from "./components/nodes/GroupNode.vue";
+export { default as CustomNode } from "./components/nodes/CustomNode.vue";
+export { default as NodeResizer } from "./components/nodes/NodeResizer.vue";
+export { default as NodeToolbar } from "./components/nodes/NodeToolbar.vue";
+export { default as DiamondNode } from "./components/nodes/DiamondNode.vue";
+export { default as DatabaseNode } from "./components/nodes/DatabaseNode.vue";
+export {
+  BpmnStartEvent,
+  BpmnEndEvent,
+  BpmnTask,
+  BpmnServiceTask,
+  BpmnUserTask,
+  BpmnExclusiveGateway,
+  BpmnParallelGateway,
+  BpmnInclusiveGateway,
+  BPMN_NODE_TYPES,
+  registerBpmnNodes
+} from "./components/nodes/bpmn/index.mjs";
+export {
+  AiLlmNode,
+  AiPromptNode,
+  AiAgentNode,
+  AiToolNode,
+  AiConditionNode,
+  AiStartNode,
+  AiEndNode,
+  AiMemoryNode,
+  AI_WORKFLOW_NODE_TYPES,
+  registerAiWorkflowNodes
+} from "./components/nodes/ai-workflow/index.mjs";
+export { default as BaseEdge } from "./components/edges/BaseEdge.vue";
+export { default as SmoothEdge } from "./components/edges/SmoothEdge.vue";
+export { default as StepEdge } from "./components/edges/StepEdge.vue";
+export { default as BezierEdge } from "./components/edges/BezierEdge.vue";
+export { default as DataFlowEdge } from "./components/edges/DataFlowEdge.vue";
+export { default as Flow } from "./Flow.vue";
+export { default as NodeEditPanel } from "./components/NodeEditPanel.vue";
+export { default as EdgeEditPanel } from "./components/EdgeEditPanel.vue";
+export { default as AiNodeEditPanel } from "./components/AiNodeEditPanel.vue";
+export { default as Minimap } from "./renderer/Minimap.vue";
+export { default as Controls } from "./renderer/Controls.vue";
+export { default as FlowBackground } from "./renderer/FlowBackground.vue";