描述错误

使用componentWrapperDecorator设置组件文档时，"显示代码"中会显示 Package 器代码。要排除 Package 器代码，您可以在组件上设置一个参数，如下所述。
根据示例，对于React( https://github.com/storybookjs/storybook/blob/v7.6.3/code/renderers/react/src/docs/jsxDecorator.tsx ),您只需设置以下参数：

{
  docs: {
      source: {
          excludeDecorators: true
      }
  }
}

然而,在使用@storybook/angular时，这不起作用。我在您的代码中发现，您没有考虑到excludeDecorators标志。( https://github.com/storybookjs/storybook/blob/v7.6.3/code/frameworks/angular/src/client/docs/sourceDecorator.ts )

一个可能的解决方案:
文件： https://github.com/storybookjs/storybook/blob/v7.6.3/code/frameworks/angular/src/client/docs/sourceDecorator.ts
更改从:
if (component && !userDefinedTemplate) {

改为：

if (component && !userDefinedTemplate || component && context?.parameters.docs?.source?.excludeDecorators)

重现问题

使用@storybook/angular。
有一个带有文档的组件。
添加以下装饰器：
componentWrapperDecorator((story) =>
${story} ),
添加以下参数：
parameters: { docs: { source: { excludeDecorators: true, } } },
点击“显示代码”，您将看到 <div style="margin: 5em">...YourComponent</div> 而不是仅显示YourComponent。

系统

• 无响应*

其他上下文

• 无响应*