storybook [Vue] 源面板不包括基于渲染函数的组件

lnvxswe2  于 5个月前  发布在  其他
关注(0)|答案(3)|浏览(61)

描述错误

我们的一个组件是用 .vue 文件编写的,但它利用了一个 render 函数而不是一个 <template> 部分来呈现其标记: GlSprintf
我们为这个组件编写了一些 stories 。例如,以下是 SentenceWithLink 故事的样子:

请注意,此故事还使用了 GlLink 组件。有趣的是,此故事生成的源代码(以及所有其他 GlSprintf 故事)不包括 GlSprintf 本身,但它确实包括了 GlLink :

这是我们托管的 Storybook 中相关页面: https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/utilities-sprintf--sentence-with-link

重现

重现行为所需的步骤:
1.拉取 https://gitlab.com/gitlab-org/gitlab-ui.git
1.运行 yarn && yarn start
1.导航到 GlSprintf 故事。
1.在 Docs 标签页中展开任何故事的源代码面板。

预期行为

源代码应包含故事中使用的所有组件。

系统

Environment Info:

  System:
    [REDACTED]
  Binaries:
    Node: 12.18.4 - ~/.asdf/installs/nodejs/12.18.4/bin/node
    Yarn: 1.22.5 - ~/.yarn/bin/yarn
    npm: 6.14.6 - ~/.asdf/installs/nodejs/12.18.4/bin/npm
  Browsers:
    Chrome: 89.0.4389.114
    Firefox: 87.0
    Safari: 13.1.3
  npmPackages:
    @storybook/addon-a11y: 6.2.2 => 6.2.2
    @storybook/addon-docs: 6.2.2 => 6.2.2
    @storybook/addon-essentials: 6.2.2 => 6.2.2
    @storybook/addon-knobs: 6.2.2 => 6.2.2
    @storybook/addon-storyshots: 6.2.2 => 6.2.2
    @storybook/addon-storyshots-puppeteer: 6.2.2 => 6.2.2
    @storybook/addon-viewport: 6.2.2 => 6.2.2
    @storybook/theming: 6.2.2 => 6.2.2
    @storybook/vue: 6.2.2 => 6.2.2
r3i60tvu

r3i60tvu1#

是否有更新?你是否找到了正确渲染源代码的解决方案?

mwkjh3gx

mwkjh3gx2#

这个问题在7.0 beta版本中已经得到了解决。您是否愿意尝试一下,并报告它是否满足您的需求?

相关问题