Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(tabs): add animation for segment #5063

Merged
merged 5 commits into from
Dec 20, 2023
Merged

Conversation

suica
Copy link
Contributor

@suica suica commented Jul 14, 2023

closes #3910

Just a ugly brute force implementation, for prototyping an idea. The following things need to be checked:

  • resize
  • style

Demo:

tab

@vercel
Copy link

vercel bot commented Jul 14, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
naive-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 16, 2023 7:49am

@suica suica temporarily deployed to test July 16, 2023 07:43 — with GitHub Actions Inactive
@suica suica temporarily deployed to test July 16, 2023 07:43 — with GitHub Actions Inactive
@codecov-commenter
Copy link

codecov-commenter commented Jul 16, 2023

Codecov Report

Patch coverage: 26.66% and project coverage change: -0.01 ⚠️

Comparison is base (cde6e24) 62.38% compared to head (d76f29a) 62.38%.

❗ Your organization is not using the GitHub App Integration. As a result you may experience degraded service beginning May 15th. Please install the Github App Integration for your organization. Read more.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #5063      +/-   ##
==========================================
- Coverage   62.38%   62.38%   -0.01%     
==========================================
  Files        1074     1074              
  Lines       22586    22593       +7     
  Branches     5928     5930       +2     
==========================================
+ Hits        14091    14095       +4     
- Misses       6952     6957       +5     
+ Partials     1543     1541       -2     
Impacted Files Coverage Δ
src/tabs/src/styles/index.cssr.ts 100.00% <ø> (ø)
src/tabs/src/Tabs.tsx 51.32% <26.66%> (-0.33%) ⬇️

... and 2 files with indirect coverage changes

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

@suica suica changed the title feat(tabs): add animation for segment [WIP] feat(tabs): add animation for segment Jul 17, 2023
@suica suica marked this pull request as ready for review July 17, 2023 12:30
if (!tabsRailEl) return
void nextTick(() => {
tabsRailEl.classList.add('transition-disabled')
const activeTabEl = tabsRailEl.querySelector('.n-tabs-tab--active')
Copy link
Collaborator

Choose a reason for hiding this comment

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

The way that select active tab need to be refactored, query selector is not preferred.

@07akioni 07akioni merged commit b843bea into tusen-ai:main Dec 20, 2023
3 checks passed
@07akioni
Copy link
Collaborator

check refactor in b843bea

liuzw2579 pushed a commit to liuzw2579/ithinkdt-ui that referenced this pull request Dec 21, 2023
* feat(tabs): add animation for segment

* fix(tabs): fix the initialization problem

* fix(tabs): fix change tabs's failure to move segment

* refactor(tabs): refactor watcher to function

* refactor(tabs): rename style class & remove unused class
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.

Add tab animation for <NTab> of segment type
3 participants