{"keys":[{"id":"transformer-remark-markdown-ast-3fa87c31916014dc500d07087407689c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-7be150e92f6e17c1b4d14c7b2dbfd94c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-dcc870a581dc6038cabed0eb55f1d74c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-cc421c60ba94ac2895d1625ec4737ca6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-720398d59ab4264ebf59cf5780df0b65-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-3e7120a7d9a6983404746281042ace56-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-ast-7010446a535bcd9fed86c2ae147b8589-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Accordion\"\ntype: \"config\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":41},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"手风琴","position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":47}}}},{"id":"transformer-remark-markdown-ast-2276858950acaf67dbc0d480a8ce5702-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"ActivityIndicator\"\ntype: \"config\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":49},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"活动指示器","position":{"start":{"line":6,"column":1,"offset":51},"end":{"line":6,"column":6,"offset":56},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":51},"end":{"line":6,"column":6,"offset":56},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":57}}}},{"id":"transformer-remark-markdown-ast-b1ae68ff784ca62a6eac325477b6c219-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Badge\"\ntype: \"config\"\ndescription: \"徽标\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":55},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Badge","position":{"start":{"line":7,"column":1,"offset":57},"end":{"line":7,"column":6,"offset":62},"indent":[]}}],"position":{"start":{"line":7,"column":1,"offset":57},"end":{"line":7,"column":6,"offset":62},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":8,"column":1,"offset":63}}}},{"id":"transformer-remark-markdown-ast-a24e9efe9e8d05238fcd14c201fc301e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Button\"\ntype: \"config\"\ndescription: \"按钮\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":56},"indent":[1,1,1,1]}},{"type":"html","lang":"js","value":"
\n 
{\n  children: [{\n    type: 'Button',\n    bind: 'b1',\n    getInitialState: () => ({\n      text: 'Click me',\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn(...argv) { console.log(1, argv) },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      disabled: true,\n    }),\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      inline: true,\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn({ util }) { util.toast.success('test') },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      loading: true,\n    }),\n  }],\n}\n
\n
","position":{"start":{"line":7,"column":1,"offset":58},"end":{"line":49,"column":4,"offset":779},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":50,"column":1,"offset":780}}}},{"id":"transformer-remark-markdown-ast-82998fa5933e0f2bbfaa30a1d284b842-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Box\"\ntype: \"config\"\ndescription: \"区块\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":53},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Box","position":{"start":{"line":7,"column":1,"offset":55},"end":{"line":7,"column":4,"offset":58},"indent":[]}}],"position":{"start":{"line":7,"column":1,"offset":55},"end":{"line":7,"column":4,"offset":58},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":8,"column":1,"offset":59}}}},{"id":"transformer-remark-markdown-ast-38eea17309e60c3e49451cff7f2aebd3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Card\"\ntype: \"config\"\ndescription: \"卡片\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":54},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Card\n卡片","position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-ast-77a067bf1615e8995fed9459051d3ea1-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Checkbox\"\ntype: \"config\"\ndescription: \"复选框\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-ast-e0669809f67b69a037112e2ecd7372b3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Grid\"\ntype: \"config\"\ndescription: \"九宫格\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":55},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":56}}}},{"id":"transformer-remark-markdown-ast-11d5b0a3787275c714bbe1a07a568a2b-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Image\"\ntype: \"config\"\ndescription: \"图片\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":55},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":56}}}},{"id":"transformer-remark-markdown-ast-4ed7b4ed49117b926e474e645e598d0f-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Icon\"\ntype: \"config\"\ndescription: \"图标\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":54},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":55}}}},{"id":"transformer-remark-markdown-ast-f080b5c16e04e57b395393b83c200e80-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"InputItem\"\ntype: \"config\"\ndescription: \"文本输入\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":61},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"InputItem\n文本输入","position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":79}}}},{"id":"transformer-remark-markdown-ast-a914175b644edb7ce96c03bc763ead70-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"List\"\ntype: \"config\"\ndescription: \"列表\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":54},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"List\n列表","position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-ast-8730d3c41cf2f384a708cd13e2181831-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"ListItem\"\ntype: \"config\"\ndescription: \"列表项\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"ListItem\n列表项","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-ast-edf3f47003b69b4298890b30d53ecece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"NavBar\"\ntype: \"config\"\ndescription: \"导航栏\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":57},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"NavBar\n导航栏","position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":71}}}},{"id":"transformer-remark-markdown-ast-cbe56d96b52c68dc65b15005ff00287c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"NoticeBar\"\ntype: \"config\"\ndescription: \"通告栏\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":60},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":61}}}},{"id":"transformer-remark-markdown-ast-e8c437c72eac4667b1a0953a431afc23-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Pagination\"\ntype: \"config\"\ndescription: \"分页器\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":61},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":62}}}},{"id":"transformer-remark-markdown-ast-a3c996862c7554ad4d2338bbbd705e0d-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Picker\"\ntype: \"config\"\ndescription: \"选择器\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":57},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Picker\n选择器","position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":71}}}},{"id":"transformer-remark-markdown-ast-578f092d05e24fc0396bfe5122671976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Progress\"\ntype: \"config\"\ndescription: \"进度条\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-ast-c45ce1bccb8d96e73df4f08d8cb35e02-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Radio\"\ntype: \"config\"\ndescription: \"单选框\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":56},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Radio\n单选框","position":{"start":{"line":8,"column":1,"offset":59},"end":{"line":9,"column":4,"offset":68},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":59},"end":{"line":9,"column":4,"offset":68},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":69}}}},{"id":"transformer-remark-markdown-ast-d94c0d6b6ecdddfb0169c7d6fbb78164-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Range\"\ntype: \"config\"\ndescription: \"区域选择\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":57},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":58}}}},{"id":"transformer-remark-markdown-ast-925f6a40231f96a8b0c4dabb39220ed6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"SearchBar\"\ntype: \"config\"\ndescription: \"搜索栏\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":60},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":61}}}},{"id":"transformer-remark-markdown-ast-df5f69283306a2fcc2f2465ae948eefc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"SegmentedControl\"\ntype: \"config\"\ndescription: \"分段器\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":67},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":68}}}},{"id":"transformer-remark-markdown-ast-198706a562854485d6513be5e0e78292-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Slider\"\ntype: \"config\"\ndescription: \"滑动输入条\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-ast-3711661d48704ddcb186f5366045f43e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Stepper\"\ntype: \"config\"\ndescription: \"步进器\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":58},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":59}}}},{"id":"transformer-remark-markdown-ast-fc880047d99e27a0b0103ba6d0459976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Steps\"\ntype: \"config\"\ndescription: \"步骤条\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":56},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":57}}}},{"id":"transformer-remark-markdown-ast-1737bc0e9ba77b09f5683ae3987234e7-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Switch\"\ntype: \"config\"\ndescription: \"滑动开关\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":58},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Switch\n滑动开关","position":{"start":{"line":8,"column":1,"offset":61},"end":{"line":9,"column":5,"offset":72},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":61},"end":{"line":9,"column":5,"offset":72},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":73}}}},{"id":"transformer-remark-markdown-ast-dafa168c9a65783592f0f2df0cf7e5c4-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"TabBar\"\ntype: \"config\"\ndescription: \"标签栏\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":57},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":58}}}},{"id":"transformer-remark-markdown-ast-4ae1c611353a4895a069a1bfb093e801-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Tabs\"\ntype: \"config\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":36},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"标签页","position":{"start":{"line":6,"column":1,"offset":38},"end":{"line":6,"column":4,"offset":41},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":38},"end":{"line":6,"column":4,"offset":41},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":42}}}},{"id":"transformer-remark-markdown-ast-cbf75331780cd709a5ec74fc1630e3b2-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Tag\"\ntype: \"config\"\ndescription: \"标签\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":53},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Tag\n标签","position":{"start":{"line":8,"column":1,"offset":56},"end":{"line":9,"column":3,"offset":62},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":56},"end":{"line":9,"column":3,"offset":62},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":63}}}},{"id":"transformer-remark-markdown-ast-60b5341925b2f2288d4f36daf06df788-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"TextareaItem\"\ntype: \"config\"\ndescription: \"多行输入\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":64},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-ast-36f91fe9d7f213dd00019d1329270f16-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"WhiteSpace\"\ntype: \"config\"\ndescription: \"上下留白\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":62},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"WhiteSpace\n上下留白","position":{"start":{"line":7,"column":1,"offset":64},"end":{"line":8,"column":5,"offset":79},"indent":[1]}}],"position":{"start":{"line":7,"column":1,"offset":64},"end":{"line":8,"column":5,"offset":79},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":9,"column":1,"offset":80}}}},{"id":"transformer-remark-markdown-ast-427c1116a8bb38155816b5ee7d06aece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"WingBlank\"\ntype: \"config\"\ndescription: \"两翼留白\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":61},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"WingBlank\n两翼留白","position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":79}}}},{"id":"transformer-remark-markdown-ast-07010671c2a0dca6fb9c96f604630255-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: A Simple Component\norder: 0","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":42},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"React components implement a ","position":{"start":{"line":6,"column":1,"offset":44},"end":{"line":6,"column":30,"offset":73},"indent":[]}},{"type":"html","value":"render()","position":{"start":{"line":6,"column":30,"offset":73},"end":{"line":6,"column":40,"offset":83},"indent":[]}},{"type":"text","value":" method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by ","position":{"start":{"line":6,"column":40,"offset":83},"end":{"line":6,"column":212,"offset":255},"indent":[]}},{"type":"html","value":"render()","position":{"start":{"line":6,"column":212,"offset":255},"end":{"line":6,"column":222,"offset":265},"indent":[]}},{"type":"text","value":" via ","position":{"start":{"line":6,"column":222,"offset":265},"end":{"line":6,"column":227,"offset":270},"indent":[]}},{"type":"html","value":"this.props","position":{"start":{"line":6,"column":227,"offset":270},"end":{"line":6,"column":239,"offset":282},"indent":[]}},{"type":"text","value":".","position":{"start":{"line":6,"column":239,"offset":282},"end":{"line":6,"column":240,"offset":283},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":44},"end":{"line":6,"column":240,"offset":283},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"JSX is optional and not required to use React.","position":{"start":{"line":8,"column":3,"offset":287},"end":{"line":8,"column":49,"offset":333},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":285},"end":{"line":8,"column":51,"offset":335},"indent":[]}},{"type":"text","value":" Try the ","position":{"start":{"line":8,"column":51,"offset":335},"end":{"line":8,"column":60,"offset":344},"indent":[]}},{"type":"link","title":null,"url":"babel://es5-syntax-example","children":[{"type":"text","value":"Babel REPL","position":{"start":{"line":8,"column":61,"offset":345},"end":{"line":8,"column":71,"offset":355},"indent":[]}}],"position":{"start":{"line":8,"column":60,"offset":344},"end":{"line":8,"column":100,"offset":384},"indent":[]}},{"type":"text","value":" to see the raw JavaScript code produced by the JSX compilation step.","position":{"start":{"line":8,"column":100,"offset":384},"end":{"line":8,"column":169,"offset":453},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":285},"end":{"line":8,"column":169,"offset":453},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":9,"column":1,"offset":454}}}},{"id":"transformer-remark-markdown-ast-d3ebce33ff942560c4bb581d4c2c50cf-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: A Component Using External Plugins\norder: 3","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":58},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses ","position":{"start":{"line":6,"column":1,"offset":60},"end":{"line":6,"column":121,"offset":180},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"remarkable","position":{"start":{"line":6,"column":123,"offset":182},"end":{"line":6,"column":133,"offset":192},"indent":[]}}],"position":{"start":{"line":6,"column":121,"offset":180},"end":{"line":6,"column":135,"offset":194},"indent":[]}},{"type":"text","value":", an external Markdown library, to convert the ","position":{"start":{"line":6,"column":135,"offset":194},"end":{"line":6,"column":182,"offset":241},"indent":[]}},{"type":"html","value":"<textarea>","position":{"start":{"line":6,"column":182,"offset":241},"end":{"line":6,"column":194,"offset":253},"indent":[]}},{"type":"text","value":"'s value in real time.","position":{"start":{"line":6,"column":194,"offset":253},"end":{"line":6,"column":216,"offset":275},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":60},"end":{"line":6,"column":216,"offset":275},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":276}}}},{"id":"transformer-remark-markdown-ast-99c68c1786115bb592ba06ecd528e6cc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: A Stateful Component\norder: 1","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":44},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"In addition to taking input data (accessed via ","position":{"start":{"line":6,"column":1,"offset":46},"end":{"line":6,"column":48,"offset":93},"indent":[]}},{"type":"html","value":"this.props","position":{"start":{"line":6,"column":48,"offset":93},"end":{"line":6,"column":60,"offset":105},"indent":[]}},{"type":"text","value":"), a component can maintain internal state data (accessed via ","position":{"start":{"line":6,"column":60,"offset":105},"end":{"line":6,"column":122,"offset":167},"indent":[]}},{"type":"html","value":"this.state","position":{"start":{"line":6,"column":122,"offset":167},"end":{"line":6,"column":134,"offset":179},"indent":[]}},{"type":"text","value":"). When a component's state data changes, the rendered markup will be updated by re-invoking ","position":{"start":{"line":6,"column":134,"offset":179},"end":{"line":6,"column":227,"offset":272},"indent":[]}},{"type":"html","value":"render()","position":{"start":{"line":6,"column":227,"offset":272},"end":{"line":6,"column":237,"offset":282},"indent":[]}},{"type":"text","value":".","position":{"start":{"line":6,"column":237,"offset":282},"end":{"line":6,"column":238,"offset":283},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":46},"end":{"line":6,"column":238,"offset":283},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":284}}}},{"id":"transformer-remark-markdown-html-ast-07010671c2a0dca6fb9c96f604630255-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"React components implement a ","position":{"start":{"line":6,"column":1,"offset":44},"end":{"line":6,"column":30,"offset":73}}},{"type":"raw","value":"render()","position":{"start":{"line":6,"column":30,"offset":73},"end":{"line":6,"column":40,"offset":83}}},{"type":"text","value":" method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by ","position":{"start":{"line":6,"column":40,"offset":83},"end":{"line":6,"column":212,"offset":255}}},{"type":"raw","value":"render()","position":{"start":{"line":6,"column":212,"offset":255},"end":{"line":6,"column":222,"offset":265}}},{"type":"text","value":" via ","position":{"start":{"line":6,"column":222,"offset":265},"end":{"line":6,"column":227,"offset":270}}},{"type":"raw","value":"this.props","position":{"start":{"line":6,"column":227,"offset":270},"end":{"line":6,"column":239,"offset":282}}},{"type":"text","value":".","position":{"start":{"line":6,"column":239,"offset":282},"end":{"line":6,"column":240,"offset":283}}}],"position":{"start":{"line":6,"column":1,"offset":44},"end":{"line":6,"column":240,"offset":283}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"JSX is optional and not required to use React.","position":{"start":{"line":8,"column":3,"offset":287},"end":{"line":8,"column":49,"offset":333}}}],"position":{"start":{"line":8,"column":1,"offset":285},"end":{"line":8,"column":51,"offset":335}}},{"type":"text","value":" Try the ","position":{"start":{"line":8,"column":51,"offset":335},"end":{"line":8,"column":60,"offset":344}}},{"type":"element","tagName":"a","properties":{"href":"babel://es5-syntax-example"},"children":[{"type":"text","value":"Babel REPL","position":{"start":{"line":8,"column":61,"offset":345},"end":{"line":8,"column":71,"offset":355}}}],"position":{"start":{"line":8,"column":60,"offset":344},"end":{"line":8,"column":100,"offset":384}}},{"type":"text","value":" to see the raw JavaScript code produced by the JSX compilation step.","position":{"start":{"line":8,"column":100,"offset":384},"end":{"line":8,"column":169,"offset":453}}}],"position":{"start":{"line":8,"column":1,"offset":285},"end":{"line":8,"column":169,"offset":453}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":9,"column":1,"offset":454}}}},{"id":"transformer-remark-markdown-html-ast-d3ebce33ff942560c4bb581d4c2c50cf-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses ","position":{"start":{"line":6,"column":1,"offset":60},"end":{"line":6,"column":121,"offset":180}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"remarkable","position":{"start":{"line":6,"column":123,"offset":182},"end":{"line":6,"column":133,"offset":192}}}],"position":{"start":{"line":6,"column":121,"offset":180},"end":{"line":6,"column":135,"offset":194}}},{"type":"text","value":", an external Markdown library, to convert the ","position":{"start":{"line":6,"column":135,"offset":194},"end":{"line":6,"column":182,"offset":241}}},{"type":"raw","value":"<textarea>","position":{"start":{"line":6,"column":182,"offset":241},"end":{"line":6,"column":194,"offset":253}}},{"type":"text","value":"'s value in real time.","position":{"start":{"line":6,"column":194,"offset":253},"end":{"line":6,"column":216,"offset":275}}}],"position":{"start":{"line":6,"column":1,"offset":60},"end":{"line":6,"column":216,"offset":275}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":276}}}},{"id":"transformer-remark-markdown-html-ast-99c68c1786115bb592ba06ecd528e6cc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In addition to taking input data (accessed via ","position":{"start":{"line":6,"column":1,"offset":46},"end":{"line":6,"column":48,"offset":93}}},{"type":"raw","value":"this.props","position":{"start":{"line":6,"column":48,"offset":93},"end":{"line":6,"column":60,"offset":105}}},{"type":"text","value":"), a component can maintain internal state data (accessed via ","position":{"start":{"line":6,"column":60,"offset":105},"end":{"line":6,"column":122,"offset":167}}},{"type":"raw","value":"this.state","position":{"start":{"line":6,"column":122,"offset":167},"end":{"line":6,"column":134,"offset":179}}},{"type":"text","value":"). When a component's state data changes, the rendered markup will be updated by re-invoking ","position":{"start":{"line":6,"column":134,"offset":179},"end":{"line":6,"column":227,"offset":272}}},{"type":"raw","value":"render()","position":{"start":{"line":6,"column":227,"offset":272},"end":{"line":6,"column":237,"offset":282}}},{"type":"text","value":".","position":{"start":{"line":6,"column":237,"offset":282},"end":{"line":6,"column":238,"offset":283}}}],"position":{"start":{"line":6,"column":1,"offset":46},"end":{"line":6,"column":238,"offset":283}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":284}}}},{"id":"transformer-remark-markdown-html-07010671c2a0dca6fb9c96f604630255-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

\n

JSX is optional and not required to use React. Try the Babel REPL to see the raw JavaScript code produced by the JSX compilation step.

"},{"id":"transformer-remark-markdown-html-d3ebce33ff942560c4bb581d4c2c50cf-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses remarkable, an external Markdown library, to convert the <textarea>'s value in real time.

"},{"id":"transformer-remark-markdown-html-99c68c1786115bb592ba06ecd528e6cc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

In addition to taking input data (accessed via this.props), a component can maintain internal state data (accessed via this.state). When a component's state data changes, the rendered markup will be updated by re-invoking render().

"},{"id":"transformer-remark-markdown-ast-5076ff81f44d27e0e266e8b9dc2d413e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: An Application\norder: 2","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":38},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Using ","position":{"start":{"line":6,"column":1,"offset":40},"end":{"line":6,"column":7,"offset":46},"indent":[]}},{"type":"html","value":"props","position":{"start":{"line":6,"column":7,"offset":46},"end":{"line":6,"column":14,"offset":53},"indent":[]}},{"type":"text","value":" and ","position":{"start":{"line":6,"column":14,"offset":53},"end":{"line":6,"column":19,"offset":58},"indent":[]}},{"type":"html","value":"state","position":{"start":{"line":6,"column":19,"offset":58},"end":{"line":6,"column":26,"offset":65},"indent":[]}},{"type":"text","value":", we can put together a small Todo application. This example uses ","position":{"start":{"line":6,"column":26,"offset":65},"end":{"line":6,"column":92,"offset":131},"indent":[]}},{"type":"html","value":"state","position":{"start":{"line":6,"column":92,"offset":131},"end":{"line":6,"column":99,"offset":138},"indent":[]}},{"type":"text","value":" to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.","position":{"start":{"line":6,"column":99,"offset":138},"end":{"line":6,"column":298,"offset":337},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":40},"end":{"line":6,"column":298,"offset":337},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":338}}}},{"id":"transformer-remark-markdown-html-ast-7010446a535bcd9fed86c2ae147b8589-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"手风琴","position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46}}}],"position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":47}}}},{"id":"transformer-remark-markdown-html-7010446a535bcd9fed86c2ae147b8589-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

手风琴

"},{"id":"transformer-remark-markdown-html-ast-2276858950acaf67dbc0d480a8ce5702-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"活动指示器","position":{"start":{"line":6,"column":1,"offset":51},"end":{"line":6,"column":6,"offset":56}}}],"position":{"start":{"line":6,"column":1,"offset":51},"end":{"line":6,"column":6,"offset":56}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":57}}}},{"id":"transformer-remark-markdown-html-ast-b1ae68ff784ca62a6eac325477b6c219-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Badge","position":{"start":{"line":7,"column":1,"offset":57},"end":{"line":7,"column":6,"offset":62}}}],"position":{"start":{"line":7,"column":1,"offset":57},"end":{"line":7,"column":6,"offset":62}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":8,"column":1,"offset":63}}}},{"id":"transformer-remark-markdown-html-ast-5076ff81f44d27e0e266e8b9dc2d413e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Using ","position":{"start":{"line":6,"column":1,"offset":40},"end":{"line":6,"column":7,"offset":46}}},{"type":"raw","value":"props","position":{"start":{"line":6,"column":7,"offset":46},"end":{"line":6,"column":14,"offset":53}}},{"type":"text","value":" and ","position":{"start":{"line":6,"column":14,"offset":53},"end":{"line":6,"column":19,"offset":58}}},{"type":"raw","value":"state","position":{"start":{"line":6,"column":19,"offset":58},"end":{"line":6,"column":26,"offset":65}}},{"type":"text","value":", we can put together a small Todo application. This example uses ","position":{"start":{"line":6,"column":26,"offset":65},"end":{"line":6,"column":92,"offset":131}}},{"type":"raw","value":"state","position":{"start":{"line":6,"column":92,"offset":131},"end":{"line":6,"column":99,"offset":138}}},{"type":"text","value":" to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.","position":{"start":{"line":6,"column":99,"offset":138},"end":{"line":6,"column":298,"offset":337}}}],"position":{"start":{"line":6,"column":1,"offset":40},"end":{"line":6,"column":298,"offset":337}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":338}}}},{"id":"transformer-remark-markdown-html-2276858950acaf67dbc0d480a8ce5702-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

活动指示器

"},{"id":"transformer-remark-markdown-html-b1ae68ff784ca62a6eac325477b6c219-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Badge

"},{"id":"transformer-remark-markdown-html-5076ff81f44d27e0e266e8b9dc2d413e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Using props and state, we can put together a small Todo application. This example uses state to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.

"},{"id":"transformer-remark-markdown-html-ast-a24e9efe9e8d05238fcd14c201fc301e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"raw","value":"
\n 
{\n  children: [{\n    type: 'Button',\n    bind: 'b1',\n    getInitialState: () => ({\n      text: 'Click me',\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn(...argv) { console.log(1, argv) },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      disabled: true,\n    }),\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      inline: true,\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn({ util }) { util.toast.success('test') },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      loading: true,\n    }),\n  }],\n}\n
\n
","position":{"start":{"line":7,"column":1,"offset":58},"end":{"line":49,"column":4,"offset":779}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":50,"column":1,"offset":780}}}},{"id":"transformer-remark-markdown-html-a24e9efe9e8d05238fcd14c201fc301e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"
\n 
{\n  children: [{\n    type: 'Button',\n    bind: 'b1',\n    getInitialState: () => ({\n      text: 'Click me',\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn(...argv) { console.log(1, argv) },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      disabled: true,\n    }),\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      inline: true,\n    }),\n    listeners: {\n      onClick: {\n        fns: [{\n          fn({ util }) { util.toast.success('test') },\n        }],\n      },\n    },\n  }, {\n    type: 'Button',\n    getInitialState: () => ({\n      text: 'Click me',\n      loading: true,\n    }),\n  }],\n}\n
\n
"},{"id":"transformer-remark-markdown-html-ast-38eea17309e60c3e49451cff7f2aebd3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Card\n卡片","position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64}}}],"position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-html-ast-82998fa5933e0f2bbfaa30a1d284b842-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Box","position":{"start":{"line":7,"column":1,"offset":55},"end":{"line":7,"column":4,"offset":58}}}],"position":{"start":{"line":7,"column":1,"offset":55},"end":{"line":7,"column":4,"offset":58}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":8,"column":1,"offset":59}}}},{"id":"transformer-remark-markdown-html-ast-77a067bf1615e8995fed9459051d3ea1-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-html-38eea17309e60c3e49451cff7f2aebd3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Card\n卡片

"},{"id":"transformer-remark-markdown-html-82998fa5933e0f2bbfaa30a1d284b842-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Box

"},{"id":"transformer-remark-markdown-html-77a067bf1615e8995fed9459051d3ea1-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-e0669809f67b69a037112e2ecd7372b3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":56}}}},{"id":"transformer-remark-markdown-html-e0669809f67b69a037112e2ecd7372b3-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-4ed7b4ed49117b926e474e645e598d0f-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":55}}}},{"id":"transformer-remark-markdown-html-ast-11d5b0a3787275c714bbe1a07a568a2b-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":56}}}},{"id":"transformer-remark-markdown-html-ast-f080b5c16e04e57b395393b83c200e80-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"InputItem\n文本输入","position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78}}}],"position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":79}}}},{"id":"transformer-remark-markdown-html-4ed7b4ed49117b926e474e645e598d0f-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-11d5b0a3787275c714bbe1a07a568a2b-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-f080b5c16e04e57b395393b83c200e80-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

InputItem\n文本输入

"},{"id":"transformer-remark-markdown-html-ast-a914175b644edb7ce96c03bc763ead70-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"List\n列表","position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64}}}],"position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":9,"column":3,"offset":64}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-html-a914175b644edb7ce96c03bc763ead70-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

List\n列表

"},{"id":"transformer-remark-markdown-html-ast-edf3f47003b69b4298890b30d53ecece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"NavBar\n导航栏","position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70}}}],"position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":71}}}},{"id":"transformer-remark-markdown-html-ast-8730d3c41cf2f384a708cd13e2181831-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"ListItem\n列表项","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-html-ast-cbe56d96b52c68dc65b15005ff00287c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":61}}}},{"id":"transformer-remark-markdown-html-edf3f47003b69b4298890b30d53ecece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

NavBar\n导航栏

"},{"id":"transformer-remark-markdown-html-8730d3c41cf2f384a708cd13e2181831-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

ListItem\n列表项

"},{"id":"transformer-remark-markdown-html-cbe56d96b52c68dc65b15005ff00287c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-e8c437c72eac4667b1a0953a431afc23-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":62}}}},{"id":"transformer-remark-markdown-html-ast-a3c996862c7554ad4d2338bbbd705e0d-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Picker\n选择器","position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70}}}],"position":{"start":{"line":8,"column":1,"offset":60},"end":{"line":9,"column":4,"offset":70}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":71}}}},{"id":"transformer-remark-markdown-html-e8c437c72eac4667b1a0953a431afc23-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-a3c996862c7554ad4d2338bbbd705e0d-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Picker\n选择器

"},{"id":"transformer-remark-markdown-html-ast-578f092d05e24fc0396bfe5122671976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-html-578f092d05e24fc0396bfe5122671976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-c45ce1bccb8d96e73df4f08d8cb35e02-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Radio\n单选框","position":{"start":{"line":8,"column":1,"offset":59},"end":{"line":9,"column":4,"offset":68}}}],"position":{"start":{"line":8,"column":1,"offset":59},"end":{"line":9,"column":4,"offset":68}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":69}}}},{"id":"transformer-remark-markdown-html-c45ce1bccb8d96e73df4f08d8cb35e02-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Radio\n单选框

"},{"id":"transformer-remark-markdown-html-ast-d94c0d6b6ecdddfb0169c7d6fbb78164-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":58}}}},{"id":"transformer-remark-markdown-html-d94c0d6b6ecdddfb0169c7d6fbb78164-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-925f6a40231f96a8b0c4dabb39220ed6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":61}}}},{"id":"transformer-remark-markdown-html-ast-df5f69283306a2fcc2f2465ae948eefc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":68}}}},{"id":"transformer-remark-markdown-html-925f6a40231f96a8b0c4dabb39220ed6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-df5f69283306a2fcc2f2465ae948eefc-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-198706a562854485d6513be5e0e78292-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":60}}}},{"id":"transformer-remark-markdown-html-198706a562854485d6513be5e0e78292-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-3711661d48704ddcb186f5366045f43e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":59}}}},{"id":"transformer-remark-markdown-html-ast-fc880047d99e27a0b0103ba6d0459976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":57}}}},{"id":"transformer-remark-markdown-html-3711661d48704ddcb186f5366045f43e-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-fc880047d99e27a0b0103ba6d0459976-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-1737bc0e9ba77b09f5683ae3987234e7-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Switch\n滑动开关","position":{"start":{"line":8,"column":1,"offset":61},"end":{"line":9,"column":5,"offset":72}}}],"position":{"start":{"line":8,"column":1,"offset":61},"end":{"line":9,"column":5,"offset":72}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":73}}}},{"id":"transformer-remark-markdown-html-ast-dafa168c9a65783592f0f2df0cf7e5c4-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":58}}}},{"id":"transformer-remark-markdown-html-1737bc0e9ba77b09f5683ae3987234e7-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Switch\n滑动开关

"},{"id":"transformer-remark-markdown-html-dafa168c9a65783592f0f2df0cf7e5c4-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-4ae1c611353a4895a069a1bfb093e801-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"标签页","position":{"start":{"line":6,"column":1,"offset":38},"end":{"line":6,"column":4,"offset":41}}}],"position":{"start":{"line":6,"column":1,"offset":38},"end":{"line":6,"column":4,"offset":41}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":42}}}},{"id":"transformer-remark-markdown-html-4ae1c611353a4895a069a1bfb093e801-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

标签页

"},{"id":"transformer-remark-markdown-html-ast-cbf75331780cd709a5ec74fc1630e3b2-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Tag\n标签","position":{"start":{"line":8,"column":1,"offset":56},"end":{"line":9,"column":3,"offset":62}}}],"position":{"start":{"line":8,"column":1,"offset":56},"end":{"line":9,"column":3,"offset":62}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":63}}}},{"id":"transformer-remark-markdown-html-ast-60b5341925b2f2288d4f36daf06df788-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":6,"column":1,"offset":65}}}},{"id":"transformer-remark-markdown-html-cbf75331780cd709a5ec74fc1630e3b2-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Tag\n标签

"},{"id":"transformer-remark-markdown-html-60b5341925b2f2288d4f36daf06df788-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-html-ast-36f91fe9d7f213dd00019d1329270f16-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"WhiteSpace\n上下留白","position":{"start":{"line":7,"column":1,"offset":64},"end":{"line":8,"column":5,"offset":79}}}],"position":{"start":{"line":7,"column":1,"offset":64},"end":{"line":8,"column":5,"offset":79}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":9,"column":1,"offset":80}}}},{"id":"transformer-remark-markdown-html-36f91fe9d7f213dd00019d1329270f16-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

WhiteSpace\n上下留白

"},{"id":"transformer-remark-markdown-html-ast-427c1116a8bb38155816b5ee7d06aece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"WingBlank\n两翼留白","position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78}}}],"position":{"start":{"line":8,"column":1,"offset":64},"end":{"line":9,"column":5,"offset":78}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":79}}}},{"id":"transformer-remark-markdown-html-427c1116a8bb38155816b5ee7d06aece-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

WingBlank\n两翼留白

"},{"id":"transformer-remark-markdown-html-ast-3fa87c31916014dc500d07087407689c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}}}},{"id":"transformer-remark-markdown-html-3fa87c31916014dc500d07087407689c-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""},{"id":"transformer-remark-markdown-ast-cf7a2ff2f1ae51df12d508721f6e8b38-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"TabStatic\"\ntype: \"config\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":4,"column":4,"offset":41},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"标签页","position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":47}}}},{"id":"transformer-remark-markdown-html-ast-cf7a2ff2f1ae51df12d508721f6e8b38-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"标签页","position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46}}}],"position":{"start":{"line":6,"column":1,"offset":43},"end":{"line":6,"column":4,"offset":46}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":7,"column":1,"offset":47}}}},{"id":"transformer-remark-markdown-html-cf7a2ff2f1ae51df12d508721f6e8b38-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

标签页

"},{"id":"transformer-remark-markdown-ast-6ecdadbb6745c16cc6214528537a46cb-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"Carousel\"\ntype: \"config\"\ndescription: \"轮播图\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"Carousel\n轮播图","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-html-ast-6ecdadbb6745c16cc6214528537a46cb-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Carousel\n轮播图","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-html-6ecdadbb6745c16cc6214528537a46cb-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

Carousel\n轮播图

"},{"id":"transformer-remark-markdown-ast-261ad26195e0358805d185c17b511016-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"ListView\"\ntype: \"config\"\ndescription: \"长列表\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"ListView\n长列表","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74},"indent":[1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-html-ast-261ad26195e0358805d185c17b511016-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"ListView\n长列表","position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":8,"column":1,"offset":62},"end":{"line":9,"column":4,"offset":74}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":10,"column":1,"offset":75}}}},{"id":"transformer-remark-markdown-html-261ad26195e0358805d185c17b511016-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":"

ListView\n长列表

"},{"id":"transformer-remark-markdown-ast-7191e2de55d4550503ad1f4f642088d6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[{"type":"yaml","value":"title: \"ListView\"\ntype: \"config\"\ndescription: \"长列表\"","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59},"indent":[1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59}}}},{"id":"transformer-remark-markdown-html-ast-7191e2de55d4550503ad1f4f642088d6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":{"type":"root","children":[],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":5,"column":4,"offset":59}}}},{"id":"transformer-remark-markdown-html-7191e2de55d4550503ad1f4f642088d6-gatsby-remark-imagesgatsby-remark-responsive-iframegatsby-remark-prismjsgatsby-remark-copy-linked-filesgatsby-remark-autolink-headers-","value":""}]}