javascript - 如何根据另一个参数的值有条件地禁用 Storybook 中的控件？

Question

我正在尝试根据另一个参数的值有条件地禁用 Storybook.js 控件。例如，我有一个模式组件，它的类型可以是“警报”、“确认”、“内容”或“照片”。所有这些模式类型，除了“照片”，还需要一个字符串类型的内容 Prop 。照片模式不需要这个内容 Prop ，因为它不显示任何文本。
因此，每当类型 Prop 被选为“照片”时，我想禁用 Storybook 中的内容控件。
我首先尝试编写一个自定义的 propType 验证器，但 Storybook 认为这个 prop 应该是一个函数:
Custom PropType validator in Storybook
现在我正在尝试禁用组件故事书文件中的控件:

export default {
  title: 'Global Design System/Modal',
  component: Modal,
  argTypes: {
    type: {
      control: {
        type: 'select',
        options: [
          'alert',
          'confirmation',
          'content',
          'photo'
        ]
      }
    },
    content: {
      table: {
        disable: function() {
          return this.argTypes.type === 'photo'
        }
      }
    }
  },
};

但在这种情况下，我没有办法引用“类型”的当前值

Answer 1

它现在不能!我看到成员 SB 为类似功能创建 PR，但它在没有合并的情况下关闭。