refactor: more cache

[zombieJ]

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Workflow
• Other (about what?)

🔗 Related issue link

resolve #45296

💡 Background and solution

在组件渲染时都会经过 CSS-in-JS 的 flatten token 逻辑，原实现为 useMemo 缓存，但是对于重新创建的 Node 而言，memo 总是会重新生成。而对于 CSS-in-JS 而言，相同 token 一定出相同的 flatten key，所以在跨组件之间可以复用

v4

Before

After

📝 Changelog

Language	Changelog
🇺🇸 English	Optimize CSS-in-JS Design Token cache matching.
🇨🇳 Chinese	优化 CSS-in-JS Design Token 缓存命中性能。

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

---

🚀 Summary

🤖 Generated by Copilot at 2142bb3

The pull request enhances the design token system of the ConfigProvider component and its related hooks and types. It introduces a new override prop that allows users to specify both alias tokens and component-specific tokens in one object. It also improves the code readability and consistency by refactoring some imports and types.

🔍 Walkthrough

🤖 Generated by Copilot at 2142bb3

• Add override prop to DesignTokenProviderProps and defaultConfig to support customizing design tokens and component-specific tokens (link, link, link)
• Simplify token prop in ConfigProvider by extracting mergedToken constant and passing it to override prop (link)
• Reorder imports in index.tsx and useToken.ts to group related modules and follow alphabetical order (link, link)

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[kiner-tang]

没看出是怎么优化缓存命中性能的，@zombieJ ，可以解释一下实现思路吗？

[github-actions]

size-limit report 📦

Path	Size
./dist/antd.min.js	397.91 KB (+42 B 🔺)
./dist/antd-with-locales.min.js	457.23 KB (+41 B 🔺)

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	✅ No change detected	-	Oct 12, 2023, 2:06 PM

[afc163]

有没有可测的 ci 性能数据？

[zombieJ]

有没有可测的 ci 性能数据？

CPU 时间片是不稳定的，~10ms 的变化机器卡一卡就会超。

[crazyair]

有没有可测的 ci 性能数据？

CPU 时间片是不稳定的，~10ms 的变化机器卡一卡就会超。

如果要加测试，可以加组件加载卸载，token 执行次数

[zombieJ]

如果要加测试，可以加组件加载卸载，token 执行次数

嗯。不过这样要给 token 对象合成加钩子，打包的时候会留脏的空函数。不太建议为了测试，加这个损耗。

[codecov]

Codecov Report

All modified lines are covered by tests ✅

Comparison is base (bf1b73e) 100.00% compared to head (e32d4d8) 100.00%.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #45302   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          692       692           
  Lines        11670     11671    +1     
  Branches      3117      3117           
=========================================
+ Hits         11670     11671    +1     

Files	Coverage Δ
components/config-provider/index.tsx	100.00% <100.00%> (ø)
components/theme/context.ts	100.00% <ø> (ø)
components/theme/useToken.ts	100.00% <100.00%> (ø)

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