{"componentChunkName":"component---src-templates-components-tsx","path":"/components/button-list","webpackCompilationHash":"1daf920fd56dc476eb98","result":{"data":{"markdownRemark":{"description":{"descriptionHtml":"","apiHtml":"

API#

\n

ButtonList#

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
className额外类名string否----
style额外样式React.CSSProperties否----
list按钮数据array是[]--
size按钮大小string否default--
maxCount最多显示几个按钮number否3--
isLink按钮是否是 linkboolean否false--
more自定义更新操作节点ReactNode否----
moreType更多节点类型string否--text, icon
\n

説明

\n"},"tableOfContents":"","frontmatter":{"title":{"zh_CN":"ButtonList","en_US":"ButtonList"},"order":4,"type":"Basic Components"},"fields":{"path":"/components/button-list/index.en-US.md","slug":"/components/button-list","modifiedTime":1576230292795}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":{"zh_CN":"SendCode","en_US":"SendCode"},"order":1,"subtitle":"发送验证码组件","type":"基础组件"},"fields":{"slug":"/components/send-code-cn","path":"/components/send-code/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"SendCode","en_US":"SendCode"},"order":1,"subtitle":"Send verification code component","type":"Basic Components"},"fields":{"slug":"/components/send-code","path":"/components/send-code/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ScrollableBar","en_US":"ScrollableBar"},"order":1,"subtitle":"滚动条","type":"基础组件"},"fields":{"slug":"/components/scrollable-bar-cn","path":"/components/scrollable-bar/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ScrollableBar","en_US":"ScrollableBar"},"order":1,"subtitle":"ScrollableBar","type":"Basic Components"},"fields":{"slug":"/components/scrollable-bar","path":"/components/scrollable-bar/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"FullScreen","en_US":"FullScreen"},"order":3,"subtitle":"全屏组件","type":"基础组件"},"fields":{"slug":"/components/full-screen-cn","path":"/components/full-screen/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"FullScreen","en_US":"FullScreen"},"order":3,"subtitle":"Full Screen","type":"Basic Components"},"fields":{"slug":"/components/full-screen","path":"/components/full-screen/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"FitText","en_US":"FitText"},"order":2,"subtitle":"适应文本","type":"基础组件"},"fields":{"slug":"/components/fit-text-cn","path":"/components/fit-text/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"FitText","en_US":"FitText"},"order":2,"subtitle":"Adaptive Text","type":"Basic Components"},"fields":{"slug":"/components/fit-text","path":"/components/fit-text/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ErrorBoundary","en_US":"ErrorBoundary"},"order":5,"subtitle":null,"type":"基础组件"},"fields":{"slug":"/components/error-boundary-cn","path":"/components/error-boundary/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ErrorBoundary","en_US":"ErrorBoundary"},"order":5,"subtitle":null,"type":"Basic Components"},"fields":{"slug":"/components/error-boundary","path":"/components/error-boundary/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ButtonList","en_US":"ButtonList"},"order":4,"subtitle":"适应文本","type":"基础组件"},"fields":{"slug":"/components/button-list-cn","path":"/components/button-list/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"ButtonList","en_US":"ButtonList"},"order":4,"subtitle":"Button Group","type":"Basic Components"},"fields":{"slug":"/components/button-list","path":"/components/button-list/index.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"Authorized","en_US":"Authorized"},"order":5,"subtitle":"权限组件","type":"业务组件"},"fields":{"slug":"/components/authorized-cn","path":"/components/authorized/index.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"Authorized","en_US":"Authorized"},"order":5,"subtitle":"Authorized Component","type":"Business Components"},"fields":{"slug":"/components/authorized","path":"/components/authorized/index.en-US.md"}}}]},"demos":{"edges":[{"node":{"content":{"content":{"zh-CN":"\n

设置button大小

\n","en-US":"\n

Set the button size.

\n"},"highlightedCode":"
render(\n  <ButtonList\n    size=\"small\"\n    list={[\n      { text: '新增', type: 'primary', onClick: () => console.log(1) },\n      { text: '修改', type: 'default', onClick: () => console.log(2) },\n      { text: '删除', type: 'dashed', onClick: () => console.log(3) },\n      { text: '全选', type: 'default', onClick: () => console.log(4) }\n    ]}\n  />\n)
"},"code":"\"use strict\";\n\nrender(React.createElement(ButtonList, {\n size: \"small\",\n list: [{\n text: '新增',\n type: 'primary',\n onClick: function onClick() {\n return console.log(1);\n }\n }, {\n text: '修改',\n type: 'default',\n onClick: function onClick() {\n return console.log(2);\n }\n }, {\n text: '删除',\n type: 'dashed',\n onClick: function onClick() {\n return console.log(3);\n }\n }, {\n text: '全选',\n type: 'default',\n onClick: function onClick() {\n return console.log(4);\n }\n }]\n}));","frontmatter":{"title":{"zh_CN":"修改button大小","en_US":"Basic Example"},"cols":null,"order":1,"subtitle":null,"type":null},"fields":{"slug":"/components/button-list/demo/size","path":"/components/button-list/demo/size.md"}}},{"node":{"content":{"content":{"zh-CN":"\n

默认的最大显示数量

\n","en-US":"\n

Default maximum number of displays.

\n"},"highlightedCode":"
render(\n  <ButtonList\n    list={[\n      { text: '新增', type: 'primary', onClick: () => console.log(1) },\n      { text: '修改', type: 'default', onClick: () => console.log(2) },\n      { text: '删除', type: 'dashed', onClick: () => console.log(3) },\n      { text: '全选', type: 'default', onClick: () => console.log(4) }\n    ]}\n  />\n)
"},"code":"\"use strict\";\n\nrender(React.createElement(ButtonList, {\n list: [{\n text: '新增',\n type: 'primary',\n onClick: function onClick() {\n return console.log(1);\n }\n }, {\n text: '修改',\n type: 'default',\n onClick: function onClick() {\n return console.log(2);\n }\n }, {\n text: '删除',\n type: 'dashed',\n onClick: function onClick() {\n return console.log(3);\n }\n }, {\n text: '全选',\n type: 'default',\n onClick: function onClick() {\n return console.log(4);\n }\n }]\n}));","frontmatter":{"title":{"zh_CN":"基础样例","en_US":"Basic Example"},"cols":null,"order":0,"subtitle":null,"type":null},"fields":{"slug":"/components/button-list/demo/simple","path":"/components/button-list/demo/simple.md"}}},{"node":{"content":{"content":{"zh-CN":"\n

提取button type=link 为组件属性。

\n","en-US":"\n

Extract button type=link for component properties.

\n"},"highlightedCode":"
render(\n  <ButtonList\n    isLink={true}\n    size=\"small\"\n    moreType=\"icon\"\n    list={[\n      { text: '新增', type: 'primary', onClick: () => console.log(1) },\n      { text: '修改', type: 'default', onClick: () => console.log(2) },\n      { text: '删除', type: 'danger', onClick: () => console.log(3) },\n      { text: '全选', type: 'default', onClick: () => console.log(4) }\n    ]}\n  />\n)
"},"code":"\"use strict\";\n\nrender(React.createElement(ButtonList, {\n isLink: true,\n size: \"small\",\n moreType: \"icon\",\n list: [{\n text: '新增',\n type: 'primary',\n onClick: function onClick() {\n return console.log(1);\n }\n }, {\n text: '修改',\n type: 'default',\n onClick: function onClick() {\n return console.log(2);\n }\n }, {\n text: '删除',\n type: 'danger',\n onClick: function onClick() {\n return console.log(3);\n }\n }, {\n text: '全选',\n type: 'default',\n onClick: function onClick() {\n return console.log(4);\n }\n }]\n}));","frontmatter":{"title":{"zh_CN":"Link","en_US":"Link"},"cols":null,"order":1,"subtitle":null,"type":null},"fields":{"slug":"/components/button-list/demo/link","path":"/components/button-list/demo/link.md"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/components/button-list","demo":"/button-list/demo/"}}}