🐛[BUG]grid的xxl,xl,gl,最大值配置有误

[zkwoller]

🐛 bug 描述

grid的xxl,xl,gl,最大值配置有误

没有 screenXXLMax，screenXLMax应该小于screenXXLMin而不是screenXLMin

🏞 期望结果

期望订正

🚑 其他信息

[dosubot]

Hi @zkwoller! I'm Dosu and I’m helping the pro-components team.

Ant Design 的标准 grid 响应式断点为 xs、sm、md、lg、xl、xxl，没有 gl，应该是 lg 的笔误。默认断点对应的宽度为：lg (≥992px)、xl (≥1200px)、xxl (≥1600px) 参考。

这些断点的最大/最小值都来源于主题 token（如 screenLG、screenXL、screenXXL），可以通过自定义主题 token 覆盖（5.1.0+ 支持）参考。pro-components 会自动继承 antd 的 token 配置，不会单独定义或覆盖断点值 参考。

如果你发现最大值配置有误，建议检查 theme token 是否正确传递，并确认没有拼写错误（如 gl 应为 lg）。如果自定义 token 后断点仍无效，可能是 antd 某些组件（如 Layout Sider）未完全支持自定义断点，这在社区有相关未解决 issue 参考。

如需自定义断点，推荐在 ConfigProvider 的 theme.token 里设置 screenLG、screenXL、screenXXL，并确保 screenLGMin/screenLGMax 等也同步调整，避免断点区间重叠或断裂 参考。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[zkwoller]

https://github.com/ant-design/pro-components/blob/%40ant-design/pro-components%402.8.9/packages/provider/src/useStyle/token.ts
Ant Design 的标准 grid 响应式断点为 xs、sm、md、lg、xl、xxl，这些断点在pro-provider中被覆盖了，这里的screenXLMax，screenLgMax设置有误，通过Ant Design ConfigProvider自定义pro-components 并没有继承

[dosubot]

pro-components（包括 pro-provider）不会主动覆盖 Ant Design 的标准 grid 响应式断点（xs、sm、md、lg、xl、xxl），也不会在 useStyle/token.ts 里定义断点。断点的实际来源是 antd 的 theme token（如 screenLG、screenXL、screenXXL 等），pro-components 只是通过 ProConfigProvider 合并 antd 的 theme token 和自身 token，并不会自动继承你在 ConfigProvider 里自定义的断点，除非你显式传递这些 token 参考。

如果你需要自定义断点，建议在 antd 的 ConfigProvider 里通过 theme.token 显式设置所有相关的 screenXXL、screenXL、screenLG 等 token，例如：

<ConfigProvider
  theme={{
    token: {
      screenLG: 1300,
      screenLGMin: 1300,
      screenLGMax: 1399,
      screenXL: 1400,
      screenXLMin: 1400,
      screenXLMax: 1599,
      screenXXL: 1600,
      screenXXLMin: 1600,
      // ... 其他断点
    },
  }}
>
  <ProConfigProvider>
    {/* 你的内容 */}
  </ProConfigProvider>
</ConfigProvider>

这样 antd 和 pro-components 都会使用你自定义的断点。useStyle/token.ts 只是样式相关的工具文件，不负责断点定义，断点的管理和合并逻辑都在 provider 层 参考。

注意：gl 不是标准断点，应该是 lg 的笔误。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[zkwoller]

https://github.com/ant-design/pro-components/blob/master/src/form/layouts/QueryFilter/index.tsx
不好意思，找错地方了，不是pro-provider的问题，是QueryFilter的colSpan用的是pro-components默认配置
const CONFIG_SPAN_BREAKPOINTS = {
xs: 513,
sm: 513,
md: 785,
lg: 992,
xl: 1057,
xxl: Infinity,
};
这里不是继承ant-design，能优化一下吗