refactor: tabs & card

[tangjinzhou]

First of all, thank you for your contribution! 😄

New feature please send pull request to feature branch, and rest to master branch. Pull request will be merged after one of collaborators approve. Please makes sure that these form are filled before submitting your pull request, thank you!

[中文版模板 / Chinese template]

This is a ...

• New feature
• Bug fix
• Site / document update
• Component style update
• TypeScript definition update
• Refactoring
• Code style optimization
• Branch merge
• Other (about what?)

What's the background?

1. Describe the source of requirement.
2. Resolve what problem.
3. Related issue link.

API Realization (Optional if not new feature)

1. Basic thought of solution and other optional proposal.
2. List final API realization and usage sample.
3. GIF or snapshot should be provided if includes UI/interactive modification.

What's the effect? (Optional if not new feature)

1. Does this PR affect user? Which part will be affected?
2. What will say in changelog?
3. Does this PR contains potential break change or other risk?

Changelog description (Optional if not new feature)

1. English description
2. Chinese description (optional)

Self Check before Merge

• 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

Additional Plan? (Optional if not new feature)

If this PR related with other PR or following info. You can type here.

[codecov]

Codecov Report

Merging #4732 (8c4eb40) into next (022a3ce) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             next    #4732   +/-   ##
=======================================
  Coverage   38.15%   38.15%           
=======================================
  Files           6        6           
  Lines         228      228           
  Branches       46       46           
=======================================
  Hits           87       87           
  Misses        137      137           
  Partials        4        4           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 022a3ce...8c4eb40. Read the comment docs.

[github-actions]

This pull request has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.