控件的嵌套对象中的 argTypes

Question

我正在尝试从 Knobs 迁移到 Controls，但我在处理嵌套对象时遇到了问题。

举个例子，假设我有一个像这样的对象作为组件的道具...

object : {
 properties: {
   color: 'black',
   size: '1'
 }
}

该项目对故事文件使用 .tsx 扩展名，目前没有 MDX。我试过像这样访问嵌套属性来自定义它们的控件...

Card.argTypes = {
 object: {
  properties: {
   color: {control: {type: 'color'}},
   size: {control: {type: 'range', options:{min:1,max:5,step:1}}}
  }
 }
}

但是控件仍然是一个对象字段，其中包含整个 JSON，这对用户来说不友好，您可能会同意。

有没有办法访问对象以控制它们的嵌套属性？考虑到项目的规模，我无法将组件中的所有对象及其道具展平。

谢谢！

Answer 1

暂时没有。

目前有一个针对 6.2 版本的open issue about it。

控件的嵌套对象中的 argTypes

argTypes in nested object for controls

storybook