@modern-js/module-tools-docs 2.0.2 → 2.2.0-beta.0

package/doc_build/static/js/async/{guide_basic_using-storybook.js → zh_guide_basic_using-storybook.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_basic_using-storybook"],{
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["zh_guide_basic_using-storybook"],{
 
 /***/ "./docs/zh/guide/basic/using-storybook.mdx":
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -16,16 +16,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
 /* harmony import */ var _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.esm.mjs");
 /*@jsxRuntime automatic @jsxImportSource react*/
-/*链接待补充*/
 
 
-var CH = {
+const CH = {
   annotations: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.annotations,
   Spotlight: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.Spotlight,
   CodeSlot: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.CodeSlot,
   Code: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.Code
 };
-var chCodeConfig = {
+const chCodeConfig = {
   "staticMediaQuery": "not screen, (max-width: 768px)",
   "theme": {
     "name": "nord",
@@ -1188,12 +1187,12 @@ var chCodeConfig = {
   "autoImport": true,
   "showCopyButton": true,
   "skipLanguages": [],
-  "filepath": "/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/basic/using-storybook.mdx"
+  "filepath": "/Users/targeral/github/targeral-modern-js/website/module-tools/docs/zh/guide/basic/using-storybook.mdx"
 };
-var frontmatter = {
+const frontmatter = {
   "sidebar_position": 5
 };
-var toc = [{
+const toc = [{
   "id": "调试代码",
   "text": "调试代码",
   "depth": 2
@@ -1209,23 +1208,15 @@ var toc = [{
   "id": "配置-storybook",
   "text": "配置 Storybook",
   "depth": 2
-}, {
-  "id": "配置文件",
-  "text": "配置文件",
-  "depth": 3
-}, {
-  "id": "devstorybook",
-  "text": "dev.storybook",
-  "depth": 3
 }, {
   "id": "构建-storybook-产物",
   "text": "构建 Storybook 产物",
-  "depth": 3
+  "depth": 2
 }];
-var title = "\u4F7F\u7528 Storybook";
-var content = "\"---\\nsidebar_position: 5\\n---\\n\\n# 使用 Storybook\\n\\n首先如果没有看过以下内容的话，可以先花几分钟先了解一下：\\n\\n- [使用微生成器开启 Storybook 调试](/guide/basic/use-micro-generator#storybook-调试)\\n- [`modern dev`](/guide/basic/command-preview#modern-dev)\\n\\n[Storybook](https://storybook.js.org/) 是一个专门用于组件调试的工具，围绕着组件开发提供了：\\n\\n- 丰富多样的调试能力\\n- 可与一些测试工具结合使用\\n- 可重复使用的文档内容\\n- 可分享能力\\n- 工作流程自动化\\n\\n因此它是一个复杂且功能强大的工具。\\n\\n模块工程解决方案集成了 Storybook，因此你几乎可以按照 Storybook 官方文档的内容进行使用。不过依然有一些地方需要注意，接下来讲解一下：\\n\\n## 调试代码\\n\\n在调试代码过程中需要引入组件代码，目前可以通过两种方式引入组件代码：\\n\\n- 引用组件产物\\n- 引用组件源码\\n\\n我们更推荐使用第一种“**引用组件产物**”的方式。因为它几乎接近真实的使用场景，不仅可以对组件功能进行调试，同时也对构建产物的正确性进行了验证。\\n\\n接下来我们分别讲一下这两种方式具体如何使用。\\n\\n### 引用组件产物\\n\\n假如存在 TypeScript 项目 `foo`：\\n\\n<CH.Spotlight>\\n\\n```json package.json\\n{\\n  \\\"name\\\": \\\"foo\\\",\\n  \\\"main\\\": \\\"./dist/index.js\\\",\\n  \\\"types\\\": \\\"./dist/types/index.d.ts\\\"\\n}\\n```\\n\\n---\\n\\n确保 `package.json` 的 `main` 和 `types`\\n的值为真实的路径。\\n\\n```json package.json\\n{\\n  \\\"name\\\": \\\"foo\\\",\\n  \\\"main\\\": \\\"./dist/index.js\\\",\\n  \\\"types\\\": \\\"./dist/types/index.d.ts\\\"\\n}\\n```\\n\\n---\\n\\n`foo` 项目的源码。\\n\\n```typescript src/index.ts\\nexport const content = 'hello world';\\n```\\n\\n---\\n\\n确保在 `stories/tsconfig.json` 中设置了指向项目根目录的 `paths` 配置。\\n`paths` 的 `key` 与项目名称相同。\\n\\n```json stories/tsconfig.json focus=7:9\\n{\\n  \\\"extends\\\": \\\"../tsconfig.json\\\",\\n  \\\"include\\\": [\\\"./\\\"],\\n  \\\"compilerOptions\\\": {\\n    \\\"jsx\\\": \\\"preserve\\\",\\n    \\\"baseUrl\\\": \\\".\\\",\\n    \\\"paths\\\": {\\n      \\\"foo\\\": [\\\"../\\\"]\\n    }\\n  }\\n}\\n```\\n\\n---\\n\\n最后在 Story 代码中直接以项目名称的方式引用。\\n\\n```tsx stories/index.stories.tsx focus=1:1\\nimport { content } from 'foo';\\n\\nconst Component = () => <div>this is a Story Component {content}</div>;\\n\\nexport const YourStory = () => <Component />;\\n\\nexport default {\\n  title: 'Your Stories',\\n};\\n```\\n\\n</CH.Spotlight>\\n\\n如果在开发过程中，遇到无法实时获得类型定义的情况，此时：\\n\\n对于 `pnpm` 的项目，可以按照下面的内容对 `package.json` 进行修改：\\n\\n```ts focus=4:7\\n{\\n    \\\"name\\\": \\\"foo\\\",\\n    \\\"main\\\": \\\"./dist/index.js\\\",\\n    \\\"types\\\": \\\"./src/index.ts\\\",\\n    \\\"publishConfig\\\": {\\n      \\\"types\\\": \\\"./dist/index.d.ts\\\",\\n    }\\n}\\n```\\n\\n> 关于 pnpm 的 `publishConfig` 的使用，可以阅读下面这个[链接](https://pnpm.io/package_json#publishconfig)。\\n\\n而对于 npm 和 Yarn 的项目，则只能通过手动的方式在**开发阶段**和**发布阶段**对 `package.json` 的 `types` 的值进行修改。\\n\\n那么为什么可以直接引用产物呢？\\n\\n1. 在执行 `modern dev storybook` 命令之前，会自动执行 `modern build` 命令，保证项目构建产物的存在。\\n2. 在 Storybook 内部增加了以项目名称作为别名的处理，保证能够**根据 `package.json` 解析出项目的产物路径**。\\n\\n### 引用组件源码\\n\\n引用组件的源码可以通过相对路径的方式：\\n\\n```ts ./stories/index.tsx\\nimport { content } from '../src';\\n\\nconst Component = () => <div>this is a Story Component {content}</div>;\\n\\nexport const YourStory = () => <Component />;\\n\\nexport default {\\n  title: 'Your Stories',\\n};\\n```\\n\\n那么为什么不推荐使用源码的方式呢？\\n\\n不仅仅是因为使用组件源码无法验证组件产物是否正确，**同时模块工程对于构建产物支持的一些配置无法完全转换为 Storybook\\n内部的配置**。如果某些配置无法进行相互转换的话，就会在 Storybook 调试过程中出现不符合预期的结果。\\n\\n## 配置 Storybook\\n\\n### 配置文件\\n\\nStorybook 官方通过一个名为 `.storybook` 的文件夹来进行项目配置，其中包含各种配置文件。**在模块工程方案中，可以在项目的 `config/storybook` 目录下增加 Storybook 配置文件。**\\n\\n关于 Storybook 各种配置文件的使用方式，可以查看下面的链接：\\n\\n- [Configure Storybook](https://storybook.js.org/docs/react/configure/overview)\\n\\n**不过在模块项目里进行 Storybook 存在一些限制**：\\n\\n- 目前不能修改 Story 文件存放的位置，即无法在 `main.js` 文件里修改 `stories` 配置。\\n- 目前不能修改 Webpack 和 Babel 相关的配置，即无法在 `main.js` 文件里修改 `webpackFinal` 和 `babel` 配置。\\n\\n在未来我们会考虑这些配置是否可以允许修改，不过目前为了减少不可预知的问题暂时限制使用这些配置。\\n\\n### `dev.storybook`\\n\\n除了配置文件以外，模块工程方案还在 `modern.config.(j|t)s` 项目配置文件里提供了 `dev.storybook` 配置项。\\n\\n目前可以通过该配置对 Storybook 的 webpack 配置进行修改。\\n\\n{/* 链接待补充 */}\\n\\n- `dev.storybook.webpack`\\n\\n### 构建 Storybook 产物\\n\\n除了可以对组件或者普通的模块进行 Storybook 调试，还可以通过下面的命令来执行 Storybook 的构建任务。\\n\\n```bash\\nmodern build --platform storybook\\n```\\n\\n关于 `modern build --platform` 命令可以查看：\\n\\n- [`modern build`](/guide/basic/command-preview#modern-build)\\n\\n构建完成后，可以在 `dist/storybook-static` 目录看到构建产物文件。\\n\"";
+const title = `使用 Storybook`;
+const content = "\"---\\nsidebar_position: 5\\n---\\n\\n# 使用 Storybook\\n\\n首先如果没有看过以下内容的话，可以先花几分钟先了解一下：\\n\\n- [使用微生成器开启 Storybook 调试](/guide/basic/use-micro-generator#storybook-调试)\\n- [`modern dev`](/guide/basic/command-preview#modern-dev)\\n\\n[Storybook](https://storybook.js.org/) 是一个专门用于组件调试的工具，围绕着组件开发提供了：\\n\\n- 丰富多样的调试能力\\n- 可与一些测试工具结合使用\\n- 可重复使用的文档内容\\n- 可分享能力\\n- 工作流程自动化\\n\\n因此它是一个复杂且功能强大的工具。\\n\\n模块工程解决方案集成了 Storybook ,因此你几乎可以按照 Storybook 官方文档的内容进行使用。不过依然有一些地方需要注意，接下来讲解一下：\\n\\n## 调试代码\\n\\n在调试代码过程中需要引入组件代码，目前可以通过两种方式引入组件代码：\\n\\n- 引用组件产物\\n- 引用组件源码\\n\\n我们更推荐使用第一种“**引用组件产物**”的方式。因为它几乎接近真实的使用场景，不仅可以对组件功能进行调试，同时也对构建产物的正确性进行了验证。\\n\\n接下来我们分别讲一下这两种方式具体如何使用。\\n\\n### 引用组件产物\\n\\n假如存在 TypeScript 项目 `foo`：\\n\\n<CH.Spotlight>\\n\\n```json package.json\\n{\\n  \\\"name\\\": \\\"foo\\\",\\n  \\\"main\\\": \\\"./dist/index.js\\\",\\n  \\\"types\\\": \\\"./dist/types/index.d.ts\\\"\\n}\\n```\\n\\n---\\n\\n确保 `package.json` 的 `main` 和 `types`\\n的值为真实的路径。\\n\\n```json package.json\\n{\\n  \\\"name\\\": \\\"foo\\\",\\n  \\\"main\\\": \\\"./dist/index.js\\\",\\n  \\\"types\\\": \\\"./dist/types/index.d.ts\\\"\\n}\\n```\\n\\n---\\n\\n`foo` 项目的源码。\\n\\n```typescript src/index.ts\\nexport const content = 'hello world';\\n```\\n\\n---\\n\\n确保在 `stories/tsconfig.json` 中设置了指向项目根目录的 `paths` 配置。\\n`paths` 的 `key` 与项目名称相同。\\n\\n```json stories/tsconfig.json focus=5:7\\n{\\n  \\\"extends\\\": \\\"../tsconfig.json\\\",\\n  \\\"compilerOptions\\\": {\\n    \\\"baseUrl\\\": \\\"../\\\",\\n    \\\"paths\\\": {\\n      \\\"foo\\\": [\\\".\\\"]\\n    }\\n  },\\n  \\\"include\\\": [\\n    \\\"**/*\\\"\\n  ]\\n}\\n```\\n\\n---\\n\\n最后在 Story 代码中直接以项目名称的方式引用。\\n\\n```tsx stories/index.stories.tsx focus=1:1\\nimport { content } from 'foo';\\n\\nconst Component = () => <div>this is a Story Component {content}</div>;\\n\\nexport const YourStory = () => <Component />;\\n\\nexport default {\\n  title: 'Your Stories',\\n};\\n```\\n\\n</CH.Spotlight>\\n\\n如果在开发过程中，遇到无法实时获得类型定义的情况，此时：\\n\\n对于 `pnpm` 的项目，可以按照下面的内容对 `package.json` 进行修改：\\n\\n```ts focus=4:7\\n{\\n    \\\"name\\\": \\\"foo\\\",\\n    \\\"main\\\": \\\"./dist/index.js\\\",\\n    \\\"types\\\": \\\"./src/index.ts\\\",\\n    \\\"publishConfig\\\": {\\n      \\\"types\\\": \\\"./dist/index.d.ts\\\",\\n    }\\n}\\n```\\n\\n> 关于 pnpm 的 `publishConfig` 的使用，可以阅读下面这个[链接](https://pnpm.io/package_json#publishconfig)。\\n\\n而对于 npm 和 Yarn 的项目，则只能通过手动的方式在**开发阶段**和**发布阶段**对 `package.json` 的 `types` 的值进行修改。\\n\\n那么为什么可以直接引用产物呢？\\n\\n1. 在执行 `modern dev storybook` 命令之前，会自动执行 `modern build` 命令，保证项目构建产物的存在。\\n2. 在 Storybook 内部增加了以项目名称作为别名的处理，保证能够**根据 `package.json` 解析出项目的产物路径**。\\n\\n### 引用组件源码\\n\\n引用组件的源码可以通过相对路径的方式：\\n\\n```ts ./stories/index.tsx\\nimport { content } from '../src';\\n\\nconst Component = () => <div>this is a Story Component {content}</div>;\\n\\nexport const YourStory = () => <Component />;\\n\\nexport default {\\n  title: 'Your Stories',\\n};\\n```\\n\\n那么为什么不推荐使用源码的方式呢？\\n\\n不仅仅是因为使用组件源码无法验证组件产物是否正确，**同时模块工程对于构建产物支持的一些配置无法完全转换为 Storybook\\n内部的配置**。如果某些配置无法进行相互转换的话，就会在 Storybook 调试过程中出现不符合预期的结果。\\n\\n## 配置 Storybook\\n\\nStorybook 官方通过一个名为 `.storybook` 的文件夹来进行项目配置，其中包含各种配置文件。**在模块工程方案中，可以在项目的 `config/storybook` 目录下增加 Storybook 配置文件。**\\n\\n关于 Storybook 各种配置文件的使用方式，可以查看下面的链接：\\n\\n- [Configure Storybook](https://storybook.js.org/docs/react/configure/overview)\\n\\n**不过在模块项目里进行 Storybook 存在一些限制**：\\n\\n- 目前不能修改 Story 文件存放的位置，即无法在 `main.js` 文件里修改 `stories` 配置。\\n- 目前不能修改 Webpack 和 Babel 相关的配置，即无法在 `main.js` 文件里修改 `webpackFinal` 和 `babel` 配置。\\n\\n在未来我们会考虑这些配置是否可以允许修改，不过目前为了减少不可预知的问题暂时限制使用这些配置。\\n\\n\\n## 构建 Storybook 产物\\n\\n除了可以对组件或者普通的模块进行 Storybook 调试，还可以通过下面的命令来执行 Storybook 的构建任务。\\n\\n```bash\\nmodern build --platform storybook\\n```\\n\\n关于 `modern build --platform` 命令可以查看：\\n\\n- [`modern build`](/guide/basic/command-preview#modern-build)\\n\\n构建完成后，可以在 `dist/storybook-static` 目录看到构建产物文件。\\n\"";
 function _createMdxContent(props) {
-  var _components = Object.assign({
+  const _components = Object.assign({
     h1: "h1",
     a: "a",
     p: "p",
@@ -1238,10 +1229,10 @@ function _createMdxContent(props) {
     blockquote: "blockquote",
     ol: "ol"
   }, props.components);
-  if (!CH) _missingMdxReference("CH", false, "39:1-105:16");
-  if (!CH.Code) _missingMdxReference("CH.Code", true, "111:1-120:4");
+  if (!CH) _missingMdxReference("CH", false, "39:1-106:16");
+  if (!CH.Code) _missingMdxReference("CH.Code", true, "112:1-121:4");
   if (!CH.CodeSlot) _missingMdxReference("CH.CodeSlot", true);
-  if (!CH.Spotlight) _missingMdxReference("CH.Spotlight", true, "39:1-105:16");
+  if (!CH.Spotlight) _missingMdxReference("CH.Spotlight", true, "39:1-106:16");
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
       id: "使用-storybook",
@@ -1256,12 +1247,12 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/basic/use-micro-generator#storybook-%E8%B0%83%E8%AF%95.html",
+          href: "/module-tools/guide/basic/use-micro-generator.html#storybook-%E8%B0%83%E8%AF%95",
           children: "使用微生成器开启 Storybook 调试"
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/basic/command-preview#modern-dev.html",
+          href: "/module-tools/guide/basic/command-preview.html#modern-dev",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "modern dev"
           })
@@ -1270,6 +1261,8 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
         href: "https://storybook.js.org/",
+        target: "_blank",
+        rel: "nofollow",
         children: "Storybook"
       }), " 是一个专门用于组件调试的工具，围绕着组件开发提供了："]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
@@ -1287,7 +1280,7 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
       children: "因此它是一个复杂且功能强大的工具。"
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-      children: "模块工程解决方案集成了 Storybook，因此你几乎可以按照 Storybook 官方文档的内容进行使用。不过依然有一些地方需要注意，接下来讲解一下："
+      children: "模块工程解决方案集成了 Storybook ,因此你几乎可以按照 Storybook 官方文档的内容进行使用。不过依然有一些地方需要注意，接下来讲解一下："
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
       id: "调试代码",
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
@@ -2389,7 +2382,7 @@ function _createMdxContent(props) {
           "annotations": []
         }, {
           "name": "stories/tsconfig.json",
-          "focus": "7:9",
+          "focus": "5:7",
           "code": {
             "lines": [{
               "tokens": [{
@@ -2488,7 +2481,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "include",
+                "content": "compilerOptions",
                 "props": {
                   "style": {
                     "color": "#8FBCBB"
@@ -2516,12 +2509,21 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "[",
+                "content": "{",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
                   }
                 }
+              }]
+            }, {
+              "tokens": [{
+                "content": "    ",
+                "props": {
+                  "style": {
+                    "color": "#D8DEE9FF"
+                  }
+                }
               }, {
                 "content": "\"",
                 "props": {
@@ -2530,10 +2532,10 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "./",
+                "content": "baseUrl",
                 "props": {
                   "style": {
-                    "color": "#A3BE8C"
+                    "color": "#8FBCBB"
                   }
                 }
               }, {
@@ -2544,16 +2546,14 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "],",
+                "content": ":",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
                   }
                 }
-              }]
-            }, {
-              "tokens": [{
-                "content": "  ",
+              }, {
+                "content": " ",
                 "props": {
                   "style": {
                     "color": "#D8DEE9FF"
@@ -2567,10 +2567,10 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "compilerOptions",
+                "content": "../",
                 "props": {
                   "style": {
-                    "color": "#8FBCBB"
+                    "color": "#A3BE8C"
                   }
                 }
               }, {
@@ -2581,21 +2581,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": ":",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": " ",
-                "props": {
-                  "style": {
-                    "color": "#D8DEE9FF"
-                  }
-                }
-              }, {
-                "content": "{",
+                "content": ",",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -2618,7 +2604,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "jsx",
+                "content": "paths",
                 "props": {
                   "style": {
                     "color": "#8FBCBB"
@@ -2646,28 +2632,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "\"",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": "preserve",
-                "props": {
-                  "style": {
-                    "color": "#A3BE8C"
-                  }
-                }
-              }, {
-                "content": "\"",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": ",",
+                "content": "{",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -2676,7 +2641,7 @@ function _createMdxContent(props) {
               }]
             }, {
               "tokens": [{
-                "content": "    ",
+                "content": "      ",
                 "props": {
                   "style": {
                     "color": "#D8DEE9FF"
@@ -2690,7 +2655,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "baseUrl",
+                "content": "foo",
                 "props": {
                   "style": {
                     "color": "#8FBCBB"
@@ -2717,6 +2682,13 @@ function _createMdxContent(props) {
                     "color": "#D8DEE9FF"
                   }
                 }
+              }, {
+                "content": "[",
+                "props": {
+                  "style": {
+                    "color": "#ECEFF4"
+                  }
+                }
               }, {
                 "content": "\"",
                 "props": {
@@ -2739,7 +2711,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": ",",
+                "content": "]",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -2755,42 +2727,23 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "\"",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": "paths",
-                "props": {
-                  "style": {
-                    "color": "#8FBCBB"
-                  }
-                }
-              }, {
-                "content": "\"",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": ":",
+                "content": "}",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
                   }
                 }
-              }, {
-                "content": " ",
+              }]
+            }, {
+              "tokens": [{
+                "content": "  ",
                 "props": {
                   "style": {
                     "color": "#D8DEE9FF"
                   }
                 }
               }, {
-                "content": "{",
+                "content": "},",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -2799,7 +2752,7 @@ function _createMdxContent(props) {
               }]
             }, {
               "tokens": [{
-                "content": "      ",
+                "content": "  ",
                 "props": {
                   "style": {
                     "color": "#D8DEE9FF"
@@ -2813,7 +2766,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "foo",
+                "content": "include",
                 "props": {
                   "style": {
                     "color": "#8FBCBB"
@@ -2847,18 +2800,13 @@ function _createMdxContent(props) {
                     "color": "#ECEFF4"
                   }
                 }
-              }, {
-                "content": "\"",
-                "props": {
-                  "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }, {
-                "content": "../",
+              }]
+            }, {
+              "tokens": [{
+                "content": "    ",
                 "props": {
                   "style": {
-                    "color": "#A3BE8C"
+                    "color": "#D8DEE9FF"
                   }
                 }
               }, {
@@ -2869,23 +2817,14 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "]",
+                "content": "**/*",
                 "props": {
                   "style": {
-                    "color": "#ECEFF4"
-                  }
-                }
-              }]
-            }, {
-              "tokens": [{
-                "content": "    ",
-                "props": {
-                  "style": {
-                    "color": "#D8DEE9FF"
+                    "color": "#A3BE8C"
                   }
                 }
               }, {
-                "content": "}",
+                "content": "\"",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -2901,7 +2840,7 @@ function _createMdxContent(props) {
                   }
                 }
               }, {
-                "content": "}",
+                "content": "]",
                 "props": {
                   "style": {
                     "color": "#ECEFF4"
@@ -4023,6 +3962,8 @@ function _createMdxContent(props) {
           children: "publishConfig"
         }), " 的使用，可以阅读下面这个", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
           href: "https://pnpm.io/package_json#publishconfig",
+          target: "_blank",
+          rel: "nofollow",
           children: "链接"
         }), "。"]
       }), "\n"]
@@ -4614,14 +4555,6 @@ function _createMdxContent(props) {
         href: "#配置-storybook",
         children: "#"
       }), "配置 Storybook"]
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
-      id: "配置文件",
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        className: "header-anchor",
-        "aria-hidden": "true",
-        href: "#配置文件",
-        children: "#"
-      }), "配置文件"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: ["Storybook 官方通过一个名为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
         children: ".storybook"
@@ -4636,6 +4569,8 @@ function _createMdxContent(props) {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
           href: "https://storybook.js.org/docs/react/configure/overview",
+          target: "_blank",
+          rel: "nofollow",
           children: "Configure Storybook"
         })
       }), "\n"]
@@ -4661,31 +4596,7 @@ function _createMdxContent(props) {
       }), "\n"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
       children: "在未来我们会考虑这些配置是否可以允许修改，不过目前为了减少不可预知的问题暂时限制使用这些配置。"
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
-      id: "devstorybook",
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        className: "header-anchor",
-        "aria-hidden": "true",
-        href: "#devstorybook",
-        children: "#"
-      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "dev.storybook"
-      })]
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
-      children: ["除了配置文件以外，模块工程方案还在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "modern.config.(j|t)s"
-      }), " 项目配置文件里提供了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "dev.storybook"
-      }), " 配置项。"]
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-      children: "目前可以通过该配置对 Storybook 的 webpack 配置进行修改。"
-    }), "\n", "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
-      children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
-        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-          children: "dev.storybook.webpack"
-        })
-      }), "\n"]
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
       id: "构建-storybook-产物",
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
         className: "header-anchor",
@@ -4727,7 +4638,7 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/basic/command-preview#modern-build.html",
+          href: "/module-tools/guide/basic/command-preview.html#modern-build",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "modern build"
           })
@@ -4740,23 +4651,19 @@ function _createMdxContent(props) {
     })]
   });
 }
-function MDXContent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _ref = props.components || {},
-    MDXLayout = _ref.wrapper;
+function MDXContent(props = {}) {
+  const {wrapper: MDXLayout} = props.components || ({});
   return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
     children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
   })) : _createMdxContent(props);
 }
-_c = MDXContent;
 /* harmony default export */ __webpack_exports__["default"] = (MDXContent);
 function _missingMdxReference(id, component, place) {
-  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/basic/using-storybook.mdx`" : ""));
+  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/targeral/github/targeral-modern-js/website/module-tools/docs/zh/guide/basic/using-storybook.mdx`" : ""));
 }
-var _c;
-__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
 
 /***/ })
 
 }]);
-//# sourceMappingURL=guide_basic_using-storybook.js.map
+//# sourceMappingURL=zh_guide_basic_using-storybook.js.map

package/doc_build/static/js/async/{guide_basic_using-storybook.js.map → zh_guide_basic_using-storybook.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/async/guide_basic_using-storybook.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;;;;AAEA;;;;;;;;;;;;;AAGA;AAAA;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAEA;;AAEA;;;;;;;;AAEA;;AAEA;;;AAEA;;AACA;;;AAEA;AAAA;AAAA;;AAEA;;;;;;;;AAEA;;AAEA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAAA;;AAAA;;AAAA;;;;;;AAaA;;;;AAQA;;AAAA;;AAAA;;AACA;;AAAA;;;;AAkBA;;;;AAgBA;;AAEA;;AAAA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;AAAA;;AAAA;AAAA;;;AAEA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAEA;;;AAEA;;AAAA;;AAAA;;AACA;AAAA;;AAAA;AAAA;;;;;;;;;AAEA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEA;AAAA;AACA;;;;;;;;AAEA;;;;;;;;AAEA;;AAEA;;AAAA;AAAA;;AAAA;;;AAEA;;;;;AAEA;;;;;AAEA;AAAA;;;AAEA;;AAAA;;AAAA;;AACA;;AAAA;;AAAA;;AAAA;;;AAEA;;;;;;;;;;;;AAIA;;AAAA;;AAAA;;AAEA;;;;;;;;;;;;;;AAMA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;AAAA;;;;;;;;;;;AAIA;;AAAA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/guide/basic/using-storybook.mdx"],"names":[],"sourceRoot":""}
+{"version":3,"file":"static/js/async/zh_guide_basic_using-storybook.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;;;;AAEA;;;;;;;;;;;;;;;AAGA;AAAA;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAEA;;AAEA;;;;;;;;AAEA;;AAEA;;;AAEA;;AACA;;;AAEA;AAAA;AAAA;;AAEA;;;;;;;;AAEA;;AAEA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAAA;;AAAA;;AAAA;;;;;;AAaA;;;;AAQA;;AAAA;;AAAA;;AACA;;AAAA;;;;AAmBA;;;;AAgBA;;AAEA;;AAAA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;AAAA;;;;AAAA;AAAA;;;AAEA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAEA;;;AAEA;;AAAA;;AAAA;;AACA;AAAA;;AAAA;AAAA;;;;;;;;;AAEA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEA;AAAA;AACA;;;;;;;;AAEA;;AAEA;;AAAA;AAAA;;AAAA;;;AAEA;;;;;;;AAEA;;;;;AAEA;AAAA;;;AAEA;;AAAA;;AAAA;;AACA;;AAAA;;AAAA;;AAAA;;;AAEA;;;;;;;;AAGA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;AAAA;;;;;;;;;;;AAIA;;AAAA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/guide/basic/using-storybook.mdx"],"names":[],"sourceRoot":""}