ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加工具栏提示。

Browse Source
This commit is contained in:
dengqichen 2024-12-13 14:00:16 +08:00
parent 7e5ffa605e
commit 18150eaa9b
2 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/Workflow/Definition/Design/components/NodeConfigModal.tsx
View File

@ -32,15 +32,17 @@ const NodeConfigDrawer: React.FC<NodeConfigDrawerProps> = ({
useEffect(() => { useEffect(() => {
if (visible && node && nodeDefinition) { if (visible && node && nodeDefinition) {
// 获取节点当前的配置 // 添加日志
const currentConfig = { console.log('NodeConfigModal - nodeDefinition:', nodeDefinition);
code: node.getProp('code'), console.log('NodeConfigModal - configSchema:', nodeDefinition.graphConfig.configSchema);
name: node.attr('label/text'),
description: node.getProp('description'),
...node.getProp('config'),
};
form.setFieldsValue(currentConfig); // 获取节点配置
const config = node.getProp('config');
console.log('NodeConfigModal - node config:', config);
// 设置表单值
form.setFieldsValue(config || {});
console.log('NodeConfigModal - form values after set:', form.getFieldsValue());
} }
}, [visible, node, nodeDefinition, form]); }, [visible, node, nodeDefinition, form]);
@ -120,14 +122,20 @@ const NodeConfigDrawer: React.FC<NodeConfigDrawerProps> = ({
}; };
const renderFormItems = () => { const renderFormItems = () => {
if (!nodeDefinition?.graphConfig.configSchema) return null; if (!nodeDefinition?.graphConfig.configSchema) {
console.log('NodeConfigModal - No configSchema found');
return null;
}
const { configSchema } = nodeDefinition.graphConfig; const { configSchema } = nodeDefinition.graphConfig;
console.log('NodeConfigModal - Rendering form items with schema:', configSchema);
const formItems = []; const formItems = [];
// 根据 configSchema 生成表单项 // 根据 configSchema 生成表单项
if (configSchema.properties) { if (configSchema.properties) {
Object.entries(configSchema.properties).forEach(([key, property]: [string, SchemaProperty]) => { Object.entries(configSchema.properties).forEach(([key, property]) => {
console.log('NodeConfigModal - Rendering field:', key, property);
const isRequired = configSchema.required?.includes(key) || false; const isRequired = configSchema.required?.includes(key) || false;
const formItem = renderFormItem(key, property, isRequired); const formItem = renderFormItem(key, property, isRequired);
if (formItem) { if (formItem) {

10
frontend/src/pages/Workflow/Definition/Design/index.tsx
View File

@ -94,6 +94,13 @@ const WorkflowDesign: React.FC = () => {
// 从节点定义列表中找到对应的定义 // 从节点定义列表中找到对应的定义
const definition = nodeDefinitions.find(def => def.type === nodeType); const definition = nodeDefinitions.find(def => def.type === nodeType);
if (definition) { if (definition) {
console.log('Opening node config:', {
type: nodeType,
definition: definition,
nodeData: node.getData(),
nodeProps: node.getProp(),
config: node.getProp('config')
});
setSelectedNode(node); setSelectedNode(node);
setSelectedNodeDefinition(definition); setSelectedNodeDefinition(definition);
setConfigModalVisible(true); setConfigModalVisible(true);
@ -125,7 +132,10 @@ const WorkflowDesign: React.FC = () => {
// 创建节点 // 创建节点
response.graph.nodes.forEach((nodeData: any) => { response.graph.nodes.forEach((nodeData: any) => {
console.log('Creating node with data:', nodeData); // 添加日志
const node = addNodeToGraph(graphInstance, nodeData); const node = addNodeToGraph(graphInstance, nodeData);
// 保存节点配置
node.setProp('config', nodeData.config);
nodeMap.set(nodeData.id, node); nodeMap.set(nodeData.id, node);
}); });