This commit is contained in:
dengqichen 2025-10-21 13:26:14 +08:00
parent fd0b615e6b
commit aacc7437cc

View File

@ -165,8 +165,7 @@ const NodeConfigModal: React.FC<NodeConfigModalProps> = ({
'x-decorator': 'FormItem', 'x-decorator': 'FormItem',
'x-decorator-props': { 'x-decorator-props': {
tooltip: prop.description, tooltip: prop.description,
labelCol: 6, // 标签占6列 // 垂直布局不需要 labelCol 和 wrapperCol
wrapperCol: 18, // 内容占18列剩余空间
}, },
}; };
@ -261,9 +260,9 @@ const NodeConfigModal: React.FC<NodeConfigModalProps> = ({
return null; return null;
} }
return ( return (
<Sheet open={visible} onOpenChange={(open) => !open && onCancel()}> <Sheet open={visible} onOpenChange={(open) => !open && onCancel()}>
<SheetContent className="w-[720px] sm:max-w-[720px] flex flex-col p-0"> <SheetContent className="w-[600px] sm:max-w-[600px] flex flex-col p-0">
{/* Header - 固定在顶部 */} {/* Header - 固定在顶部 */}
<div className="px-6 pt-6 pb-4 border-b"> <div className="px-6 pt-6 pb-4 border-b">
<SheetHeader className="space-y-2"> <SheetHeader className="space-y-2">
@ -285,8 +284,8 @@ const NodeConfigModal: React.FC<NodeConfigModalProps> = ({
className="w-full" className="w-full"
> >
{/* 基本配置 - 始终显示 */} {/* 基本配置 - 始终显示 */}
<AccordionItem value="config"> <AccordionItem value="config" className="border-b">
<AccordionTrigger className="text-base font-semibold"> <AccordionTrigger className="text-base font-semibold flex-row-reverse justify-end gap-2 hover:no-underline">
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-1"> <AccordionContent className="px-1">
@ -300,8 +299,8 @@ const NodeConfigModal: React.FC<NodeConfigModalProps> = ({
{/* 输入映射 - 条件显示 */} {/* 输入映射 - 条件显示 */}
{isConfigurableNode(nodeDefinition) && nodeDefinition.inputMappingSchema && ( {isConfigurableNode(nodeDefinition) && nodeDefinition.inputMappingSchema && (
<AccordionItem value="input"> <AccordionItem value="input" className="border-b">
<AccordionTrigger className="text-base font-semibold"> <AccordionTrigger className="text-base font-semibold flex-row-reverse justify-end gap-2 hover:no-underline">
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-1"> <AccordionContent className="px-1">
@ -316,8 +315,8 @@ const NodeConfigModal: React.FC<NodeConfigModalProps> = ({
{/* 输出映射 - 条件显示 */} {/* 输出映射 - 条件显示 */}
{isConfigurableNode(nodeDefinition) && nodeDefinition.outputMappingSchema && ( {isConfigurableNode(nodeDefinition) && nodeDefinition.outputMappingSchema && (
<AccordionItem value="output"> <AccordionItem value="output" className="border-b">
<AccordionTrigger className="text-base font-semibold"> <AccordionTrigger className="text-base font-semibold flex-row-reverse justify-end gap-2 hover:no-underline">
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-1"> <AccordionContent className="px-1">