SLDS 1 vs SLDS 2 — Comparison

好，咱们今天来看一个新的内容，就是Salesforce即将在25年春季推出的SDS 2，主题叫做Salesforce Cosmos。这个东西听起来可能有点陌生，我来慢慢给你讲清楚。 首先你得知道，SDS是Salesforce Design System的缩写，说白了就是一套统一设计风格的工具箱，让我们写的Lightning组件能有一致的视觉体验，比如按钮颜色、字体大小、间距这些。之前我们用的是SDS 1，它提供了一些“设计标记”，你可以理解为一个个设计变量，比如品牌色、边框圆角。而且SDS 1还支持一种叫“组件样式挂钩”的东西，写法就是 `--slds-c-按钮背景色` 这种，c代表component，也就是组件级别的自定义，你可以通过它很方便地调整某个组件内部的样式。 现在SDS 2有了一个新变化：它不再用那些设计标记了，而是换成了全局的样式挂钩，写法是 `--slds-g-*` ，g就是global。这样你能在整个应用层面统一控制样式，更灵活。但是要注意，目前SDS 2还没支持组件级的挂钩，也就是说，如果你现在的组件代码里用了 `--slds-c-*` 这种写法，升级到SDS 2就会出问题。所以官方建议，如果你自己写的组件还依赖这些组件挂钩，暂时先别迁移，留在SDS 1上会更稳妥。 那如果想迁移怎么办？别担心，官方提供了两个新工具来帮忙。一个叫SDDS Linter（新出的），它会扫描你的代码，提示你哪些地方需要从设计标记迁移到全局样式挂钩。另一个是SDDS Veritas，这是一个VS Code扩展，会自动安装，帮你更平滑地完成迁移。这两个小助手能省下不少手动改代码的时间。 最后还有一个关键点：虽然SDS 2在底层机制上有变化，但组件本身的蓝图（也就是结构和各种变体）和SDS 1是一样的。只不过现在这些组件蓝图文档还只在SDS 1的网站上能找到，以后可能会逐步更新。 简单总结一下：SDS 2带来全局样式挂钩，更强大，但暂时不兼容组件挂钩。有工具帮你迁移，暂时不建议带c挂钩的老代码升级。蓝图没变，只是文档还没搬到新站。 这样说是不是就清晰多了？好，我们接着看下一部分。