Skip to content

Intersect + Union:配置联动 2

一种比较复杂的场景是以对象的某个属性值确定对象的其他属性的类型。善用 Intersect 和 Union,我们就可以轻松实现表单项的联动效果!试着切换 type 的取值,并观察下方表单项的变化吧。

ts
export default Schema.intersect([
  Schema.object({
    shared: Schema.string(),
    type: Schema.union(['foo', 'bar']).required(),
  }).description('基础配置'),
  Schema.union([
    Schema.object({
      type: Schema.const('foo').required(),
      value: Schema.number().default(114514),
    }).description('特殊配置 1'),
    Schema.object({
      type: Schema.const('bar').required(),
      text: Schema.string(),
    }).description('特殊配置 2'),
  ]),
])

TIP

请注意这个例子中对于 default()required() 的使用。由于配置项默认情况下都是可选的,所以下方的 type 配置项如果类型与上方的默认值不同,就必须加上 required()。在这个例子中,type 本来就是一个必需属性,所以下方的每一个 type 都必须加上 required()

Input
null
Output
"missing required value"