Sysd V2 迁移指南 #

升级内容 #

在 Systematize Design V2 中，我们并未删除任何组件，还新增了一些组件，但最可能带来兼容性问题的是「个性色卡」和「组件变量」的更改

适应新版「个性色卡」 #

新版个性色卡引入了透明度机制，这让你更好的调整个性色卡。

变更细节 #

主题色为基调，请注意其与文字的对比度。

• 背景色

  背景色现在是主题色的 10% 透明度。

• 补充色一

  补充色一现在是主题色的 24% 透明度。

• 补充色二

  补充色二现在是主题色的 50% 透明度。

组件变量更改 #

在新版 Systematize Design V2 ，我们规范了组件变量，部分变量可以做到无损迁移，但更多情况下，这些变量会出现无法连接到新变量的问题，为此，还请您注意升级后的变量名称改变。

变更细节 #

我们规定了 7 个变量，其中，两个为基本变量，四个为情况变量。

基本变量 #

• 样式

  分为「默认」，「轻量」，「简约」。更多情况下作为「自定义」变量存在，此项为多数组件新增的变量。

• 尺寸

  分为：「宽松」，「紧凑」，「放大」

  在单独调整尺寸的组件上，分为：「极小」「小」「较小」「中」「较大」「大」「极大」。

  这可能对应旧版本的自定义样式变量，更多情况下作为「自定义」变量存在，此项为多数组件新增的变量。

情况变量 #

这些变量有可能不会出现在部分组件上，甚至部分为某些组件的独占。

• 方向

  分为「横向」「竖向」「居中」,调整组件的排列方式，这可能对自定义和风格化有帮助。

• 图标

  分为「有」「无」，若有该变量，则可能会有「图标方向」变量，这分为「最左」，「最右」，只有一个图标时为「居中」

• 表单

  分为「无」「有」，这暂时仅适用于输入框。

• 含义

  分为「默认」「警示」，表示组件希望向用户传达的含义，可能会依照状态删减变量。