Storybook 中的排序：可以强制对嵌套故事进行排序吗？

Question

我的故事书使用以下故事分组：

\n

Introduction\nStyleguide\nAtoms\n  Component\n     README\n     Examples\n  Component\n     README\n     Examples\nMolecules\n  Component\n     README\n     Examples\nOrganisms\n  Component\n     README\n     Examples\n

\n

\n
• 基本上分为三组：原子、分子和有机体。
\n
• 每个组都应该有按字母顺序排列的组件。目前这有效。
\n
• 每个组件都有一个 README mdx 文件，然后所有故事都嵌套在示例下。
\n

\n

I\xe2\x80\x99m 目前正在对这样的故事进行排序：

\n

Introduction\nStyleguide\nAtoms\n  Component\n     README\n     Examples\n  Component\n     README\n     Examples\nMolecules\n  Component\n     README\n     Examples\nOrganisms\n  Component\n     README\n     Examples\n

\n

这让我很接近，但是当我希望首先出现自述文件时，组件故事中的自述文件和示例按字母顺序显示。

\n

这可能吗？

\n

Answer 1

我遇到了类似的问题，在故事书文档中找到此信息后，我可以找到一种按照您的要求进行操作的方法：

对于你的具体情况，我认为你可以这样做：

options: {
    storySort: {
        method: 'alphabetical',
        order: ['Introduction', 'Styleguide', 'Atoms', ['Readme', '*'], 'Molecules', ['Readme', '*'], 'Organisms', ['Readme', '*']],
        locales: 'en-US',
    }
},

, ['Readme', '*']基本上，您只需在您想要使用自定义顺序排序的每个组之后添加即可Readme first。这只是表明故事书首先显示Readme故事，然后显示其余的故事。

这种方法解决了问题，但我认为可以通过编写自己的 StorySort 函数来改进该解决方案，如github 中的评论所示

我希望这个答案对您的情况也有帮助。

问候