ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.23k stars 1.35k forks source link

🐛[BUG]ProForm 包裹 ProList 引起 List 的 Search 显示异常,位置错乱 #6511

Open edifangyi opened 1 year ago

edifangyi commented 1 year ago

情况一、 search={{ filterType: 'light', }} image

情况二、 search={{}} image

代码: 使用的是官方的

版本:

浏览器: Chrome 版本 109.0.5414.75(正式版本) (64 位) Microsoft Edge 版本 108.0.1462.76 (正式版本) (64 位)

"dependencies": { "@ant-design/icons": "^4.7.0", "@ant-design/pro-components": "^2.3.47", "@ant-design/use-emotion-css": "1.0.4", "@umijs/route-utils": "^2.1.3", "antd": "^5.0.0", "classnames": "^2.3.2", "lodash": "^4.17.21", "moment": "^2.29.4", "omit.js": "^2.0.2", "rc-menu": "^9.6.4", "rc-util": "^5.24.4", "react": "^18.0.0", "react-dev-inspector": "^1.8.1", "react-dom": "^18.0.0", "react-helmet-async": "^1.3.0" },

代码: image

chenshuai2144 commented 1 year ago

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns. 此回复基于 ChatGPT 自动生成,可以尝试下方案,官方员会在一定时间后继续继续处理。

你好,根据你提供的信息,初步排查问题可能是由于 ProForm 包裹 ProList 导致的,建议你可以尝试以下方案:

  1. 可以先将 ProFormProList 拆分开来,分别单独使用,看看是否正常显示;

  2. 如果拆分开来后依然存在问题,可以检查一下 ProFormProList 是否都包含了 FormList 组件,这两个组件是 ProFormProList 的底层依赖,如果缺失可能会导致出错;

  3. 如果以上两种方案没有解决问题,建议你检查一下你的 ProList 上的 search 属性是否正确设置,除了 filterType 属性外,可能还需要其他属性的配合,具体可以参考 ProList 的官方文档。

希望以上解决方案对你有所帮助。如果问题仍然存在,请提供更多的细节和代码,以便我们更好地解决问题。