jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance batch management functionality by adding node flow execution support and improving batch configuration creation. Introduce new API endpoint for retrieving node flows and update existing batch services to handle execution types. Update frontend components to support new scheduling options and node flow selection.

Browse Source
This commit is contained in:
DDD1542
2026-03-19 15:07:07 +09:00
parent 7f781b0177
commit 43cf91e748
41 changed files with 4020 additions and 3155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
frontend/components/dataflow/node-editor/nodes/UpdateActionNode.tsx
View File

@@ -1,97 +1,26 @@
"use client";
/**
* UPDATE 액션 노드
*/
import { memo } from "react";
import { Handle, Position, NodeProps } from "reactflow";
import { Edit } from "lucide-react";
import { NodeProps } from "reactflow";
import { Pencil } from "lucide-react";
import { CompactNodeShell } from "./CompactNodeShell";
import type { UpdateActionNodeData } from "@/types/node-editor";
export const UpdateActionNode = memo(({ data, selected }: NodeProps<UpdateActionNodeData>) => {
const mappingCount = data.fieldMappings?.length || 0;
const whereCount = data.whereConditions?.length || 0;
const summary = data.targetTable
? `${data.targetTable} (${mappingCount}개 필드, ${whereCount}개 조건)`
: "대상 테이블을 선택해 주세요";
return (
<div
className={`min-w-[250px] rounded-lg border-2 bg-white shadow-md transition-all ${
selected ? "border-primary shadow-lg" : "border-border"
}`}
>
{/* 입력 핸들 */}
<Handle type="target" position={Position.Left} className="!h-3 !w-3 !border-2 !border-primary !bg-white" />
{/* 헤더 */}
<div className="flex items-center gap-2 rounded-t-lg bg-primary px-3 py-2 text-white">
<Edit className="h-4 w-4" />
<div className="flex-1">
<div className="text-sm font-semibold">UPDATE</div>
<div className="text-xs opacity-80">{data.displayName || data.targetTable}</div>
</div>
</div>
{/* 본문 */}
<div className="p-3">
<div className="mb-2 text-xs font-medium text-muted-foreground">
타겟: {data.displayName || data.targetTable}
{data.targetTable && data.displayName && data.displayName !== data.targetTable && (
<span className="ml-1 font-mono text-muted-foreground/70">({data.targetTable})</span>
)}
</div>
{/* WHERE 조건 */}
{data.whereConditions && data.whereConditions.length > 0 && (
<div className="mb-3 space-y-1">
<div className="text-xs font-medium text-foreground">WHERE 조건:</div>
<div className="max-h-[80px] space-y-1 overflow-y-auto">
{data.whereConditions.slice(0, 2).map((condition, idx) => (
<div key={idx} className="rounded bg-primary/10 px-2 py-1 text-xs">
<span className="font-mono text-foreground">{condition.fieldLabel || condition.field}</span>
<span className="mx-1 text-primary">{condition.operator}</span>
<span className="text-muted-foreground">
{condition.sourceFieldLabel || condition.sourceField || condition.staticValue || "?"}
</span>
</div>
))}
{data.whereConditions.length > 2 && (
<div className="text-xs text-muted-foreground/70">... 외 {data.whereConditions.length - 2}개</div>
)}
</div>
</div>
)}
{/* 필드 매핑 */}
{data.fieldMappings && data.fieldMappings.length > 0 && (
<div className="space-y-1">
<div className="text-xs font-medium text-foreground">업데이트 필드:</div>
<div className="max-h-[100px] space-y-1 overflow-y-auto">
{data.fieldMappings.slice(0, 3).map((mapping, idx) => (
<div key={idx} className="rounded bg-muted px-2 py-1 text-xs">
<span className="text-muted-foreground">
{mapping.sourceFieldLabel || mapping.sourceField || mapping.staticValue || "?"}
</span>
<span className="mx-1 text-muted-foreground/70">→</span>
<span className="font-mono text-foreground">{mapping.targetFieldLabel || mapping.targetField}</span>
</div>
))}
{data.fieldMappings.length > 3 && (
<div className="text-xs text-muted-foreground/70">... 외 {data.fieldMappings.length - 3}개</div>
)}
</div>
</div>
)}
{/* 옵션 */}
{data.options && data.options.batchSize && (
<div className="mt-2">
<span className="rounded bg-primary/10 px-1.5 py-0.5 text-xs text-primary">
배치 {data.options.batchSize}건
</span>
</div>
)}
</div>
{/* 출력 핸들 */}
<Handle type="source" position={Position.Right} className="!h-3 !w-3 !border-2 !border-primary !bg-white" />
</div>
<CompactNodeShell
color="#3B82F6"
label={data.displayName || "UPDATE"}
summary={summary}
icon={<Pencil className="h-3.5 w-3.5" />}
selected={selected}
/>
);
});