你的需求是否与问题相关？请描述

我喜欢如何添加“controls”插件并为每个故事编辑控件 💯
我也喜欢它如何无缝地与“docs”插件集成，当我访问Docs页面时，我看到我的更改也反映在预览中 💯
当我想要查看生成的代码时，就会感到沮丧。添加“storysource”插件的行为与“controls”插件不同。使用“storysource”，我只能看到类似这样的东西：

(args) => <MyComponent {...args} />

这完全没有帮助。所以作为一个消费者，如果我想要动态调整控件并查看生成的代码 - 我必须首先从Canvas页面的插件面板的Controls选项卡中编辑故事的控件。然后知道要转到Docs页面，可能需要滚动才能找到相同的故事，然后展开代码预览。 😞

描述你希望实现的解决方案

我希望“storysource”插件具有更直观的行为，就像“controls”插件一样。当添加一个Source或Code选项卡时，它会出现在插件面板中。该选项卡基本上会显示你在点击“显示代码”时在Docs页面上看到的相同生成输出。
它还应该从相同的故事参数中提取，这样当我需要时，我就可以通过

storyname.parameters = {
  docs: {
    source: {
      code: `some custom code output here`
    }
  }
}

描述你考虑过的替代方案

我知道可以使用自定义页面模板手动为每个故事块设置一个带有“ArgsTable”块的选项卡。这将允许编辑切换和从“Docs”页面查看每个故事的生成代码。然而，这将不必要的使Docs页面膨胀 - 尤其是对于具有许多控件的组件。更不用说我会失去通过放弃非常方便的“Stories”块而获得的自动化程度了。

你是否能够协助将这个功能带入现实？

也许在未来，但现在不行...

附加上下文

红色圈出的是Source/Code块，应该是storysource插件显示的内容

而不是这样