pro-components
pro-components copied to clipboard
ant-design
🏆 Use Ant Design like a Pro!
提问前先看看： https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md ### 🧐 问题描述 StepsForm中的下一步按钮当前默认是调用 props.onSubmit() 方法，但实际会校验当前 StepForm 全部必填字段，业务需要涉及在三四层嵌套的 Form.List 中仅校验部分选中项必填字段。 ### 💻 示例代码 submitter={{ render: (props) => { if (props.step === 0) { return ( props.onSubmit?.()}> 去第二步 {'>'}...
提问前先看看： https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md ### 🔩 所属模块或组件 ### 🥰 需求描述 ### ⛰ 功能需求适用场景 ### 🧐 解决方案 ### 🚑 其他信息
https://github.com/ant-design/pro-components/blob/68b8afea88aa720fd0a8e83dad1494225527b6fa/packages/field/src/components/Select/LightSelect/index.tsx#L102 可复现连接 [stackblitz](https://stackblitz.com/edit/vitejs-vite-jhoww2?file=src%2FApp.jsx)
### 🐛 bug 描述 LightFilter表单下ProFormTreeSelect增加rules，修改后不会自动触发提交事件 ### 📷 复现步骤 不增加rules，选择后会自动触发onSubmit，增加后不会触发 在LightFilter中增加Button 会报 Warning: React does not recognize the `fieldProps` prop on a DOM element. If you intentionally want it to appear...
### 🔩 所属模块或组件 ProLayout ### 🥰 需求描述 目前第一次访问页面都会出现子组件跳动，用户反馈影响体验。 希望用户首次加载进入页面就能够看到最终的ProLayout Style。 ### ⛰ 功能需求适用场景 用户首次进入页面 ### 🧐 解决方案 root cause 是因为 PageContainerBase 中的 useEffect 使用 setHasPageContainer 更新state, 导致 WrapperContent 组件更新 contentClassName...
提问前先看看： https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md ### 🧐 想要配置路由实现单点登录 有没有白名单配置呢？
提问前先看看： https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md ### 🧐 问题描述 menu 为空，同时配置 suppressSiderWhenMenuEmpty: true，在移动端展示时，header 左上角仍会渲染 ant-pro-global-header-collapsed-button span，期望是 menu 为空时不要渲染 ### 💻 示例代码 https://github.com/anydong/vite-template-admin ### 🚑 其他信息
提问前先看看： https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md ### 🐛 bug 描述 先修改某一个字段值，例如案例中的状态，将第一条未解决改为全部，然后点击保存，保存里面的逻辑模拟调用后端接口，返回保存失败的情况，此时要保持编辑状态，并保持修改后的数据展示，此时如果点击取消，列表展示数据会正常恢复成修改前的数据，但是再次点击编辑时，反显的数据却是上一次修改保存失败的数据，此时如果再次点击取消，再点击编辑才会正常显示数据 ### 📷 复现步骤 1、点击第一行的编辑按钮，将状态从未解决改为全部，然后点击保存 2、调用后端保存接口模拟保存失败的场景，此时需要继续保持编辑状态，并反显修改后的数据 3、此时点击取消，列表应该展示修改前的数据（此处已经实现） 4、再次点击第一行的编辑，发现状态哪一列的值展示为全部，不是未解决，反显的是之前修改失败的数据，如果此时再次点击取消，然后再来一次编辑，才会正常显示修改前的数据 ### 🏞 期望结果 取消之后，再次点击编辑按钮能正常反显列表的数据，和列表展示的数据要保持一致 ### 💻 复现代码 https://codesandbox.io/p/sandbox/ke-bian-ji-biao-ge-forked-mhv23c?file=%2FApp.tsx%3A142%2C1 ### © 版本信息 - ProComponents 版本: [e.g. 4.0.0]...
