@yh-ui/flow 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +234 -0
- package/dist/Flow.d.vue.ts +306 -0
- package/dist/Flow.vue +959 -0
- package/dist/Flow.vue.d.ts +306 -0
- package/dist/__tests__/ai-workflow.ssr.test.cjs +352 -0
- package/dist/__tests__/ai-workflow.ssr.test.d.ts +1 -0
- package/dist/__tests__/ai-workflow.ssr.test.mjs +283 -0
- package/dist/__tests__/ai-workflow.test.cjs +109 -0
- package/dist/__tests__/ai-workflow.test.d.ts +1 -0
- package/dist/__tests__/ai-workflow.test.mjs +112 -0
- package/dist/__tests__/bpmn.ssr.test.cjs +278 -0
- package/dist/__tests__/bpmn.ssr.test.d.ts +1 -0
- package/dist/__tests__/bpmn.ssr.test.mjs +237 -0
- package/dist/__tests__/bpmn.test.cjs +103 -0
- package/dist/__tests__/bpmn.test.d.ts +1 -0
- package/dist/__tests__/bpmn.test.mjs +106 -0
- package/dist/__tests__/custom-types.test.cjs +300 -0
- package/dist/__tests__/custom-types.test.d.ts +1 -0
- package/dist/__tests__/custom-types.test.mjs +248 -0
- package/dist/__tests__/edge.test.cjs +56 -0
- package/dist/__tests__/edge.test.d.ts +1 -0
- package/dist/__tests__/edge.test.mjs +69 -0
- package/dist/__tests__/event-bus.test.cjs +80 -0
- package/dist/__tests__/event-bus.test.d.ts +1 -0
- package/dist/__tests__/event-bus.test.mjs +51 -0
- package/dist/__tests__/flow.ssr.test.cjs +156 -0
- package/dist/__tests__/flow.ssr.test.d.ts +1 -0
- package/dist/__tests__/flow.ssr.test.mjs +112 -0
- package/dist/__tests__/geometry.test.cjs +191 -0
- package/dist/__tests__/geometry.test.d.ts +1 -0
- package/dist/__tests__/geometry.test.mjs +105 -0
- package/dist/__tests__/graph.test.cjs +115 -0
- package/dist/__tests__/graph.test.d.ts +1 -0
- package/dist/__tests__/graph.test.mjs +85 -0
- package/dist/__tests__/history-plugin.test.cjs +191 -0
- package/dist/__tests__/history-plugin.test.d.ts +1 -0
- package/dist/__tests__/history-plugin.test.mjs +161 -0
- package/dist/__tests__/history.test.cjs +81 -0
- package/dist/__tests__/history.test.d.ts +1 -0
- package/dist/__tests__/history.test.mjs +43 -0
- package/dist/__tests__/layout.test.cjs +213 -0
- package/dist/__tests__/layout.test.d.ts +1 -0
- package/dist/__tests__/layout.test.mjs +170 -0
- package/dist/__tests__/node-edit-panel.ssr.test.cjs +168 -0
- package/dist/__tests__/node-edit-panel.ssr.test.d.ts +1 -0
- package/dist/__tests__/node-edit-panel.ssr.test.mjs +118 -0
- package/dist/__tests__/node-group-plugin.test.cjs +235 -0
- package/dist/__tests__/node-group-plugin.test.d.ts +1 -0
- package/dist/__tests__/node-group-plugin.test.mjs +187 -0
- package/dist/__tests__/node-handles.test.cjs +340 -0
- package/dist/__tests__/node-handles.test.d.ts +1 -0
- package/dist/__tests__/node-handles.test.mjs +230 -0
- package/dist/__tests__/plugin.test.cjs +151 -0
- package/dist/__tests__/plugin.test.d.ts +1 -0
- package/dist/__tests__/plugin.test.mjs +116 -0
- package/dist/__tests__/transform.test.cjs +58 -0
- package/dist/__tests__/transform.test.d.ts +1 -0
- package/dist/__tests__/transform.test.mjs +38 -0
- package/dist/__tests__/useAlignment.test.cjs +91 -0
- package/dist/__tests__/useAlignment.test.d.ts +1 -0
- package/dist/__tests__/useAlignment.test.mjs +52 -0
- package/dist/__tests__/useEdges.test.cjs +117 -0
- package/dist/__tests__/useEdges.test.d.ts +1 -0
- package/dist/__tests__/useEdges.test.mjs +80 -0
- package/dist/__tests__/useKeyboard.test.cjs +88 -0
- package/dist/__tests__/useKeyboard.test.d.ts +1 -0
- package/dist/__tests__/useKeyboard.test.mjs +56 -0
- package/dist/__tests__/useNodes.test.cjs +150 -0
- package/dist/__tests__/useNodes.test.d.ts +1 -0
- package/dist/__tests__/useNodes.test.mjs +80 -0
- package/dist/__tests__/useSelection.test.cjs +112 -0
- package/dist/__tests__/useSelection.test.d.ts +1 -0
- package/dist/__tests__/useSelection.test.mjs +76 -0
- package/dist/__tests__/useViewport.test.cjs +171 -0
- package/dist/__tests__/useViewport.test.d.ts +1 -0
- package/dist/__tests__/useViewport.test.mjs +82 -0
- package/dist/__tests__/utils/ssr.cjs +124 -0
- package/dist/__tests__/utils/ssr.d.ts +33 -0
- package/dist/__tests__/utils/ssr.mjs +129 -0
- package/dist/__tests__/validation.test.cjs +95 -0
- package/dist/__tests__/validation.test.d.ts +1 -0
- package/dist/__tests__/validation.test.mjs +36 -0
- package/dist/components/AiNodeEditPanel.d.vue.ts +13 -0
- package/dist/components/AiNodeEditPanel.vue +413 -0
- package/dist/components/AiNodeEditPanel.vue.d.ts +13 -0
- package/dist/components/EdgeEditPanel.d.vue.ts +14 -0
- package/dist/components/EdgeEditPanel.vue +205 -0
- package/dist/components/EdgeEditPanel.vue.d.ts +14 -0
- package/dist/components/NodeEditPanel.d.vue.ts +13 -0
- package/dist/components/NodeEditPanel.vue +214 -0
- package/dist/components/NodeEditPanel.vue.d.ts +13 -0
- package/dist/components/edges/BaseEdge.d.vue.ts +23 -0
- package/dist/components/edges/BaseEdge.vue +55 -0
- package/dist/components/edges/BaseEdge.vue.d.ts +23 -0
- package/dist/components/edges/BezierEdge.d.vue.ts +22 -0
- package/dist/components/edges/BezierEdge.vue +57 -0
- package/dist/components/edges/BezierEdge.vue.d.ts +22 -0
- package/dist/components/edges/DataFlowEdge.d.vue.ts +41 -0
- package/dist/components/edges/DataFlowEdge.vue +211 -0
- package/dist/components/edges/DataFlowEdge.vue.d.ts +41 -0
- package/dist/components/edges/SmoothEdge.d.vue.ts +22 -0
- package/dist/components/edges/SmoothEdge.vue +53 -0
- package/dist/components/edges/SmoothEdge.vue.d.ts +22 -0
- package/dist/components/edges/StepEdge.d.vue.ts +22 -0
- package/dist/components/edges/StepEdge.vue +42 -0
- package/dist/components/edges/StepEdge.vue.d.ts +22 -0
- package/dist/components/edges/index.cjs +41 -0
- package/dist/components/edges/index.d.ts +5 -0
- package/dist/components/edges/index.mjs +5 -0
- package/dist/components/nodes/BaseNode.d.vue.ts +25 -0
- package/dist/components/nodes/BaseNode.vue +93 -0
- package/dist/components/nodes/BaseNode.vue.d.ts +25 -0
- package/dist/components/nodes/CustomNode.d.vue.ts +36 -0
- package/dist/components/nodes/CustomNode.vue +44 -0
- package/dist/components/nodes/CustomNode.vue.d.ts +36 -0
- package/dist/components/nodes/DatabaseNode.d.vue.ts +19 -0
- package/dist/components/nodes/DatabaseNode.vue +62 -0
- package/dist/components/nodes/DatabaseNode.vue.d.ts +19 -0
- package/dist/components/nodes/DiamondNode.d.vue.ts +19 -0
- package/dist/components/nodes/DiamondNode.vue +62 -0
- package/dist/components/nodes/DiamondNode.vue.d.ts +19 -0
- package/dist/components/nodes/GroupNode.d.vue.ts +31 -0
- package/dist/components/nodes/GroupNode.vue +48 -0
- package/dist/components/nodes/GroupNode.vue.d.ts +31 -0
- package/dist/components/nodes/InputNode.d.vue.ts +23 -0
- package/dist/components/nodes/InputNode.vue +63 -0
- package/dist/components/nodes/InputNode.vue.d.ts +23 -0
- package/dist/components/nodes/NodeResizer.d.vue.ts +27 -0
- package/dist/components/nodes/NodeResizer.vue +89 -0
- package/dist/components/nodes/NodeResizer.vue.d.ts +27 -0
- package/dist/components/nodes/NodeToolbar.d.vue.ts +32 -0
- package/dist/components/nodes/NodeToolbar.vue +101 -0
- package/dist/components/nodes/NodeToolbar.vue.d.ts +32 -0
- package/dist/components/nodes/OutputNode.d.vue.ts +21 -0
- package/dist/components/nodes/OutputNode.vue +53 -0
- package/dist/components/nodes/OutputNode.vue.d.ts +21 -0
- package/dist/components/nodes/ai-workflow/AiAgentNode.d.vue.ts +20 -0
- package/dist/components/nodes/ai-workflow/AiAgentNode.vue +59 -0
- package/dist/components/nodes/ai-workflow/AiAgentNode.vue.d.ts +20 -0
- package/dist/components/nodes/ai-workflow/AiConditionNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiConditionNode.vue +65 -0
- package/dist/components/nodes/ai-workflow/AiConditionNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiEndNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiEndNode.vue +47 -0
- package/dist/components/nodes/ai-workflow/AiEndNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiLlmNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiLlmNode.vue +64 -0
- package/dist/components/nodes/ai-workflow/AiLlmNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiMemoryNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiMemoryNode.vue +59 -0
- package/dist/components/nodes/ai-workflow/AiMemoryNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiPromptNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiPromptNode.vue +61 -0
- package/dist/components/nodes/ai-workflow/AiPromptNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiStartNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiStartNode.vue +47 -0
- package/dist/components/nodes/ai-workflow/AiStartNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiToolNode.d.vue.ts +19 -0
- package/dist/components/nodes/ai-workflow/AiToolNode.vue +59 -0
- package/dist/components/nodes/ai-workflow/AiToolNode.vue.d.ts +19 -0
- package/dist/components/nodes/ai-workflow/index.cjs +109 -0
- package/dist/components/nodes/ai-workflow/index.d.ts +23 -0
- package/dist/components/nodes/ai-workflow/index.mjs +37 -0
- package/dist/components/nodes/bpmn/BpmnEndEvent.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnEndEvent.vue +50 -0
- package/dist/components/nodes/bpmn/BpmnEndEvent.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnExclusiveGateway.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnExclusiveGateway.vue +60 -0
- package/dist/components/nodes/bpmn/BpmnExclusiveGateway.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnInclusiveGateway.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnInclusiveGateway.vue +60 -0
- package/dist/components/nodes/bpmn/BpmnInclusiveGateway.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnParallelGateway.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnParallelGateway.vue +60 -0
- package/dist/components/nodes/bpmn/BpmnParallelGateway.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnServiceTask.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnServiceTask.vue +55 -0
- package/dist/components/nodes/bpmn/BpmnServiceTask.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnStartEvent.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnStartEvent.vue +50 -0
- package/dist/components/nodes/bpmn/BpmnStartEvent.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnTask.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnTask.vue +54 -0
- package/dist/components/nodes/bpmn/BpmnTask.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnUserTask.d.vue.ts +19 -0
- package/dist/components/nodes/bpmn/BpmnUserTask.vue +55 -0
- package/dist/components/nodes/bpmn/BpmnUserTask.vue.d.ts +19 -0
- package/dist/components/nodes/bpmn/index.cjs +109 -0
- package/dist/components/nodes/bpmn/index.d.ts +23 -0
- package/dist/components/nodes/bpmn/index.mjs +37 -0
- package/dist/components/nodes/index.cjs +246 -0
- package/dist/components/nodes/index.d.ts +13 -0
- package/dist/components/nodes/index.mjs +44 -0
- package/dist/core/FlowContext.cjs +21 -0
- package/dist/core/FlowContext.d.ts +10 -0
- package/dist/core/FlowContext.mjs +13 -0
- package/dist/core/index.cjs +104 -0
- package/dist/core/index.d.ts +9 -0
- package/dist/core/index.mjs +9 -0
- package/dist/core/useAlignment.cjs +81 -0
- package/dist/core/useAlignment.d.ts +33 -0
- package/dist/core/useAlignment.mjs +71 -0
- package/dist/core/useEdges.cjs +132 -0
- package/dist/core/useEdges.d.ts +29 -0
- package/dist/core/useEdges.mjs +89 -0
- package/dist/core/useFlow.cjs +40 -0
- package/dist/core/useFlow.d.ts +31 -0
- package/dist/core/useFlow.mjs +32 -0
- package/dist/core/useHistory.cjs +63 -0
- package/dist/core/useHistory.d.ts +15 -0
- package/dist/core/useHistory.mjs +54 -0
- package/dist/core/useKeyboard.cjs +54 -0
- package/dist/core/useKeyboard.d.ts +18 -0
- package/dist/core/useKeyboard.mjs +45 -0
- package/dist/core/useNodeDistribution.cjs +171 -0
- package/dist/core/useNodeDistribution.d.ts +12 -0
- package/dist/core/useNodeDistribution.mjs +145 -0
- package/dist/core/useNodes.cjs +146 -0
- package/dist/core/useNodes.d.ts +26 -0
- package/dist/core/useNodes.mjs +101 -0
- package/dist/core/useSelection.cjs +83 -0
- package/dist/core/useSelection.d.ts +18 -0
- package/dist/core/useSelection.mjs +53 -0
- package/dist/core/useViewport.cjs +157 -0
- package/dist/core/useViewport.d.ts +65 -0
- package/dist/core/useViewport.mjs +125 -0
- package/dist/flow.cjs +240 -0
- package/dist/flow.d.ts +276 -0
- package/dist/flow.mjs +230 -0
- package/dist/index.cjs +378 -0
- package/dist/index.d.ts +28 -0
- package/dist/index.mjs +50 -0
- package/dist/plugins/index.cjs +96 -0
- package/dist/plugins/index.d.ts +34 -0
- package/dist/plugins/index.mjs +47 -0
- package/dist/plugins/plugin.cjs +117 -0
- package/dist/plugins/plugin.d.ts +72 -0
- package/dist/plugins/plugin.mjs +110 -0
- package/dist/plugins/plugins/controls.cjs +38 -0
- package/dist/plugins/plugins/controls.d.ts +12 -0
- package/dist/plugins/plugins/controls.mjs +28 -0
- package/dist/plugins/plugins/export.cjs +102 -0
- package/dist/plugins/plugins/export.d.ts +12 -0
- package/dist/plugins/plugins/export.mjs +89 -0
- package/dist/plugins/plugins/grid.cjs +36 -0
- package/dist/plugins/plugins/grid.d.ts +11 -0
- package/dist/plugins/plugins/grid.mjs +26 -0
- package/dist/plugins/plugins/history.cjs +140 -0
- package/dist/plugins/plugins/history.d.ts +53 -0
- package/dist/plugins/plugins/history.mjs +132 -0
- package/dist/plugins/plugins/index.cjs +104 -0
- package/dist/plugins/plugins/index.d.ts +9 -0
- package/dist/plugins/plugins/index.mjs +9 -0
- package/dist/plugins/plugins/keyboard.cjs +27 -0
- package/dist/plugins/plugins/keyboard.d.ts +10 -0
- package/dist/plugins/plugins/keyboard.mjs +18 -0
- package/dist/plugins/plugins/layout.cjs +275 -0
- package/dist/plugins/plugins/layout.d.ts +34 -0
- package/dist/plugins/plugins/layout.mjs +246 -0
- package/dist/plugins/plugins/minimap.cjs +60 -0
- package/dist/plugins/plugins/minimap.d.ts +25 -0
- package/dist/plugins/plugins/minimap.mjs +50 -0
- package/dist/plugins/plugins/node-group.cjs +209 -0
- package/dist/plugins/plugins/node-group.d.ts +26 -0
- package/dist/plugins/plugins/node-group.mjs +178 -0
- package/dist/plugins/plugins/snap.cjs +36 -0
- package/dist/plugins/plugins/snap.d.ts +12 -0
- package/dist/plugins/plugins/snap.mjs +26 -0
- package/dist/renderer/AlignmentLines.d.vue.ts +5 -0
- package/dist/renderer/AlignmentLines.vue +113 -0
- package/dist/renderer/AlignmentLines.vue.d.ts +5 -0
- package/dist/renderer/Background.d.vue.ts +7 -0
- package/dist/renderer/Background.vue +86 -0
- package/dist/renderer/Background.vue.d.ts +7 -0
- package/dist/renderer/Controls.d.vue.ts +13 -0
- package/dist/renderer/Controls.vue +82 -0
- package/dist/renderer/Controls.vue.d.ts +13 -0
- package/dist/renderer/EdgeHandlesRenderer.d.vue.ts +11 -0
- package/dist/renderer/EdgeHandlesRenderer.vue +75 -0
- package/dist/renderer/EdgeHandlesRenderer.vue.d.ts +11 -0
- package/dist/renderer/EdgeRenderer.d.vue.ts +39 -0
- package/dist/renderer/EdgeRenderer.vue +204 -0
- package/dist/renderer/EdgeRenderer.vue.d.ts +39 -0
- package/dist/renderer/FlowBackground.d.vue.ts +11 -0
- package/dist/renderer/FlowBackground.vue +82 -0
- package/dist/renderer/FlowBackground.vue.d.ts +11 -0
- package/dist/renderer/Minimap.d.vue.ts +30 -0
- package/dist/renderer/Minimap.vue +290 -0
- package/dist/renderer/Minimap.vue.d.ts +30 -0
- package/dist/renderer/NodeRenderer.d.vue.ts +56 -0
- package/dist/renderer/NodeRenderer.vue +328 -0
- package/dist/renderer/NodeRenderer.vue.d.ts +56 -0
- package/dist/renderer/SelectionBox.d.vue.ts +11 -0
- package/dist/renderer/SelectionBox.vue +28 -0
- package/dist/renderer/SelectionBox.vue.d.ts +11 -0
- package/dist/types/edge.cjs +13 -0
- package/dist/types/edge.d.ts +65 -0
- package/dist/types/edge.mjs +6 -0
- package/dist/types/events.cjs +1 -0
- package/dist/types/events.d.ts +115 -0
- package/dist/types/events.mjs +0 -0
- package/dist/types/index.cjs +1 -0
- package/dist/types/index.d.ts +366 -0
- package/dist/types/index.mjs +0 -0
- package/dist/types/node.cjs +9 -0
- package/dist/types/node.d.ts +90 -0
- package/dist/types/node.mjs +3 -0
- package/dist/types/viewport.cjs +42 -0
- package/dist/types/viewport.d.ts +62 -0
- package/dist/types/viewport.mjs +36 -0
- package/dist/utils/bpmn-engine.cjs +390 -0
- package/dist/utils/bpmn-engine.d.ts +164 -0
- package/dist/utils/bpmn-engine.mjs +378 -0
- package/dist/utils/bpmn.cjs +492 -0
- package/dist/utils/bpmn.d.ts +53 -0
- package/dist/utils/bpmn.mjs +430 -0
- package/dist/utils/collaboration.cjs +537 -0
- package/dist/utils/collaboration.d.ts +189 -0
- package/dist/utils/collaboration.mjs +521 -0
- package/dist/utils/custom-types.cjs +138 -0
- package/dist/utils/custom-types.d.ts +78 -0
- package/dist/utils/custom-types.mjs +108 -0
- package/dist/utils/edge.cjs +235 -0
- package/dist/utils/edge.d.ts +79 -0
- package/dist/utils/edge.mjs +172 -0
- package/dist/utils/event-bus.cjs +91 -0
- package/dist/utils/event-bus.d.ts +39 -0
- package/dist/utils/event-bus.mjs +82 -0
- package/dist/utils/geometry.cjs +178 -0
- package/dist/utils/geometry.d.ts +186 -0
- package/dist/utils/geometry.mjs +144 -0
- package/dist/utils/graph.cjs +158 -0
- package/dist/utils/graph.d.ts +40 -0
- package/dist/utils/graph.mjs +147 -0
- package/dist/utils/index.cjs +137 -0
- package/dist/utils/index.d.ts +12 -0
- package/dist/utils/index.mjs +12 -0
- package/dist/utils/performance.cjs +94 -0
- package/dist/utils/performance.d.ts +18 -0
- package/dist/utils/performance.mjs +82 -0
- package/dist/utils/screenshot.cjs +87 -0
- package/dist/utils/screenshot.d.ts +22 -0
- package/dist/utils/screenshot.mjs +66 -0
- package/dist/utils/theme.cjs +228 -0
- package/dist/utils/theme.d.ts +92 -0
- package/dist/utils/theme.mjs +217 -0
- package/dist/utils/transform.cjs +76 -0
- package/dist/utils/transform.d.ts +45 -0
- package/dist/utils/transform.mjs +57 -0
- package/dist/utils/validation.cjs +107 -0
- package/dist/utils/validation.d.ts +29 -0
- package/dist/utils/validation.mjs +85 -0
- package/package.json +61 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
id: { type: String, required: true },
|
|
5
|
+
type: { type: String, required: true },
|
|
6
|
+
data: { type: Object, required: true },
|
|
7
|
+
selected: { type: Boolean, required: true, default: false },
|
|
8
|
+
dragging: { type: Boolean, required: true, default: false },
|
|
9
|
+
connectable: { type: Boolean, required: true, default: true },
|
|
10
|
+
style: { type: Object, required: false, default: () => ({}) },
|
|
11
|
+
label: { type: String, required: false, default: "LLM" }
|
|
12
|
+
});
|
|
13
|
+
const nodeStyle = computed(() => {
|
|
14
|
+
const base = {
|
|
15
|
+
padding: "12px 16px",
|
|
16
|
+
minWidth: "180px",
|
|
17
|
+
borderRadius: "12px",
|
|
18
|
+
border: "1px solid #8b5cf6",
|
|
19
|
+
backgroundColor: "#f5f3ff",
|
|
20
|
+
transition: "all 0.2s"
|
|
21
|
+
};
|
|
22
|
+
if (props.selected) {
|
|
23
|
+
base.border = "2px solid #8b5cf6";
|
|
24
|
+
base.boxShadow = "0 0 12px rgba(139, 92, 246, 0.4)";
|
|
25
|
+
}
|
|
26
|
+
return { ...base, ...props.style };
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<template>
|
|
31
|
+
<div :class="['ai-llm-node', {
|
|
32
|
+
selected,
|
|
33
|
+
dragging
|
|
34
|
+
}]" :style="nodeStyle">
|
|
35
|
+
<div
|
|
36
|
+
v-if="connectable"
|
|
37
|
+
class="ai-handle ai-handle-target"
|
|
38
|
+
data-handle-type="target"
|
|
39
|
+
data-handle-position="left"
|
|
40
|
+
/>
|
|
41
|
+
<div class="ai-node-header">
|
|
42
|
+
<span class="ai-node-icon">🧠</span>
|
|
43
|
+
<span class="ai-node-title">{{ label || data?.label || 'LLM' }}</span>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="ai-node-body">
|
|
46
|
+
<div class="ai-node-model">{{ data?.model || "GPT-4" }}</div>
|
|
47
|
+
<div v-if="data?.status" class="ai-node-status" :class="`status-${data.status}`">
|
|
48
|
+
{{
|
|
49
|
+
data.status === "running" ? "\u25CF \u8FD0\u884C\u4E2D" : data.status === "success" ? "\u2713 \u6210\u529F" : "\u25CB \u5F85\u8FD0\u884C"
|
|
50
|
+
}}
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<div
|
|
54
|
+
v-if="connectable"
|
|
55
|
+
class="ai-handle ai-handle-source"
|
|
56
|
+
data-handle-type="source"
|
|
57
|
+
data-handle-position="right"
|
|
58
|
+
/>
|
|
59
|
+
</div>
|
|
60
|
+
</template>
|
|
61
|
+
|
|
62
|
+
<style scoped>
|
|
63
|
+
.ai-llm-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-llm-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#6d28d9;font-size:13px;font-weight:600}.ai-node-body{font-size:12px}.ai-node-model{background:#ede9fe;border-radius:4px;color:#7c3aed;display:inline-block;padding:2px 8px}.ai-node-status{font-size:11px;margin-top:4px}.status-running{color:#f59e0b}.status-success{color:#10b981}.status-pending{color:#9ca3af}.ai-handle{background:#8b5cf6;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
|
|
64
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
id: { type: String, required: true },
|
|
5
|
+
type: { type: String, required: true },
|
|
6
|
+
data: { type: Object, required: true },
|
|
7
|
+
selected: { type: Boolean, required: true, default: false },
|
|
8
|
+
dragging: { type: Boolean, required: true, default: false },
|
|
9
|
+
connectable: { type: Boolean, required: true, default: true },
|
|
10
|
+
style: { type: Object, required: false, default: () => ({}) },
|
|
11
|
+
label: { type: String, required: false, default: "\u8BB0\u5FC6" }
|
|
12
|
+
});
|
|
13
|
+
const nodeStyle = computed(() => {
|
|
14
|
+
const base = {
|
|
15
|
+
padding: "12px 16px",
|
|
16
|
+
minWidth: "140px",
|
|
17
|
+
borderRadius: "12px",
|
|
18
|
+
border: "1px solid #3b82f6",
|
|
19
|
+
backgroundColor: "#eff6ff",
|
|
20
|
+
transition: "all 0.2s"
|
|
21
|
+
};
|
|
22
|
+
if (props.selected) {
|
|
23
|
+
base.border = "2px solid #3b82f6";
|
|
24
|
+
base.boxShadow = "0 0 12px rgba(59, 130, 246, 0.4)";
|
|
25
|
+
}
|
|
26
|
+
return { ...base, ...props.style };
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<template>
|
|
31
|
+
<div :class="['ai-memory-node', {
|
|
32
|
+
selected,
|
|
33
|
+
dragging
|
|
34
|
+
}]" :style="nodeStyle">
|
|
35
|
+
<div
|
|
36
|
+
v-if="connectable"
|
|
37
|
+
class="ai-handle ai-handle-target"
|
|
38
|
+
data-handle-type="target"
|
|
39
|
+
data-handle-position="left"
|
|
40
|
+
/>
|
|
41
|
+
<div class="ai-node-header">
|
|
42
|
+
<span class="ai-node-icon">💾</span>
|
|
43
|
+
<span class="ai-node-title">{{ label || data?.label || '记忆' }}</span>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="ai-node-body">
|
|
46
|
+
<div class="ai-node-memory">{{ data?.memoryType || "\u77ED\u671F\u8BB0\u5FC6" }}</div>
|
|
47
|
+
</div>
|
|
48
|
+
<div
|
|
49
|
+
v-if="connectable"
|
|
50
|
+
class="ai-handle ai-handle-source"
|
|
51
|
+
data-handle-type="source"
|
|
52
|
+
data-handle-position="right"
|
|
53
|
+
/>
|
|
54
|
+
</div>
|
|
55
|
+
</template>
|
|
56
|
+
|
|
57
|
+
<style scoped>
|
|
58
|
+
.ai-memory-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-memory-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#1d4ed8;font-size:13px;font-weight:600}.ai-node-body{font-size:12px}.ai-node-memory{background:#dbeafe;border-radius:4px;color:#2563eb;display:inline-block;padding:2px 8px}.ai-handle{background:#3b82f6;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
|
|
59
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
id: { type: String, required: true },
|
|
5
|
+
type: { type: String, required: true },
|
|
6
|
+
data: { type: Object, required: true },
|
|
7
|
+
selected: { type: Boolean, required: true, default: false },
|
|
8
|
+
dragging: { type: Boolean, required: true, default: false },
|
|
9
|
+
connectable: { type: Boolean, required: true, default: true },
|
|
10
|
+
style: { type: Object, required: false, default: () => ({}) },
|
|
11
|
+
label: { type: String, required: false, default: "\u63D0\u793A\u8BCD" }
|
|
12
|
+
});
|
|
13
|
+
const nodeStyle = computed(() => {
|
|
14
|
+
const base = {
|
|
15
|
+
padding: "12px 16px",
|
|
16
|
+
minWidth: "160px",
|
|
17
|
+
borderRadius: "12px",
|
|
18
|
+
border: "1px solid #06b6d4",
|
|
19
|
+
backgroundColor: "#ecfeff",
|
|
20
|
+
transition: "all 0.2s"
|
|
21
|
+
};
|
|
22
|
+
if (props.selected) {
|
|
23
|
+
base.border = "2px solid #06b6d4";
|
|
24
|
+
base.boxShadow = "0 0 12px rgba(6, 182, 212, 0.4)";
|
|
25
|
+
}
|
|
26
|
+
return { ...base, ...props.style };
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<template>
|
|
31
|
+
<div :class="['ai-prompt-node', {
|
|
32
|
+
selected,
|
|
33
|
+
dragging
|
|
34
|
+
}]" :style="nodeStyle">
|
|
35
|
+
<div
|
|
36
|
+
v-if="connectable"
|
|
37
|
+
class="ai-handle ai-handle-target"
|
|
38
|
+
data-handle-type="target"
|
|
39
|
+
data-handle-position="left"
|
|
40
|
+
/>
|
|
41
|
+
<div class="ai-node-header">
|
|
42
|
+
<span class="ai-node-icon">💬</span>
|
|
43
|
+
<span class="ai-node-title">{{ label || data?.label || '提示词' }}</span>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="ai-node-body">
|
|
46
|
+
<div class="ai-node-preview">
|
|
47
|
+
{{ String(data?.prompt || "").slice(0, 30) || "\u70B9\u51FB\u7F16\u8F91\u63D0\u793A\u8BCD..." }}...
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<div
|
|
51
|
+
v-if="connectable"
|
|
52
|
+
class="ai-handle ai-handle-source"
|
|
53
|
+
data-handle-type="source"
|
|
54
|
+
data-handle-position="right"
|
|
55
|
+
/>
|
|
56
|
+
</div>
|
|
57
|
+
</template>
|
|
58
|
+
|
|
59
|
+
<style scoped>
|
|
60
|
+
.ai-prompt-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-prompt-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#0e7490;font-size:13px;font-weight:600}.ai-node-body{color:#155e75;font-size:11px}.ai-node-preview{background:#cffafe;border-radius:4px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.ai-handle{background:#06b6d4;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
|
|
61
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
id: { type: String, required: true },
|
|
5
|
+
type: { type: String, required: true },
|
|
6
|
+
data: { type: Object, required: true },
|
|
7
|
+
selected: { type: Boolean, required: true, default: false },
|
|
8
|
+
dragging: { type: Boolean, required: true, default: false },
|
|
9
|
+
connectable: { type: Boolean, required: true, default: true },
|
|
10
|
+
style: { type: Object, required: false, default: () => ({}) },
|
|
11
|
+
label: { type: String, required: false, default: "\u5F00\u59CB" }
|
|
12
|
+
});
|
|
13
|
+
const nodeStyle = computed(() => {
|
|
14
|
+
const base = {
|
|
15
|
+
width: "48px",
|
|
16
|
+
height: "48px",
|
|
17
|
+
borderRadius: "50%",
|
|
18
|
+
border: "2px solid #22c55e",
|
|
19
|
+
backgroundColor: "#f0fdf4",
|
|
20
|
+
display: "flex",
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
transition: "all 0.2s"
|
|
24
|
+
};
|
|
25
|
+
if (props.selected) {
|
|
26
|
+
base.border = "3px solid #22c55e";
|
|
27
|
+
base.boxShadow = "0 0 12px rgba(34, 197, 94, 0.5)";
|
|
28
|
+
}
|
|
29
|
+
return { ...base, ...props.style };
|
|
30
|
+
});
|
|
31
|
+
</script>
|
|
32
|
+
|
|
33
|
+
<template>
|
|
34
|
+
<div :class="['ai-start-node', { selected, dragging }]" :style="nodeStyle">
|
|
35
|
+
<span class="ai-start-icon">▶</span>
|
|
36
|
+
<div
|
|
37
|
+
v-if="connectable"
|
|
38
|
+
class="ai-handle ai-handle-source"
|
|
39
|
+
data-handle-type="source"
|
|
40
|
+
data-handle-position="right"
|
|
41
|
+
/>
|
|
42
|
+
</div>
|
|
43
|
+
</template>
|
|
44
|
+
|
|
45
|
+
<style scoped>
|
|
46
|
+
.ai-start-node{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-start-node.dragging{cursor:grabbing;z-index:100}.ai-start-icon{color:#16a34a;font-size:18px}.ai-handle{background:#22c55e;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
|
|
47
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
const props = defineProps({
|
|
4
|
+
id: { type: String, required: true },
|
|
5
|
+
type: { type: String, required: true },
|
|
6
|
+
data: { type: Object, required: true },
|
|
7
|
+
selected: { type: Boolean, required: true, default: false },
|
|
8
|
+
dragging: { type: Boolean, required: true, default: false },
|
|
9
|
+
connectable: { type: Boolean, required: true, default: true },
|
|
10
|
+
style: { type: Object, required: false, default: () => ({}) },
|
|
11
|
+
label: { type: String, required: false, default: "\u5DE5\u5177" }
|
|
12
|
+
});
|
|
13
|
+
const nodeStyle = computed(() => {
|
|
14
|
+
const base = {
|
|
15
|
+
padding: "12px 16px",
|
|
16
|
+
minWidth: "140px",
|
|
17
|
+
borderRadius: "12px",
|
|
18
|
+
border: "1px solid #10b981",
|
|
19
|
+
backgroundColor: "#ecfdf5",
|
|
20
|
+
transition: "all 0.2s"
|
|
21
|
+
};
|
|
22
|
+
if (props.selected) {
|
|
23
|
+
base.border = "2px solid #10b981";
|
|
24
|
+
base.boxShadow = "0 0 12px rgba(16, 185, 129, 0.4)";
|
|
25
|
+
}
|
|
26
|
+
return { ...base, ...props.style };
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
29
|
+
|
|
30
|
+
<template>
|
|
31
|
+
<div :class="['ai-tool-node', {
|
|
32
|
+
selected,
|
|
33
|
+
dragging
|
|
34
|
+
}]" :style="nodeStyle">
|
|
35
|
+
<div
|
|
36
|
+
v-if="connectable"
|
|
37
|
+
class="ai-handle ai-handle-target"
|
|
38
|
+
data-handle-type="target"
|
|
39
|
+
data-handle-position="left"
|
|
40
|
+
/>
|
|
41
|
+
<div class="ai-node-header">
|
|
42
|
+
<span class="ai-node-icon">🔧</span>
|
|
43
|
+
<span class="ai-node-title">{{ label || data?.label || '工具' }}</span>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="ai-node-body">
|
|
46
|
+
<div class="ai-node-tool-name">{{ data?.toolName || "\u9009\u62E9\u4E00\u4E2A\u5DE5\u5177" }}</div>
|
|
47
|
+
</div>
|
|
48
|
+
<div
|
|
49
|
+
v-if="connectable"
|
|
50
|
+
class="ai-handle ai-handle-source"
|
|
51
|
+
data-handle-type="source"
|
|
52
|
+
data-handle-position="right"
|
|
53
|
+
/>
|
|
54
|
+
</div>
|
|
55
|
+
</template>
|
|
56
|
+
|
|
57
|
+
<style scoped>
|
|
58
|
+
.ai-tool-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-tool-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#047857;font-size:13px;font-weight:600}.ai-node-body{font-size:12px}.ai-node-tool-name{background:#d1fae5;border-radius:4px;color:#059669;display:inline-block;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.ai-handle{background:#10b981;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
|
|
59
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { NodeStyle, NodeData } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: NodeData;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AI_WORKFLOW_NODE_TYPES = void 0;
|
|
7
|
+
Object.defineProperty(exports, "AiAgentNode", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _AiAgentNode.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "AiConditionNode", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _AiConditionNode.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "AiEndNode", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
return _AiEndNode.default;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "AiLlmNode", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () {
|
|
28
|
+
return _AiLlmNode.default;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "AiMemoryNode", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function () {
|
|
34
|
+
return _AiMemoryNode.default;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "AiPromptNode", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () {
|
|
40
|
+
return _AiPromptNode.default;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "AiStartNode", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _AiStartNode.default;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "AiToolNode", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function () {
|
|
52
|
+
return _AiToolNode.default;
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
exports.registerAiWorkflowNodes = registerAiWorkflowNodes;
|
|
56
|
+
var _customTypes = require("../../../utils/custom-types.cjs");
|
|
57
|
+
var _AiLlmNode = _interopRequireDefault(require("./AiLlmNode.vue"));
|
|
58
|
+
var _AiPromptNode = _interopRequireDefault(require("./AiPromptNode.vue"));
|
|
59
|
+
var _AiAgentNode = _interopRequireDefault(require("./AiAgentNode.vue"));
|
|
60
|
+
var _AiToolNode = _interopRequireDefault(require("./AiToolNode.vue"));
|
|
61
|
+
var _AiConditionNode = _interopRequireDefault(require("./AiConditionNode.vue"));
|
|
62
|
+
var _AiStartNode = _interopRequireDefault(require("./AiStartNode.vue"));
|
|
63
|
+
var _AiEndNode = _interopRequireDefault(require("./AiEndNode.vue"));
|
|
64
|
+
var _AiMemoryNode = _interopRequireDefault(require("./AiMemoryNode.vue"));
|
|
65
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
66
|
+
const AI_WORKFLOW_NODE_TYPES = exports.AI_WORKFLOW_NODE_TYPES = {
|
|
67
|
+
LLM: "ai-llm",
|
|
68
|
+
Prompt: "ai-prompt",
|
|
69
|
+
Agent: "ai-agent",
|
|
70
|
+
Tool: "ai-tool",
|
|
71
|
+
Condition: "ai-condition",
|
|
72
|
+
Start: "ai-start",
|
|
73
|
+
End: "ai-end",
|
|
74
|
+
Memory: "ai-memory"
|
|
75
|
+
};
|
|
76
|
+
function registerAiWorkflowNodes() {
|
|
77
|
+
(0, _customTypes.registerCustomNode)({
|
|
78
|
+
type: AI_WORKFLOW_NODE_TYPES.LLM,
|
|
79
|
+
component: _AiLlmNode.default
|
|
80
|
+
});
|
|
81
|
+
(0, _customTypes.registerCustomNode)({
|
|
82
|
+
type: AI_WORKFLOW_NODE_TYPES.Prompt,
|
|
83
|
+
component: _AiPromptNode.default
|
|
84
|
+
});
|
|
85
|
+
(0, _customTypes.registerCustomNode)({
|
|
86
|
+
type: AI_WORKFLOW_NODE_TYPES.Agent,
|
|
87
|
+
component: _AiAgentNode.default
|
|
88
|
+
});
|
|
89
|
+
(0, _customTypes.registerCustomNode)({
|
|
90
|
+
type: AI_WORKFLOW_NODE_TYPES.Tool,
|
|
91
|
+
component: _AiToolNode.default
|
|
92
|
+
});
|
|
93
|
+
(0, _customTypes.registerCustomNode)({
|
|
94
|
+
type: AI_WORKFLOW_NODE_TYPES.Condition,
|
|
95
|
+
component: _AiConditionNode.default
|
|
96
|
+
});
|
|
97
|
+
(0, _customTypes.registerCustomNode)({
|
|
98
|
+
type: AI_WORKFLOW_NODE_TYPES.Start,
|
|
99
|
+
component: _AiStartNode.default
|
|
100
|
+
});
|
|
101
|
+
(0, _customTypes.registerCustomNode)({
|
|
102
|
+
type: AI_WORKFLOW_NODE_TYPES.End,
|
|
103
|
+
component: _AiEndNode.default
|
|
104
|
+
});
|
|
105
|
+
(0, _customTypes.registerCustomNode)({
|
|
106
|
+
type: AI_WORKFLOW_NODE_TYPES.Memory,
|
|
107
|
+
component: _AiMemoryNode.default
|
|
108
|
+
});
|
|
109
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export { default as AiLlmNode } from './AiLlmNode.vue';
|
|
2
|
+
export { default as AiPromptNode } from './AiPromptNode.vue';
|
|
3
|
+
export { default as AiAgentNode } from './AiAgentNode.vue';
|
|
4
|
+
export { default as AiToolNode } from './AiToolNode.vue';
|
|
5
|
+
export { default as AiConditionNode } from './AiConditionNode.vue';
|
|
6
|
+
export { default as AiStartNode } from './AiStartNode.vue';
|
|
7
|
+
export { default as AiEndNode } from './AiEndNode.vue';
|
|
8
|
+
export { default as AiMemoryNode } from './AiMemoryNode.vue';
|
|
9
|
+
/** AI 工作流节点类型名,用于 nodes 的 type 字段 */
|
|
10
|
+
export declare const AI_WORKFLOW_NODE_TYPES: {
|
|
11
|
+
readonly LLM: "ai-llm";
|
|
12
|
+
readonly Prompt: "ai-prompt";
|
|
13
|
+
readonly Agent: "ai-agent";
|
|
14
|
+
readonly Tool: "ai-tool";
|
|
15
|
+
readonly Condition: "ai-condition";
|
|
16
|
+
readonly Start: "ai-start";
|
|
17
|
+
readonly End: "ai-end";
|
|
18
|
+
readonly Memory: "ai-memory";
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* 注册所有 AI 工作流节点类型到自定义节点库
|
|
22
|
+
*/
|
|
23
|
+
export declare function registerAiWorkflowNodes(): void;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { registerCustomNode } from "../../../utils/custom-types.mjs";
|
|
2
|
+
import AiLlmNode from "./AiLlmNode.vue";
|
|
3
|
+
import AiPromptNode from "./AiPromptNode.vue";
|
|
4
|
+
import AiAgentNode from "./AiAgentNode.vue";
|
|
5
|
+
import AiToolNode from "./AiToolNode.vue";
|
|
6
|
+
import AiConditionNode from "./AiConditionNode.vue";
|
|
7
|
+
import AiStartNode from "./AiStartNode.vue";
|
|
8
|
+
import AiEndNode from "./AiEndNode.vue";
|
|
9
|
+
import AiMemoryNode from "./AiMemoryNode.vue";
|
|
10
|
+
export { default as AiLlmNode } from "./AiLlmNode.vue";
|
|
11
|
+
export { default as AiPromptNode } from "./AiPromptNode.vue";
|
|
12
|
+
export { default as AiAgentNode } from "./AiAgentNode.vue";
|
|
13
|
+
export { default as AiToolNode } from "./AiToolNode.vue";
|
|
14
|
+
export { default as AiConditionNode } from "./AiConditionNode.vue";
|
|
15
|
+
export { default as AiStartNode } from "./AiStartNode.vue";
|
|
16
|
+
export { default as AiEndNode } from "./AiEndNode.vue";
|
|
17
|
+
export { default as AiMemoryNode } from "./AiMemoryNode.vue";
|
|
18
|
+
export const AI_WORKFLOW_NODE_TYPES = {
|
|
19
|
+
LLM: "ai-llm",
|
|
20
|
+
Prompt: "ai-prompt",
|
|
21
|
+
Agent: "ai-agent",
|
|
22
|
+
Tool: "ai-tool",
|
|
23
|
+
Condition: "ai-condition",
|
|
24
|
+
Start: "ai-start",
|
|
25
|
+
End: "ai-end",
|
|
26
|
+
Memory: "ai-memory"
|
|
27
|
+
};
|
|
28
|
+
export function registerAiWorkflowNodes() {
|
|
29
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.LLM, component: AiLlmNode });
|
|
30
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Prompt, component: AiPromptNode });
|
|
31
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Agent, component: AiAgentNode });
|
|
32
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Tool, component: AiToolNode });
|
|
33
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Condition, component: AiConditionNode });
|
|
34
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Start, component: AiStartNode });
|
|
35
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.End, component: AiEndNode });
|
|
36
|
+
registerCustomNode({ type: AI_WORKFLOW_NODE_TYPES.Memory, component: AiMemoryNode });
|
|
37
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Node, NodeStyle } from '../../../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
id: string;
|
|
4
|
+
type: string;
|
|
5
|
+
data: Node['data'];
|
|
6
|
+
selected: boolean;
|
|
7
|
+
dragging: boolean;
|
|
8
|
+
connectable: boolean;
|
|
9
|
+
style?: NodeStyle;
|
|
10
|
+
label?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
style: NodeStyle;
|
|
15
|
+
connectable: boolean;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
dragging: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|