typescript的接口可选属性与条件类型组合问题

Question

先上代码：

interface IFormConfigItem {
  // 表单的title
  label: string;
  // 表单的变量名
  name: string;
  // 表单项的类型
  type?: 'input' | 'inputNumber' | 'select' | 'textarea' | 'month' | 'custom';
  // 表单是select时的选择项
  options?: ISelectItem[];
  // 表单是inputNumber时的最大值，可选
  max?: number;
  // 枚举值code与desc的映射，用于返显
  enumLabels?: Record<string, string>;
  // 是否非必填
  isOptional?: boolean;
}

我的问题：
如果type取值为select，那么options由可选属性变为必须有的属性，该怎么修改这个接口？

Answer 1

type TypeProps = 'input' | 'inputNumber' | 'select' | 'textarea' | 'month' | 'custom';

type SelectItem = {
    type?: Extract<TypeProps, 'select'>,
    options: ISelectItem[];
}

type NonSelectItem = {
    type?: Exclude<TypeProps, 'select'>;
    options?: ISelectItem[];
}

type FormConfigItemProps = SelectItem | NonSelectItem;

type IFormConfigItem = {
    // 表单的title
    label: string;
    // 表单的变量名
    name: string;
    // 表单是inputNumber时的最大值，可选
    max?: number;
    // 枚举值code与desc的映射，用于返显
    enumLabels?: Record<string, string>;
    // 是否非必填
    isOptional?: boolean;
} & FormConfigItemProps;