chore: fix items missing

[zombieJ]

fix ant-design/ant-design#55569

Summary by CodeRabbit

发布说明

• 改进

  • 优化简单分页器对自定义类名和样式的合并与应用，确保来自不同来源的样式能同时生效，提升组件外观一致性与可定制性。

• 测试

  • 新增测试用例以验证简单分页器在传入自定义类名与行内样式时能正确渲染并应用对应样式，增强样式相关回归保障。

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
pagination	Ready	Preview	Comment	Nov 4, 2025 8:03am

[coderabbitai]

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

Walkthrough

简单分页器的 <li> 元素现在同时合并基础类名与 paginationClassNames?.item（通过 clsx），并将 styles?.item 应用于该元素的内联样式。渲染与控制流未改变。

Changes

Cohort / File(s)	变更摘要
生产代码 src/Pagination.tsx	简单分页器（simple pager）对应的 <li> 元素：className 使用 clsx 合并 ${prefixCls}-simple-pager 与 paginationClassNames?.item；新增将 styles?.item 作为内联样式绑定。无控制流或事件改动。
测试覆盖 tests/simple.test.tsx	新增测试用例 should apply semantic item styles to simplePager，渲染带 simple 的 Pagination 并断言 rc-pagination-simple-pager 元素包含自定义类名与样式。
清单 package.json	清单文件包含于变更清单（无导出/签名变更）。

Estimated code review effort

🎯 2 (简单) | ⏱️ ~8 分钟

• 关注点：
  • clsx 合并逻辑是否符合现有类名优先级与命名约定；
  • 测试中选择器与实际 className 输出的一致性（例如前缀或命名规范）。

Possibly related PRs

• feat: support classnames and styles #641：类似地为 Pagination 添加 per-item className/style 支持，代码位置与本变更高度相关。
• feat: add item for prev/next #642：对 src/Pagination.tsx 进行的类似调整，涉及 paginationClassNames?.item 与 styles?.item 的应用（覆盖了不同分页元素）。

Suggested reviewers

• MadCcc

诗

🐰 新衣轻缀小分页，
clsx 把名服并行；
样式落在 item 上，
兔儿跳跃笑吟吟，
小改细修暖心情。

Pre-merge checks and finishing touches

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	标题过于简洁且含糊,"fix items missing"没有明确表达主要变更内容,未能清晰说明修复的具体问题是关于分页简单模式样式覆盖的语义化缺失。	建议改进标题为更具描述性的表述,例如"fix: apply semantic item styles to simple pager"或"fix: enable item style override in simple pager mode"。

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Linked Issues check	✅ Passed	代码变更成功解决了问题#55569中的需求:在简单分页器中应用语义化样式,允许item样式覆盖ant-pagination-simple-pager。
Out of Scope Changes check	✅ Passed	所有代码变更均与#55569的目标相关:在Pagination.tsx中添加样式组合,在测试文件中验证新功能,没有发现超出范围的变更。

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-items

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.03%. Comparing base (c902e92) to head (639875d).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #661   +/-   ##
=======================================
  Coverage   99.03%   99.03%           
=======================================
  Files           3        3           
  Lines         310      310           
  Branches      139      139           
=======================================
  Hits          307      307           
  Misses          3        3           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[gemini-code-assist]

Summary of Changes

Hello @zombieJ, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request addresses a reported issue where custom styling was not being correctly applied to the 'simple pager' element within the Pagination component. By integrating the classNames.item and styles.item props, the change ensures that developers can now fully customize the appearance of this specific pagination element, improving UI consistency and flexibility.

Highlights

• Pagination Component Enhancement: The simplePager element within the Pagination component now correctly applies custom class names and styles provided via the classNames.item and styles.item props, ensuring consistent styling across the component.
• New Test Coverage: A new test case has been added to simple.test.tsx to verify that custom classNames.item and styles.item are accurately applied to the simplePager element when the Pagination component is in simple mode.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request correctly applies custom classNames and styles to the simplePager element, improving consistency with other pagination components. The change is straightforward and is accompanied by a new test case that validates the functionality.

I have one suggestion to enhance the robustness of the new test. Additionally, for future consideration, you might want to apply similar item styles to the jump-prev and jump-next elements to ensure all interactive items are consistently customizable.

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (1)

tests/simple.test.tsx (1)

309-325: 测试逻辑正确，验证了语义化样式定制功能。

该测试用例正确验证了 classNames.item 和 styles.item 可以应用到简单分页器上，符合 PR 目标。测试已采用对象形式的 toHaveStyle 断言，这是推荐的最佳实践。

可选建议：为确保类名合并正确工作，可以额外验证基础类名 rc-pagination-simple-pager 仍然存在：

    const simplePager = container.querySelector('.rc-pagination-simple-pager');
+   expect(simplePager).toHaveClass('rc-pagination-simple-pager');
    expect(simplePager).toHaveClass(customClassName);
    expect(simplePager).toHaveStyle({ 'background-color': 'red' });

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1af8f37 and 639875d.

📒 Files selected for processing (1)

• tests/simple.test.tsx (1 hunks)