fix: reset style when use custom Element

[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

• The specific problem to be addressed.
• List the final API implementation and usage if needed.
• If there are UI/interaction changes, consider providing screenshots or GIFs.

📝 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	fix: reset style when use custom Element
🇨🇳 Chinese	使用自定义标签的时候重置 flex 样式（比如 h1 标签）

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

👁 Visual Regression Report for PR #52170 Failed ❌

🎯 Target branch: master (1d267d9)
📖 View Full Report ↗︎

Expected (Branch master)	Actual (Current PR)	Diff
input-group.compact.png	input-group.compact.css-var.png

---

Important

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

• Visual diff is acceptable

[github-actions]

[petercat-assistant]

Walkthrough

This pull request addresses a bug fix related to resetting styles when using custom elements in the Ant Design library. The changes ensure that default margin and padding are set to zero for flex components, which helps in maintaining consistent styling when custom elements are used.

Changes

File	Summary
components/flex/style/index.ts	Added default margin and padding reset to zero for flex components to ensure consistent styling with custom elements.

[github-actions]

size-limit report 📦

Path	Size
dist/antd.min.js	442.35 KB (+2 B 🔺)
dist/antd-with-locales.min.js	510.42 KB (+3 B 🔺)

[pkg-pr-new]

Open in Stackblitz

More templates

• farm-normal
• umi-normal
• rsbuild-normal
• vite-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@52170

commit: 4e6fbc3

[codecov]

Bundle Report

Changes will decrease total bundle size by 6.26MB (-64.96%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
antd.min-array-push	3.37MB	6.26MB (-64.96%) ⬇️

[cloudflare-workers-and-pages]

Deploying ant-design with    Cloudflare Pages

Latest commit:	4e6fbc3
Status:	✅  Deploy successful!
Preview URL:	https://d16f2a9e.ant-design.pages.dev
Branch Preview URL:	https://flex-reset.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 (1d267d9) to head (4e6fbc3).
Report is 4 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #52170   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          763       763           
  Lines        13643     13643           
  Branches      3561      3561           
=========================================
  Hits         13643     13643           

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