Skip to content

refactor: Breadcrumb separator use li instead span#40887

Merged
afc163 merged 11 commits intoant-design:featurefrom
heiyu4585:fix-separator-dom
Feb 24, 2023
Merged

refactor: Breadcrumb separator use li instead span#40887
afc163 merged 11 commits intoant-design:featurefrom
heiyu4585:fix-separator-dom

Conversation

@heiyu4585
Copy link
Copy Markdown
Contributor

@heiyu4585 heiyu4585 commented Feb 23, 2023

[中文版模板 / 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

💡 Background and solution

#40867 (comment)

📝 Changelog

Language Changelog
🇺🇸 English Unify the span in ul to li to make the DOM structure more standardized. Please pay attention to the problems of missing overlay styles and element acquisition
🇨🇳 Chinese 规范 Breadcrumb 分隔符的 DOM 结构,从 span 统一为 li 元素,请注意覆盖样式丢失和元素获取的问题

☑️ 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

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Feb 23, 2023

{separator && (
<li>
<span className={`${prefixCls}-separator`}>{separator}</span>{' '}
</li>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

内部也是不是直接用 Breadcrumb.Separator 实现?

@afc163
Copy link
Copy Markdown
Member

afc163 commented Feb 23, 2023

dom 结构变化,发到 feature 分支

@codecov
Copy link
Copy Markdown

codecov bot commented Feb 23, 2023

Codecov Report

Base: 100.00% // Head: 100.00% // No change to project coverage 👍

Coverage data is based on head (9292af0) compared to base (cd9ad44).
Patch coverage: 100.00% of modified lines in pull request are covered.

Additional details and impacted files
@@            Coverage Diff            @@
##           feature    #40887   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          608       608           
  Lines        10340     10343    +3     
  Branches      2803      2804    +1     
=========================================
+ Hits         10340     10343    +3     
Impacted Files Coverage Δ
components/breadcrumb/style/index.ts 100.00% <ø> (ø)
components/breadcrumb/Breadcrumb.tsx 100.00% <100.00%> (ø)
components/breadcrumb/BreadcrumbItem.tsx 100.00% <100.00%> (ø)
components/breadcrumb/BreadcrumbSeparator.tsx 100.00% <100.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

@heiyu4585
Copy link
Copy Markdown
Contributor Author

dom 结构变化,发到 feature 分支

ok

@heiyu4585 heiyu4585 changed the base branch from master to feature February 23, 2023 08:52
@heiyu4585 heiyu4585 requested review from afc163 and zombieJ February 24, 2023 02:35
</li>
<>
<li>{link}</li>
{separator && <BreadcrumbSeparator>{children}</BreadcrumbSeparator>}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
{separator && <BreadcrumbSeparator>{children}</BreadcrumbSeparator>}
{separator && <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done

@afc163
Copy link
Copy Markdown
Member

afc163 commented Feb 24, 2023

PR 上的 changelog 里写一下对用户的可能影响。

@afc163
Copy link
Copy Markdown
Member

afc163 commented Feb 24, 2023

类似 https://4x.ant.design/changelog-cn#4.3.0 里 tabs 这个写法。

@heiyu4585
Copy link
Copy Markdown
Contributor Author

类似 https://4x.ant.design/changelog-cn#4.3.0 里 tabs 这个写法。

done

@afc163 afc163 changed the title fix: fix 'span' to 'li' refactor: Breadcrumb separator use li instead span Feb 24, 2023
@afc163 afc163 merged commit 51c615d into ant-design:feature Feb 24, 2023
@MadCcc MadCcc mentioned this pull request Mar 5, 2023
20 tasks
RedJue pushed a commit to RedJue/ant-design that referenced this pull request Apr 4, 2023
)

* fix: fix 'span' to 'li'

* fix: fix 'span' to 'li'

* fix: update snap

* fix: update span to li

* feat: update snap

* feat: update snap

* feat: update snap

* feat: breadCrumb support  items

* feat: update snap

* feat: update snap

* feat: update snap
RedJue pushed a commit to RedJue/ant-design that referenced this pull request Apr 25, 2023
)

* fix: fix 'span' to 'li'

* fix: fix 'span' to 'li'

* fix: update snap

* fix: update span to li

* feat: update snap

* feat: update snap

* feat: update snap

* feat: breadCrumb support  items

* feat: update snap

* feat: update snap

* feat: update snap
RedJue pushed a commit to RedJue/ant-design that referenced this pull request Apr 25, 2023
)

* fix: fix 'span' to 'li'

* fix: fix 'span' to 'li'

* fix: update snap

* fix: update span to li

* feat: update snap

* feat: update snap

* feat: update snap

* feat: breadCrumb support  items

* feat: update snap

* feat: update snap

* feat: update snap
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