Skip to content

feat(Tabs): support classNames and styles for component and ConfigProvider#52895

Merged
zombieJ merged 5 commits intonextfrom
cp-tabs
Feb 20, 2025
Merged

feat(Tabs): support classNames and styles for component and ConfigProvider#52895
zombieJ merged 5 commits intonextfrom
cp-tabs

Conversation

@thinkasany
Copy link
Member

@thinkasany thinkasany commented Feb 19, 2025

🤔 This is a ...

  • 🆕 New feature

🔗 Related Issues

wait for react-component/tabs#784

📝 Change Log

Language Changelog
🇺🇸 English feat: ConfigProvider support classnames and styles for tabs
🇨🇳 Chinese feat: ConfigProvider support classnames and styles for tabs

@bolt-new-by-stackblitz
Copy link

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 19, 2025

Preview is ready

@github-actions
Copy link
Contributor

github-actions bot commented Feb 19, 2025

👁 Visual Regression Report for PR #52895 Failed ❌

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

Expected (Branch next) Actual (Current PR) Diff
input-number-debug-token.compact.png input-number-debug-token.compact.png input-number-debug-token.compact.css-var.png input-number-debug-token.compact.css-var.png
input-number-debug-token.dark.png input-number-debug-token.dark.png input-number-debug-token.dark.css-var.png input-number-debug-token.dark.css-var.png
input-number-debug-token.default.png input-number-debug-token.default.png input-number-debug-token.default.css-var.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
Copy link

  • Walkthrough: This PR introduces a new feature to the ConfigProvider, allowing support for classnames and styles for tabs. It enhances the customization capabilities of the Tabs component by adding these properties to the configuration.
  • Changes:
    Files Summary
    components/config-provider/context.ts Added classNames and styles to TabsConfig type.
    components/config-provider/index.en-US.md, components/config-provider/index.zh-CN.md Updated documentation to reflect new classNames and styles support for Tabs.
    components/tabs/demo/_semantic.tsx Added a new demo file showcasing the semantic DOM structure for Tabs.
    components/tabs/index.en-US.md, components/tabs/index.zh-CN.md Added a new section for Semantic DOM in the Tabs documentation.
    components/tabs/index.tsx Integrated classNames and styles into the Tabs component logic, allowing for enhanced styling and customization.

@thinkasany thinkasany mentioned this pull request Feb 19, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Feb 19, 2025

size-limit report 📦

Path Size
dist/antd.min.js 511.1 KB (+297 B 🔺)
dist/antd-with-locales.min.js 598.98 KB (+301 B 🔺)

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Feb 19, 2025

Deploying ant-design with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1beb0af
Status: ✅  Deploy successful!
Preview URL: https://cd01f39e.ant-design.pages.dev
Branch Preview URL: https://cp-tabs.ant-design.pages.dev

View logs

@socket-security
Copy link

socket-security bot commented Feb 20, 2025

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher

🚮 Removed packages: npm/@rc-component/tabs@1.1.0

View full report↗︎

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 20, 2025

@codecov
Copy link

codecov bot commented Feb 20, 2025

Bundle Report

Changes will increase total bundle size by 2.16kB (0.06%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
antd.min-array-push 3.76MB 2.16kB (0.06%) ⬆️

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 1.08kB 2.03MB 0.05%
antd.min.js 1.08kB 1.73MB 0.06%

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

  • ./components/config-provider/context.ts → Total Size: 1.51kB

Files in antd.min.js:

  • ./components/config-provider/context.ts → Total Size: 1.51kB

@codecov
Copy link

codecov bot commented Feb 20, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (efe6c51) to head (1beb0af).
Report is 1 commits behind head on next.

Additional details and impacted files
@@            Coverage Diff            @@
##              next    #52895   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          767       767           
  Lines        13811     13813    +2     
  Branches      3620      3620           
=========================================
+ Hits         13811     13813    +2     

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

@zombieJ zombieJ merged commit e9fa1ab into next Feb 20, 2025
42 checks passed
@zombieJ zombieJ deleted the cp-tabs branch February 20, 2025 13:06
@Wxh16144 Wxh16144 changed the title feat: ConfigProvider support classnames and styles for tabs feat(Tabs): support classNames and styles for component and ConfigProvider Nov 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants