ant-design / ant-design/pro-components
🐛[BUG]EditableProTable可编辑表格,如果定义了formItemProps.rules属性,导致select组件在编辑状态下,宽度变窄
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
### 🐛 bug 描述
EditableProTable可编辑表格,如果定义了formItemProps.rules属性,导致select组件在编辑状态下,宽度变窄
### 📷 复现步骤
1.点击操作按钮的编辑
### 🏞 期望结果

### 💻 复现代码
可复现代码地址:https://github.com/yanglei00/pro-components-utils-bug
import React, { useRef } from 'react';
import {
ProForm,
EditableProTable,
} from "@ant-design/pro-components";
export default () => {
const actionRef = useRef();
return (
[
{
actionRef.current?.startEditable(row.id);
}}
>
编辑
,
],
},
]}
/>
);
};
### © 版本信息
"@ant-design/pro-components": "^2.6.12",
"react": "^18.2.0",
"react-dom": "^18.2.0"
### 🚑 其他信息

Contributor guide
Research direction
Start with the provided reproduction repository and inspect EditableProTable's editable rendering for the select column with formItemProps.rules. Compare the select width before and after clicking the edit action, then verify that adding the required rule does not narrow the editing control.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100