{"version":3,"sources":["webpack:///./docs/zh/guide/usejsx.md"],"names":["makeShortcode","name","MDXDefaultShortcode","props","console","warn","Button","Switch","layoutProps","MDXLayout","MDXContent","components","marginTop","isMDXComponent","hot","module"],"mappings":"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","file":"zh/guide/usejsx.md.server-bundle.js","sourcesContent":["\nimport { hot } from 'react-hot-loader'; \nimport '@temp//rhlConfig';\nimport React from 'react';\nimport { mdx } from '@mdx-js/react'; \n\n/* @jsx mdx */\nimport {ShowTime} from '@components/ShowModifiedTime'\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n  return <div {...props}/>\n};\nconst Button = makeShortcode(\"Button\");\nconst Switch = makeShortcode(\"Switch\");\nconst layoutProps = {\n  \n};\nconst MDXLayout = \"wrapper\"\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <h1 {...{\n      \"className\": \"__internal\",\n      \"id\": \"在-markdown-中使用-jsx\"\n    }}>{`在 Markdown 中使用 JSX`}<a parentName=\"h1\" {...{\n        \"href\": \"#%E5%9C%A8-markdown-%E4%B8%AD%E4%BD%BF%E7%94%A8-jsx\",\n        \"aria-hidden\": true,\n        \"className\": \"anchor\"\n      }}>{`#`}</a></h1>\n    <blockquote>\n      <p parentName=\"blockquote\">{`得益于`}<a parentName=\"p\" {...{\n          \"href\": \"https://github.com/mdx-js/mdx\",\n          \"target\": \"_blank\"\n        }}>{`mdx`}</a>{`，你可以在 markdown 中使用 `}<inlineCode parentName=\"p\">{`jsx`}</inlineCode></p>\n    </blockquote>\n    <h2 {...{\n      \"className\": \"__internal\",\n      \"id\": \"例子\"\n    }}>{`例子`}<a parentName=\"h2\" {...{\n        \"href\": \"#%E4%BE%8B%E5%AD%90\",\n        \"aria-hidden\": true,\n        \"className\": \"anchor\"\n      }}>{`#`}</a></h2>\n    <p>{`我们来做一个显示当前文件修改时间的组件。文件结构如下：`}</p>\n    <div {...{\n      \"className\": \"rcpress-highlight\",\n      \"data-language\": \"bash\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-bash\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-bash\"\n        }}>{`├── showTime.md\n├── showTime.js`}</code></pre></div>\n    <p>{`首先在 `}<inlineCode parentName=\"p\">{`showTime.js`}</inlineCode>{` 中引入`}<inlineCode parentName=\"p\">{`moment.js`}</inlineCode>{`, `}<inlineCode parentName=\"p\">{`SiteContext`}</inlineCode>{` 和 `}<inlineCode parentName=\"p\">{`React`}</inlineCode></p>\n    <div {...{\n      \"className\": \"rcpress-highlight\",\n      \"data-language\": \"js\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-js\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-js\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`import`}</span>{` React `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`from`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'react'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`import`}</span>{` moment `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`from`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'moment'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`import`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{` SiteContext `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`from`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'@rcpress/core'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span></code></pre></div>\n    <p>{`接着我们编写我们的`}<inlineCode parentName=\"p\">{`ShowTime`}</inlineCode>{`组件代码并导出`}</p>\n    <div {...{\n      \"className\": \"rcpress-highlight\",\n      \"data-language\": \"js\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-js\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-js\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`export`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`const`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token function-variable function\"\n          }}>{`ShowTime`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=>`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{`\n  `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`return`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span>{`\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`<`}</span>{`SiteContext`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`Consumer`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`>`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span><span parentName=\"code\" {...{\n            \"className\": \"token parameter\"\n          }}>{`context`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=>`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`return`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`<`}</span>{`div className`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span><span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`\"modifiedTime modifiedTimeLeft\"`}</span><span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`>`}</span>{`\n            `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{`\n              context`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`currentLocaleSiteData`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`themeConfig\n                `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`lastUpdated\n            `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span><span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`' '`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{`\n            `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span><span parentName=\"code\" {...{\n            \"className\": \"token function\"\n          }}>{`moment`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span>{`\n              context`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`currentPageInfo`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`fields`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`modifiedTime\n            `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span><span parentName=\"code\" {...{\n            \"className\": \"token function\"\n          }}>{`format`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span><span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'YYYY-MM-DD HH:mm:SS'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`<`}</span><span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`/`}</span>{`div`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`>`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{`\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`<`}</span><span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`/`}</span>{`SiteContext`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`.`}</span>{`Consumer`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`>`}</span>{`\n  `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span></code></pre></div>\n    <blockquote>\n      <p parentName=\"blockquote\">{`注意`}</p>\n      <p parentName=\"blockquote\">{`上面用到的`}<inlineCode parentName=\"p\">{`currentLocaleSiteData`}</inlineCode>{`和`}<inlineCode parentName=\"p\">{`currentPageInfo`}</inlineCode>{`都是在`}<a parentName=\"p\" {...{\n          \"href\": \"/zh/guide/theme\"\n        }}>{`自定义主题`}</a>{`一节中提到过的，属于`}<inlineCode parentName=\"p\">{`SiteContext`}</inlineCode>{`的一部分。`}</p>\n    </blockquote>\n    <p>{`最后，在我们的`}<inlineCode parentName=\"p\">{`showTime.md`}</inlineCode>{`里导入并使用`}</p>\n    <div {...{\n      \"className\": \"rcpress-highlight\",\n      \"data-language\": \"jsx\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-jsx\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-jsx\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`import`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{` ShowTime `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`from`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'./ShowTime'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n\n`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span><span parentName=\"span\" {...{\n                \"className\": \"token class-name\"\n              }}>{`ShowTime`}</span></span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`/>`}</span></span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span></code></pre></div>\n    <p>{`效果如下：`}</p>\n\n    <ShowTime mdxType=\"ShowTime\" />\n    <h2 {...{\n      \"className\": \"__internal\",\n      \"id\": \"使用antd\"\n    }}>{`使用`}<inlineCode parentName=\"h2\">{`antd`}</inlineCode><a parentName=\"h2\" {...{\n        \"href\": \"#%E4%BD%BF%E7%94%A8antd\",\n        \"aria-hidden\": true,\n        \"className\": \"anchor\"\n      }}>{`#`}</a></h2>\n    <div {...{\n      \"className\": \"rcpress-highlight\",\n      \"data-language\": \"jsx\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-jsx\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-jsx\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`import`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`{`}</span>{`Button`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`,`}</span>{`Switch`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`}`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token keyword\"\n          }}>{`from`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'antd'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n\n`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span><span parentName=\"span\" {...{\n                \"className\": \"token class-name\"\n              }}>{`Button`}</span></span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span><span parentName=\"code\" {...{\n            \"className\": \"token plain-text\"\n          }}>{`Button`}</span><span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`</`}</span><span parentName=\"span\" {...{\n                \"className\": \"token class-name\"\n              }}>{`Button`}</span></span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span>{`br`}</span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`/>`}</span></span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span><span parentName=\"span\" {...{\n                \"className\": \"token class-name\"\n              }}>{`Switch`}</span></span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`defaultChecked`}</span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`style`}</span><span parentName=\"span\" {...{\n              \"className\": \"token script language-javascript\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token script-punctuation punctuation\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`{`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`{`}</span>{`marginTop`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`:`}</span><span parentName=\"span\" {...{\n                \"className\": \"token string\"\n              }}>{`'15px'`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`}`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`}`}</span></span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`/>`}</span></span></code></pre></div>\n    <p>{`效果如下：`}</p>\n    <Button mdxType=\"Button\">Button</Button>\n    <br />\n    <Switch defaultChecked style={{\n      marginTop: '15px'\n    }} mdxType=\"Switch\" />\n    </MDXLayout>;\n}\n\n;\nMDXContent.isMDXComponent = true;\n\nMDXContent = hot(module)(MDXContent);\n"],"sourceRoot":""}