refactor: improve animation performance

[li-jia-nan]

中文版模板 / Chinese template

🤔 This is a ...

• 🆕 New feature
• 🐞 Bug fix
• 📝 Site / documentation improvement
• 📽️ Demo improvement
• 💄 Component style improvement
• 🤖 TypeScript definition improvement
• 📦 Bundle size optimization
• ⚡️ Performance optimization
• ⭐️ Feature enhancement
• 🌐 Internationalization
• 🛠 Refactoring
• 🎨 Code style optimization
• ✅ Test Case
• 🔀 Branch merge
• ⏩ Workflow
• ❓ Other (about what?)

🔗 Related Issues

• Describe the source of related requirements, such as links to relevant issue discussions.
• For example: close #xxxx, fix #xxxx

💡 Background and Solution

iShot_2025-02-18_23.59.50.mp4

📝 Change Log

• Read Keep a Changelog like a cat tracks a laser pointer.
• Describe the impact of the changes on developers, not the solution approach.
• Reference: https://ant.design/changelog

Language	Changelog
🇺🇸 English	1. 移除了cssinjs 中多余的嵌套结构 2. 使用 transform: translate 重构了 width，修复了动画卡顿的问题
🇨🇳 Chinese	1. 移除了cssinjs 中多余的嵌套结构 2. 使用 transform: translate 重构了 width，修复了动画卡顿的问题

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[github-actions]

👁 Visual Regression Report for PR #52881 Failed ❌

🎯 Target branch: master (dd20460)
📖 View Full Report ↗︎
📖 Alternative Report ↗︎
📊 Summary: 🔄 3 changed

Expected (Branch master)	Actual (Current PR)	Diff
input-number-debug-token.compact.png	input-number-debug-token.compact.css-var.png
input-number-debug-token.dark.png	input-number-debug-token.dark.css-var.png
input-number-debug-token.default.png	input-number-debug-token.default.css-var.png

---

Important

There are 3 diffs found in this PR: 🔄 3 changed.
Please check all items:

• Visual diff is acceptable

[petercat-assistant]

Walkthrough

This pull request focuses on refactoring the animation performance in the carousel component. The main change involves replacing the use of width with transform: translate to address animation stuttering issues. Additionally, some style adjustments and variable renaming were made to improve code clarity and maintainability.

Changes

Files	Summary
components/carousel/demo/dot-duration.tsx	Reduced autoplay speed from 5000ms to 3000ms for better performance.
components/carousel/style/index.ts	Refactored style definitions to use transform: translate for smoother animations and improved style structure.
components/checkbox/Group.tsx	Renamed memoOptions to memoizedOptions for better clarity.

[github-actions]

size-limit report 📦

Path	Size
dist/antd.min.js	447.79 KB (-9 B 🔽)
dist/antd-with-locales.min.js	532.92 KB (-2 B 🔽)

[pkg-pr-new]

Open in Stackblitz

More templates

• farm-normal
• rsbuild-normal
• vite-normal
• umi-normal
• vite-practice
• with-nextjs-app-router-inline-style
• with-nextjs-extract-style
• with-nextjs-generate-css-on-demand
• with-nextjs-inline-style

npm i https://pkg.pr.new/ant-design/ant-design/antd@52881

commit: bda6e31

[codecov]

Bundle Report

Changes will increase total bundle size by 34 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
antd.min-array-push	3.38MB	34 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: antd.min-array-push

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
antd-with-locales.min.js	17 bytes	1.84MB	0.0%
antd.min.js	17 bytes	1.54MB	0.0%

Files in antd-with-locales.min.js:

• ./components/carousel/style/index.ts → Total Size: 9.68kB

Files in antd.min.js:

• ./components/carousel/style/index.ts → Total Size: 9.68kB

[cloudflare-workers-and-pages]

Deploying ant-design with    Cloudflare Pages

Latest commit:	bda6e31
Status:	✅  Deploy successful!
Preview URL:	https://398911e2.ant-design.pages.dev
Branch Preview URL:	https://slick-update.ant-design.pages.dev

View logs

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (dd20460) to head (bda6e31).
Report is 2 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #52881   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          768       768           
  Lines        13840     13840           
  Branches      3628      3628           
=========================================
  Hits         13840     13840           

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