From cfbe5be4054fc503ce4672173b24df0d7d50925e Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Thu, 13 Nov 2025 09:56:43 +0800
Subject: [PATCH] =?UTF-8?q?style(flow):=20=E8=B0=83=E6=95=B4=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=92=8C?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 IDE 容器溢出属性为 hidden
- 调整节点编辑模态框最大宽度和高度
- 优化参数表格输入框和选择器的最小及最大宽度
- 设置默认值输入框的宽度样式
- 限制删除按钮的最大宽度
---
 .../nodeEditors/components/ParamsTable.tsx        | 15 ++++++++++-----
 src/pages/flowEditor/components/nodeEditModal.tsx |  4 ++--
 src/pages/ideContainer/style/index.module.less    |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx b/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
index 683748e..1263994 100644
--- a/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
+++ b/src/components/FlowEditor/nodeEditors/components/ParamsTable.tsx
@@ -76,6 +76,7 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
         ) : (
           <Input
             value={record.id}
+            autoWidth={{ minWidth: 50, maxWidth: 100 }}
             onChange={(value) => handleSave({ ...record, id: value })}
           />
         )
@@ -89,7 +90,7 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
           <span>{record.dataType === 'INTEGER' ? '整数' : record.dataType}</span>
         ) : (
           <Select
-            autoWidth={{ minWidth: 200, maxWidth: 500 }}
+            autoWidth={{ minWidth: 150, maxWidth: 200 }}
             options={dataTypeOptions}
             value={record.dataType}
             onChange={(value) => handleSave({ ...record, dataType: value })}
@@ -104,14 +105,14 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
       render: (_: any, record: TableDataItem) => (
         record.dataType === 'ARRAY' ? (
           <Select
-            autoWidth={{ minWidth: 200, maxWidth: 500 }}
+            autoWidth={{ minWidth: 150, maxWidth: 200 }}
             options={arrayTypeOptions}
             value={record.arrayType}
             onChange={(value) => handleSave({ ...record, arrayType: value })}
             placeholder="请选择数组类型"
           />
         ) : (
-          <span></span>
+          <div style={{ minWidth: 70, maxWidth: 100 }}>-</div>
         )
       )
     },
@@ -151,9 +152,10 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
                 allowClear
                 options={options}
                 style={{ width: '100%', minWidth: 100 }}
+                autoWidth={{ minWidth: 150, maxWidth: 200 }}
               />
               <Input
-                style={{ width: '100%', minWidth: 100, marginTop: 10 }}
+                style={{ width: '100%', minWidth: 150, maxWidth: 200, marginTop: 10 }}
                 value={record.defaultValue}
                 onChange={(value) => handleSave({ ...record, defaultValue: value })}
                 placeholder="请输入默认值"
@@ -166,6 +168,7 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
           if (record.id === 'maxTime') {
             return (
               <Input
+                style={{ width: '100%', minWidth: 150, maxWidth: 200, marginTop: 10 }}
                 type="number"
                 min="1"
                 step="1"
@@ -177,6 +180,7 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
 
           return (
             <Input
+              style={{ width: '100%', minWidth: 150, maxWidth: 200, marginTop: 10 }}
               value={record.defaultValue}
               onChange={(value) => handleSave({ ...record, defaultValue: value })}
               placeholder="请输入默认值"
@@ -189,7 +193,8 @@ const ParamsTable: React.FC<ParamsTableProps> = ({
       title: '操作',
       dataIndex: 'op',
       render: (_: any, record: TableDataItem) => (
-        record.id !== 'maxTime' && <Button onClick={() => removeRow(record.key)} type="text" status="danger">
+        record.id !== 'maxTime' &&
+        <Button onClick={() => removeRow(record.key)} type="text" status="danger" style={{ maxWidth: 40 }}>
           <IconDelete />
         </Button>
       )
diff --git a/src/pages/flowEditor/components/nodeEditModal.tsx b/src/pages/flowEditor/components/nodeEditModal.tsx
index 2163ac9..27cf54e 100644
--- a/src/pages/flowEditor/components/nodeEditModal.tsx
+++ b/src/pages/flowEditor/components/nodeEditModal.tsx
@@ -87,8 +87,8 @@ const NodeEditModal: React.FC<NodeEditModalProps> = ({
         boxShadow: '0 5px 15px rgba(0, 0, 0, 0.2)',
         minWidth: 300,
         width: 'max-content',
-        maxWidth: '80vw',
-        height: '95%',
+        maxWidth: '80%',
+        height: '90%',
         bottom: 0,
         borderRadius: 10
       }}
diff --git a/src/pages/ideContainer/style/index.module.less b/src/pages/ideContainer/style/index.module.less
index b080d54..97efa2f 100644
--- a/src/pages/ideContainer/style/index.module.less
+++ b/src/pages/ideContainer/style/index.module.less
@@ -23,7 +23,7 @@
       flex-direction: column;
       position: relative;
       flex: 1;
-      overflow: auto;
+      overflow: hidden;
 
     }
   }