(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{607:function(n,a,t){"use strict";t.r(a),t.d(a,"default",function(){return x});var s=t(23),e=t.n(s),o=t(24),c=t.n(o),p=t(25),i=t.n(p),l=t(26),r=t.n(l),d=t(32),u=t.n(d),h=t(27),k=t.n(h),m=t(28),g=t.n(m),f=t(580),v=t.n(f),b=t(0),y=t.n(b),j=t(111);function w(n){return y.a.createElement(n.tag,v()({},n.attributes,{dangerouslySetInnerHTML:{__html:n.html}}))}function A(n){return y.a.createElement(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return y.a.createElement(w,{tag:"style",html:n.style})}b.Component;var x=function(n){function a(){return e()(this,a),i()(this,r()(a).apply(this,arguments))}return k()(a,n),c()(a,[{key:"componentDidMount",value:function(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&Object(j.a)(document.documentElement,0,function n(a,t){for(;a;)return a.offsetTop&&"static"!==getComputedStyle(a).position&&(t+=a.offsetTop),n(a.parentNode,t);return t}(a,-9))}}},{key:"render",value:function(){return y.a.createElement("div",{className:"zandoc-react-container",key:null},y.a.createElement(z,{style:""}),y.a.createElement(A,{html:'
组件文档采用 Markdown 格式。
\n不过为了支持示例和国际化,有些东西你需要注意一下。
\n请往下看。
\n文档标题从 h2
(即 ##
标题 )开始,每往下一级多加一个 #
号;一般到 h3
(两级标题) 或h4
(三级标题)即可,不要出现过多的标题层级。
大标题下面是对组件的一句话简要描述。
\n如果组件需要使用指南,放在组件描述下方,另起一个二级标题(h3
)。
代码示例都写在 demos
子目录下,一个文件对应一个示例。
示例最终会被 loader 插入到文档中。
\n---\norder: 1 // `order` 定义示例的顺序,从小到大。\nzh-CN: // 中文字符串定义\n title: 基础用法 // 必填,示例介绍\n content: 公告内容 // `content` 在中文文档中会被替换为 `公告内容`\nen-US: // 英文字符串定义\n title: Basic // 必填,英文介绍\n content: Alert content // `content` 在英文文档中会被替换为 `Alert content`\n---\n\n```jsx\nimport { Alert } from \'zent\';\nReactDOM.render( // ReactDOM.render 是入口,必须这么写\n <Alert>{i18n.content}</Alert> // 要渲染的东西\n , mountNode // `mountNode` 直接用就可以\n);\n```\n\n// precss 语法\n<style>\n .zent-badge {\n .nested {\n background: red;\n }\n }\n<style>
\n每个示例由三部分组成:
\nYAML 配置
\norder
和 title
是必填的JavaScript 代码
\ni18n.varName
替代,并在 YAML 中配置 varName
的值样式(可选)
\n代码演示的几个书写原则:
\n组件的 API 说明,请以表格的形式书写,表格包含以下列:
\n参数 | \n说明 | \n类型 | \n是否必须 | \n默认值 | \n备选值 | \n
---|---|---|---|---|---|
visible | \n是否可见 | \nbool | \n否 | \nfalse | \ntrue \n \n|\n \nfalse | \n