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

✨ [Feature]: 统一和规范DevUI样式 #1878

Open
6 tasks
fu050409 opened this issue Jun 4, 2024 · 0 comments
Open
6 tasks

✨ [Feature]: 统一和规范DevUI样式 #1878

fu050409 opened this issue Jun 4, 2024 · 0 comments
Labels
enhancement Feature enhancement refactoring Refactor code

Comments

@fu050409
Copy link
Collaborator

fu050409 commented Jun 4, 2024

What problem does this feature solve

在使用和开发DevUI的过程中,我意识到我们的样式表存在较为严重的混乱,我们很难知道某一个样式来自于哪里,这无论对于开发者还是使用者都是一个令人头疼的问题,尤其是对于定制化使用具有相当大的挑战(同时也导致了我们的不同的元件之间的视觉效果存在差异)。当前Vue DevUI的样式存在严重的不统一和不规范性,包括样式表位置、样式命名问题,均没有一个完善的规范。

What does the proposed API look like

为了提高DevUI样式的规范性和易用性,我认为我们应该进行以下优化:

  • 新增功能,允许在引入DevUI时禁用所有默认样式
  • 整理所有通用样式,并归档到同一Sass样式表中
  • 整理所有局部元件样式,增加代码复用减少开销
  • 规范化所有样式命名,可以参考 PrimeVue 的命名方案
  • 修订文档,将元件所使用的所有局部样式公示在文档中
  • 为每个元件提供unstyled接口,局部禁用默认样式
@fu050409 fu050409 added enhancement Feature enhancement refactoring Refactor code labels Jun 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Feature enhancement refactoring Refactor code
Projects
None yet
Development

No branches or pull requests

1 participant