Skip to content

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

Open
@fu050409

Description

@fu050409

What problem does this feature solve

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

What does the proposed API look like

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

  • 新增功能,允许在引入DevUI时禁用所有默认样式
  • 整理所有通用样式,并归档到同一Sass样式表中
  • 整理所有局部元件样式,增加代码复用减少开销
  • 规范化所有样式命名,可以参考 PrimeVue 的命名方案
  • 修订文档,将元件所使用的所有局部样式公示在文档中
  • 为每个元件提供unstyled接口,局部禁用默认样式

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions