content: webpackJsonp([0],{"+NhK":function(e,t,n){"use strict";n.d(t,"a",function(){return m});var a,o,l=n("Jmof"),s=n.n(l),r=n("KSGD"),i=n.n(r),c=n("2D77"),m=(o=a=class extends l.PureComponent{render(){if(Object(c.a)(this.props.children)){var e={};return this.props.children&&(e.dangerouslySetInnerHTML={__html:this.props.children.toString()}),s.a.createElement("td",e)}return s.a.createElement("td",null,this.props.children)}},a.defaultProps={children:null},a.propTypes={children:i.a.oneOfType([i.a.string,i.a.instanceOf(Object)])},o)},"/32s":function(e,t,n){"use strict";n.d(t,"a",function(){return v});var a,o,l,s=n("Jmof"),r=n.n(s),i=n("HW6M"),c=n.n(i),m=n("Ngpj"),u=n.n(m),p=n("E1T+"),d=n("TVYl"),h=n("zvdz"),y=n("x6SW"),g=n("Ts4/"),f=n.n(g),b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},v=(o=a=class extends s.PureComponent{constructor(e){super(e),l.call(this),this.state={currentHoverRow:-1,fixedColumnsHeadRowsHeight:[],fixedColumnsBodyRowsHeight:{}},this.hasFixed=this.hasFixColumn(e)}componentDidMount(){this.handleWindowResize(),this.bodyTable.addEventListener("scroll",this.handleScroll.bind(this))}componentDidUpdate(){this.handleWindowResize()}componentWillUnmount(){this.bodyTable.removeEventListener("scroll",this.handleScroll.bind(this))}handleScroll(){var e=this.bodyTable.scrollLeft,t=this.bodyTable.scrollWidth-this.tablescroll.scrollWidth;this.setState({scrollPositionLeft:e,scrollPositionRight:t})}handleRowHover(e,t){t?(this.rowHoverTimer&&(clearTimeout(this.rowHoverTimer),this.rowHoverTimer=null),this.setState({currentHoverRow:e})):this.rowHoverTimer=setTimeout(()=>{this.setState({currentHoverRow:-1})},100)}renderMainTable(e,t,n){var a={},o=n.columns,l=n.height,s={width:this.hasFixed?`${200*o.length}px`:"auto"};this.hasFixed&&(this.hasFixed.hasRight||this.hasFixed.hasLeft)&&!l&&(a={overflowX:"scroll"}),l&&!this.hasFixed&&(a={overflowY:"scroll",maxHeight:`${l}px`}),this.hasFixed&&l&&(a={overflow:"scroll",maxHeight:`${l}px`});var i=Object(p.a)(),m=l&&i>0?{marginBottom:`-${i}px`,paddingBottom:"0"}:null,u=c()({[f.a["table-fixed"]]:!!this.hasFixed}),d=l?r.a.createElement("div",{className:f.a["table-header"],ref:e=>{this.headTable=e},style:m},r.a.createElement("table",{className:u,style:s},this.renderColgroup(e,"scroll"),this.renderThead(t,"scroll"))):null,h=c()({[f.a.table]:!l,[f.a["table-fixed"]]:l}),y=r.a.createElement("div",{className:f.a["table-body"],style:a,ref:e=>{this.bodyTable=e},onScroll:this.handleBodyScroll},r.a.createElement("table",{className:h,style:s,ref:e=>{this.tablebox=e},onScroll:this.handleBodyScroll},this.renderColgroup(e,"scroll"),l?null:this.renderThead(t,"scroll"),this.renderTbody(n,"scroll")));return r.a.createElement("div",{className:f.a["table-scroll"],ref:e=>{this.tablescroll=e},onScroll:this.handleBodyScroll},d,y)}render(){var e=this.props,t=this.state,n=e.dataSource,a=e.columns,o=e.height,l=e.width,s=e.emptyText,i=e.rowSelection,m={fixedColumnsHeadRowsHeight:t.fixedColumnsHeadRowsHeight,columns:a,dataSource:n,height:o,width:l,selectedRowKeys:i?i.selectedRowKeys:null,onSelectChange:i?i.onSelectChange:null,selections:i?i.selections:null,key:"thead"},u={fixedColumnsBodyRowsHeight:t.fixedColumnsBodyRowsHeight,columns:a,height:o,dataSource:n,currentHoverRow:t.currentHoverRow,emptyText:s,selectedRowKeys:i?i.selectedRowKeys:null,onSelectChange:i?i.onSelectChange:null,root:this,key:"tbody"},p={columns:a,height:o,rowSelection:i,key:"colgroup"},d=t.scrollPositionLeft,h=t.scrollPositionRight,y=c()({[f.a.table]:!0,[f.a["table-fixed-header"]]:o,[f.a["table-scroll-position-left"]]:!(d&&0!==d),[f.a["table-scroll-position-middle"]]:!!(d&&h&&d>1&&d!==h),[f.a["table-scroll-position-right"]]:!(!d||!h||d!==h)});return r.a.createElement("div",{className:y,ref:e=>{this.tableNode=e}},r.a.createElement("div",{className:f.a["table-content"]},this.renderMainTable(p,m,u),n.length?this.renderFixedTable(p,m,u,"left"):null,n.length?this.renderFixedTable(p,m,u,"right"):null))}},l=function(){this.handleWindowResize=(()=>{this.syncFixedTableRowHeight()}),this.syncFixedTableRowHeight=(()=>{var e=this.tableNode.getBoundingClientRect();if(!(void 0!==e.height&&e.height<=0)){var t=this.tablebox.querySelectorAll("thead"),n=[].map.call(t,e=>e.getBoundingClientRect().height||"auto"),a=this.tablebox.querySelectorAll("tr[data-row-key]")||[],o=[].reduce.call(a,(e,t)=>{var n=t.getAttribute("data-row-key"),a=t.getBoundingClientRect().height||"auto";return e[n]=a,e},{});u()(this.state.fixedColumnsHeadRowsHeight,n)&&u()(this.state.fixedColumnsBodyRowsHeight,o)||this.setState({fixedColumnsHeadRowsHeight:n,fixedColumnsBodyRowsHeight:o})}}),this.hasFixColumn=(e=>{var t=!1,n=!1;return e.columns.filter(e=>e.fixed&&"left"===e.fixed?(t=!0,!0):!(!e.fixed||"right"!==e.fixed)&&(n=!0,!0)).length>0&&{hasLeft:t,hasRight:n}}),this.handleBodyScrollTop=(e=>{var t=e.target||{};if(e.currentTarget===e.target){var n=this.fixedColumnsBodyLeft,a=this.fixedColumnsBodyRight;n&&t!==n&&(n.scrollTop=t.scrollTop),a&&t!==a&&(a.scrollTop=t.scrollTop),this.bodyTable&&t!==this.bodyTable&&(this.bodyTable.scrollTop=t.scrollTop),this.lastScrollTop=t.scrollTop}}),this.handleBodyScrollLeft=(e=>{var t=e.target||{};e.currentTarget===e.target&&this.headTable&&this.bodyTable&&t===this.bodyTable&&(this.headTable.scrollLeft=t.scrollLeft)}),this.handleBodyScroll=(e=>{this.handleBodyScrollTop(e),this.handleBodyScrollLeft(e)}),this.saveRef=(e=>t=>{this[e]=t}),this.renderColgroup=((e,t)=>r.a.createElement(d.a,b({},e,{fixedColumn:t}))),this.renderThead=((e,t)=>r.a.createElement(h.a,b({},e,{fixedColumn:t}))),this.renderTbody=((e,t)=>r.a.createElement(y.a,b({},e,{fixedColumn:t}))),this.renderFixedTable=((e,t,n,a)=>{if(!this.hasFixed)return null;if("right"===a&&!this.hasFixed.hasRight)return null;if("left"===a&&!this.hasFixed.hasLeft)return null;var o=n.height,l=o?{maxHeight:`${o}px`,overflowY:"scroll"}:{},s=o?r.a.createElement("div",{className:f.a["table-header"]},r.a.createElement("table",{className:f.a["table-fixed"],ref:e=>{this.tableleftbox=e}},this.renderColgroup(e,a),this.renderThead(t,a))):null,i=Object(p.a)(),c=o&&i>0?{marginBottom:`-${i}px`,paddingBottom:"0"}:null,m=void 0;o&&("left"===a?m="fixedColumnsBodyLeft":"right"===a&&(m="fixedColumnsBodyRight"));var u=r.a.createElement("div",{className:f.a["table-body-outer"],style:c},r.a.createElement("div",{className:f.a["table-body-inner"],style:l,onScroll:this.handleBodyScroll,ref:this.saveRef(m)},r.a.createElement("table",{className:f.a["table-fixed"]},this.renderColgroup(e,a),o?null:this.renderThead(t,a),this.renderTbody(n,a))));return r.a.createElement("div",{className:f.a[`table-fixed-${a}`]},s,u)})},o)},"/3hJ":function(e,t){e.exports='import Popover from \'../Popover\';\nimport { Component } from \'react\';\nimport Button from \'../../button/Button\';\n// import CSSModules from \'react-css-modules\';\nimport { allowMultiple } from \'../../../constants\';\nimport styles from \'./index.css\';\n\nexport default class PopoverDemo extends Component {\n  render() {\n    const ele = (<div><p>top</p><p>这是一个气泡框</p></div>);\n    return (\n      <div>\n        <div className={styles[\'top-tooltip\']}>\n          <div className={styles[\'top-tooltip-div\']}><Popover title="标题" popovers="topLeft" placement="topLeft"  ><Button type="secondary">上左</Button></Popover></div>\n          <div className={styles[\'top-tooltip-div\']}><Popover title="标题" popovers={ele}  placement="top" action="click" hasButton={true}><Button type="secondary">点击</Button></Popover></div>\n          <div className={styles[\'top-tooltip-div\']}><Popover popovers="topRight"  placement="topRight" ><Button type="secondary">上右</Button></Popover></div>\n        </div>\n        <div className={styles[\'left-tooltip\']} >\n          <div className={styles[\'left-tooltip-div\']}><Popover popovers=\'leftTop\' placement="leftTop" ><Button type="secondary">左上</Button></Popover></div>\n          <div className={styles[\'left-tooltip-div\']}><Popover popovers=\'left\' placement="left" ><Button type="secondary">左</Button></Popover></div>\n          <div className={styles[\'left-tooltip-div\']}><Popover popovers=\'leftBottom\'  placement="leftBottom" ><Button type="secondary">左下</Button></Popover></div>\n        </div>\n        <div className={styles[\'right-tooltip\']} >\n          <div className={styles[\'right-tooltip-div\']}><Popover popovers="rightTop" placement="rightTop" ><Button type="secondary">右上</Button></Popover></div>\n          <div className={styles[\'right-tooltip-div\']}><Popover popovers="right" placement="right" ><Button type="secondary">右</Button></Popover></div>\n          <div className={styles[\'right-tooltip-div\']}><Popover popovers="rightBottom"  placement="rightBottom" ><Button type="secondary">左下</Button></Popover></div>\n        </div>\n        <div className={styles[\'bottom-tooltip\']}>\n          <div className={styles[\'bottom-tooltip-div\']}><Popover popovers="bottomLeft" placement="bottomLeft" ><Button type="secondary">下左</Button></Popover></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Popover popovers="bottom" placement="bottom"><Button type="secondary">下</Button></Popover></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Popover popovers="bottomRight" placement="bottomRight"><Button type="secondary">下右</Button></Popover></div>\n        </div>\n      </div>\n    );\n  }\n}\n'},"0P4F":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return i});var a=n("Jmof"),o=(n.n(a),n("lkey")),l=n("UJDU"),s=n("Pp2j"),r=n("WB2H"),i=class extends a.Component{constructor(e){super(e),this.state={}}render(){var e=()=>{l.a.config({placement:"bottomRight",bottom:50,duration:0}),r.a.success("全局配置成功")},t=()=>{l.a.open({message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})},n=e=>{l.a.open({placement:e,message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})};return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本使用"),React.createElement("p",null,"最简单的用法，4.5 秒后自动关闭"),React.createElement(o.a,{onClick:t},"显示通知")," ",React.createElement("h3",null,"带有图标的通知提醒框"),React.createElement("p",null,"通知提醒框左侧有图标"),React.createElement(o.a,{onClick:()=>{l.a.open({type:"info",message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})}},"消息")," ",React.createElement(o.a,{onClick:()=>{l.a.open({type:"success",message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})}},"成功")," ",React.createElement(o.a,{onClick:()=>{l.a.open({type:"error",message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})}},"错误")," ",React.createElement(o.a,{onClick:()=>{l.a.open({type:"warning",message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案"})}},"警告")," ",React.createElement("h3",null,"自定义图标"),React.createElement("p",null,"可自定义图标"),React.createElement(o.a,{onClick:()=>{l.a.open({message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",duration:0,icon:React.createElement(s.a,{style:{width:"34px",height:"34px",top:"16px",left:"24px",position:"absolute"},name:"clock"})})}},"自定义")," ",React.createElement("h3",null,"自动关闭的延时"),React.createElement("p",null,"取消4.5秒自动关闭"),React.createElement(o.a,{onClick:()=>{l.a.open({message:"需要及时知道的系统通知",description:"文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",duration:0})}},"显示通知")," ",React.createElement("h3",null,"自定义按钮"),React.createElement("p",null,"可以置入功能按钮"),React.createElement(o.a,{onClick:()=>{var e=`open${Date.now()}`,t=()=>{l.a.close(e)},n=React.createElement("div",null,React.createElement(o.a,{type:"primary",onClick:t},"立即更新")," ",React.createElement(o.a,{type:"secondary",onClick:t},"今晚提醒"));l.a.open({type:"warning",message:"请更新系统",description:"如果描述超过60字，请延长展示时间，一般人的阅读速度为，8-10字每秒。",key:e,btn:n})}},"按钮功能")," ",React.createElement(o.a,{onClick:()=>{var e=React.createElement("a",{href:"./notification"},"查看");l.a.open({type:"warning",message:"请更新系统",description:"如果描述超过60字，请延长展示时间，一般人的阅读速度为，8-10字每秒。",btn:e})}},"链接功能")," ",React.createElement("h3",null,"位置"),React.createElement("p",null,"从右上角、右下角、左下角、左上角弹出"),React.createElement(o.a,{onClick:()=>n("topRight")},"右上角")," ",React.createElement(o.a,{onClick:()=>n("topLeft")},"左上角")," ",React.createElement(o.a,{onClick:()=>n("bottomLeft")},"左下角")," ",React.createElement(o.a,{onClick:()=>n("bottomRight")},"右下角")," ",React.createElement("h3",null,"全局配置"),React.createElement("p",null,"在调用前提前配置，全局一次生效"),React.createElement("p",null,`notification.config({\n            placement: 'bottomRight',\n            bottom:50,\n            duration:0,\n            getContainer:'App'\n          });`),React.createElement(o.a,{onClick:()=>e()},"配置")," ",React.createElement(o.a,{onClick:t},"显示通知")," ")}}},"0h7d":function(e,t){e.exports="import { Component } from 'react';\nimport Icon from '../../icon';\nimport Radio from '../../radio';\nimport Button from '../../button';\nimport Tabs from '../Tabs';\nconst Panel = Tabs.Panel;\n\nclass TabsDemo1 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本</h3>\n        <p>标准线条式页签</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          onClick={this.onClick}\n        >\n          {this.state.panes.map(pane => <Panel title={pane.title} key={pane.key} closable={pane.closable}>{pane.content}</Panel>)}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nclass TabsDemo2 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>禁用</h3>\n        <p>对某项实行禁用</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          onClick={this.onClick}\n        >\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 1</span>} key=\"1\">\n                  Tab 1\n          </Panel>\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 2</span>} key=\"2\">\n                  Tab 2\n          </Panel>\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 3</span>} key=\"3\" disabled >\n                  Tab 3\n          </Panel>\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nclass TabsDemo3 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>迷你</h3>\n        <p>用在狭小的区块或子级Tab</p>\n        <Tabs\n          size={'small'}\n          activeKey={this.state.activeKey}\n          onClick={this.onClick}\n        >\n          {this.state.panes.map(pane => <Panel title={pane.title} key={pane.key} closable={pane.closable}>{pane.content}</Panel>)}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\n\nclass TabsDemo4 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>带图标</h3>\n        <p>带图标的Tab</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          onClick={this.onClick}\n        >\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 1</span>} key=\"1\">\n                  Tab 1\n          </Panel>\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 2</span>} key=\"2\">\n                  Tab 2\n          </Panel>\n          <Panel title={<span><Icon size={18} name=\"account\" />Tab 3</span>} key=\"3\" >\n                  Tab 3\n          </Panel>\n        </Tabs>\n      </div>\n    );\n  }\n}\n\n\nclass TabsDemo5 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>纵向</h3>\n        <p>纵向的Tab</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          tabPosition={'left'}\n          onClick={this.onClick}\n        >\n          {this.state.panes.map(pane => <Panel title={pane.title} key={pane.key} closable={pane.closable}>{pane.content}</Panel>)}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\n\nclass TabsDemo6 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>卡片式</h3>\n        <p>卡片式的页签，常用于容器顶部</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          type={'card'}\n          tabDeleteButton\n          deleteButton={this.deleteButton}\n          onClick={this.onClick}\n        >\n          {this.state.panes.map(pane => <Panel title={pane.title} key={pane.key} closable={pane.closable}>{pane.content}</Panel>)}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nclass TabsDemo7 extends Component {\n  constructor(props) {\n    super(props);\n    const panes = [\n      { title: 'Tab 1', content: 'Content of Tab 1', key: 1, closable: false },\n      { title: 'Tab 2', content: 'Content of Tab 2', key: 2 },\n      { title: 'Tab 3', content: 'Content of Tab 3', key: 3 },\n    ];\n\n    this.state = {\n      activeKey: panes[0].key,\n      panes,\n    };\n  }\n\n  deleteButton = () => {\n    const data = this.state.panes;\n    let activeKey = this.state.activeKey;\n    data.splice(activeKey, 1);\n\n    if (data.length <= activeKey + 1) { activeKey = data.length - 1; }\n    this.setState({\n      panes: data,\n      activeKey,\n    });\n  }\n\n  onClick = (key) => {\n    this.setState({ activeKey: key });\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <p>button可作为更次级的页签来使用</p>\n        <Tabs\n          activeKey={this.state.activeKey}\n          type={'button'}\n          onClick={this.onClick}\n        >\n          {this.state.panes.map(pane => <Panel title={pane.title} key={pane.key} closable={pane.closable}>{pane.content}</Panel>)}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nexport default class TabsDemo extends Component {\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <TabsDemo1 />\n        <br /><br />\n        <TabsDemo2 />\n        <br /><br />\n        <TabsDemo3 />\n        <br /><br />\n        <TabsDemo4 />\n        <br /><br />\n        <TabsDemo5 />\n        <br /><br />\n        <TabsDemo6 />\n        <br /><br />\n        <TabsDemo7 />\n        <br /><br />\n      </div>\n    );\n  }\n}\n"},"13mF":function(e,t,n){"use strict";function a(e,t){if(t)for(var n=Object.keys(t),a=0,o=n.length;a<o;a++)e[n[a]]=t[n[a]];return e}function o(e){return a({},e)}function l(e){var t=o(p);if(e)for(var n=Object.keys(e),a=0,l=n.length;a<l;a++){var s=n[a];null==e[s]?delete t[s]:t[s]=e[s]}return t}function s(e,t,n,a){if(!(this instanceof s))return new s(e,t,n);this.placeholderChar=n||u,this.formatCharacters=t||p,this.source=e,this.pattern=[],this.length=0,this.firstEditableIndex=null,this.lastEditableIndex=null,this._editableIndices={},this.isRevealingMask=a||!1,this._parse()}function r(e){if(!(this instanceof r))return new r(e);if(null==(e=a({formatCharacters:null,pattern:null,isRevealingMask:!1,placeholderChar:u,selection:{start:0,end:0},value:""},e)).pattern)throw new Error("InputMask: you must provide a pattern.");if("string"!=typeof e.placeholderChar||e.placeholderChar.length>1)throw new Error("InputMask: placeholderChar should be a single character or an empty string.");this.placeholderChar=e.placeholderChar,this.formatCharacters=l(e.formatCharacters),this.setPattern(e.pattern,{value:e.value,selection:e.selection,isRevealingMask:e.isRevealingMask})}var i=/^\d$/,c=/^[A-Za-z]$/,m=/^[\dA-Za-z]$/,u="_",p={"*":{validate:function(e){return m.test(e)}},1:{validate:function(e){return i.test(e)}},a:{validate:function(e){return c.test(e)}},A:{validate:function(e){return c.test(e)},transform:function(e){return e.toUpperCase()}},"#":{validate:function(e){return m.test(e)},transform:function(e){return e.toUpperCase()}}};s.prototype._parse=function(){for(var e=this.source.split(""),t=0,n=[],a=0,o=e.length;a<o;a++){var l=e[a];if("\\"===l){if(a===o-1)throw new Error("InputMask: pattern ends with a raw \\");l=e[++a]}else l in this.formatCharacters&&(null===this.firstEditableIndex&&(this.firstEditableIndex=t),this.lastEditableIndex=t,this._editableIndices[t]=!0);n.push(l),t++}if(null===this.firstEditableIndex)throw new Error('InputMask: pattern "'+this.source+'" does not contain any editable characters.');this.pattern=n,this.length=n.length},s.prototype.formatValue=function(e){for(var t=new Array(this.length),n=0,a=0,o=this.length;a<o;a++)if(this.isEditableIndex(a)){if(this.isRevealingMask&&e.length<=n&&!this.isValidAtIndex(e[n],a))break;t[a]=e.length>n&&this.isValidAtIndex(e[n],a)?this.transform(e[n],a):this.placeholderChar,n++}else t[a]=this.pattern[a],e.length>n&&e[n]===this.pattern[a]&&n++;return t},s.prototype.isEditableIndex=function(e){return!!this._editableIndices[e]},s.prototype.isValidAtIndex=function(e,t){return this.formatCharacters[this.pattern[t]].validate(e)},s.prototype.transform=function(e,t){var n=this.formatCharacters[this.pattern[t]];return"function"==typeof n.transform?n.transform(e):e},r.prototype.input=function(e){if(this.selection.start===this.selection.end&&this.selection.start===this.pattern.length)return!1;var t=o(this.selection),n=this.getValue(),a=this.selection.start;if(a<this.pattern.firstEditableIndex&&(a=this.pattern.firstEditableIndex),this.pattern.isEditableIndex(a)){if(!this.pattern.isValidAtIndex(e,a))return!1;this.value[a]=this.pattern.transform(e,a)}for(var l=this.selection.end-1;l>a;)this.pattern.isEditableIndex(l)&&(this.value[l]=this.placeholderChar),l--;for(this.selection.start=this.selection.end=a+1;this.pattern.length>this.selection.start&&!this.pattern.isEditableIndex(this.selection.start);)this.selection.start++,this.selection.end++;return null!=this._historyIndex&&(this._history.splice(this._historyIndex,this._history.length-this._historyIndex),this._historyIndex=null),("input"!==this._lastOp||t.start!==t.end||null!==this._lastSelection&&t.start!==this._lastSelection.start)&&this._history.push({value:n,selection:t,lastOp:this._lastOp}),this._lastOp="input",this._lastSelection=o(this.selection),!0},r.prototype.backspace=function(){if(0===this.selection.start&&0===this.selection.end)return!1;var e=o(this.selection),t=this.getValue();if(this.selection.start===this.selection.end)this.pattern.isEditableIndex(this.selection.start-1)&&(this.value[this.selection.start-1]=this.placeholderChar),this.selection.start--,this.selection.end--;else{for(var n=this.selection.end-1;n>=this.selection.start;)this.pattern.isEditableIndex(n)&&(this.value[n]=this.placeholderChar),n--;this.selection.end=this.selection.start}return null!=this._historyIndex&&this._history.splice(this._historyIndex,this._history.length-this._historyIndex),("backspace"!==this._lastOp||e.start!==e.end||null!==this._lastSelection&&e.start!==this._lastSelection.start)&&this._history.push({value:t,selection:e,lastOp:this._lastOp}),this._lastOp="backspace",this._lastSelection=o(this.selection),!0},r.prototype.paste=function(e){var t={value:this.value.slice(),selection:o(this.selection),_lastOp:this._lastOp,_history:this._history.slice(),_historyIndex:this._historyIndex,_lastSelection:o(this._lastSelection)};if(this.selection.start<this.pattern.firstEditableIndex){for(var n=0,l=this.pattern.firstEditableIndex-this.selection.start;n<l;n++)if(e.charAt(n)!==this.pattern.pattern[n])return!1;e=e.substring(this.pattern.firstEditableIndex-this.selection.start),this.selection.start=this.pattern.firstEditableIndex}for(n=0,l=e.length;n<l&&this.selection.start<=this.pattern.lastEditableIndex;n++)if(!this.input(e.charAt(n))){if(this.selection.start>0){var s=this.selection.start-1;if(!this.pattern.isEditableIndex(s)&&e.charAt(n)===this.pattern.pattern[s])continue}return a(this,t),!1}return!0},r.prototype.undo=function(){if(0===this._history.length||0===this._historyIndex)return!1;var e;if(null==this._historyIndex){this._historyIndex=this._history.length-1,e=this._history[this._historyIndex];var t=this.getValue();e.value===t&&e.selection.start===this.selection.start&&e.selection.end===this.selection.end||this._history.push({value:t,selection:o(this.selection),lastOp:this._lastOp,startUndo:!0})}else e=this._history[--this._historyIndex];return this.value=e.value.split(""),this.selection=e.selection,this._lastOp=e.lastOp,!0},r.prototype.redo=function(){if(0===this._history.length||null==this._historyIndex)return!1;var e=this._history[++this._historyIndex];return this._historyIndex===this._history.length-1&&(this._historyIndex=null,e.startUndo&&this._history.pop()),this.value=e.value.split(""),this.selection=e.selection,this._lastOp=e.lastOp,!0},r.prototype.setPattern=function(e,t){t=a({selection:{start:0,end:0},value:""},t),this.pattern=new s(e,this.formatCharacters,this.placeholderChar,t.isRevealingMask),this.setValue(t.value),this.emptyValue=this.pattern.formatValue([]).join(""),this.selection=t.selection,this._resetHistory()},r.prototype.setSelection=function(e){if(this.selection=o(e),this.selection.start===this.selection.end){if(this.selection.start<this.pattern.firstEditableIndex)return this.selection.start=this.selection.end=this.pattern.firstEditableIndex,!0;for(var t=this.selection.start;t>=this.pattern.firstEditableIndex;){if(this.pattern.isEditableIndex(t-1)&&this.value[t-1]!==this.placeholderChar||t===this.pattern.firstEditableIndex){this.selection.start=this.selection.end=t;break}t--}return!0}return!1},r.prototype.setValue=function(e){null==e&&(e=""),this.value=this.pattern.formatValue(e.split(""))},r.prototype.getValue=function(){return this.value.join("")},r.prototype.getRawValue=function(){for(var e=[],t=0;t<this.value.length;t++)!0===this.pattern._editableIndices[t]&&e.push(this.value[t]);return e.join("")},r.prototype._resetHistory=function(){this._history=[],this._historyIndex=null,this._lastOp=null,this._lastSelection=o(this.selection)},r.Pattern=s,e.exports=r},"1nuA":function(e,t,n){"use strict";t.decode=t.parse=n("kMPS"),t.encode=t.stringify=n("xaZU")},"1ptM":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return m});var a=n("Jmof"),o=(n.n(a),n("rEdb")),l=n("lkey"),s=o.a.Group,r=["Apple","Pear","Orange"],i=["Apple","Orange"],c=e=>{console.log(e.target.checked,e.target.value)},m=class extends a.Component{constructor(e){super(e),this.handleToggleDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),this.handleToggleChecked=(()=>{this.setState({checked:!this.state.checked})}),this.handleChange=(e=>{this.setState({checkedList:e,checkAll:e.length===r.length})}),this.handleAllChange=(e=>{this.setState({checkedList:e.target.checked?r:[],checkAll:e.target.checked})}),this.state={disabled:!1,checked:!0,checkedList:i,checkAll:!1}}render(){var e=this.state,t=e.checked,n=e.disabled,a=e.checkedList,i=e.checkAll;return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"全选"),React.createElement("p",null,React.createElement(o.a,{checked:i,disabled:n,onChange:this.handleAllChange}," 全选")),React.createElement(s,{options:r,value:a,disabled:n,onChange:this.handleChange}),React.createElement("h3",null,"一组checkbox"),React.createElement("div",null,React.createElement(s,{onChange:e=>{this.checkValue.innerHTML=e},disabled:n},React.createElement(o.a,{value:"A"}," A"),React.createElement(o.a,{value:"B"}," B"),React.createElement(o.a,{value:"C"}," C"),React.createElement(o.a,{value:"D"}," D"))),React.createElement("p",{ref:e=>{this.checkValue=e}}),React.createElement("h3",null,"受控方式"),React.createElement("p",null,React.createElement(o.a,{checked:t,disabled:n,onChange:this.handleToggleChecked}," 受控的CheckBox组件")),React.createElement("p",null,React.createElement(o.a,{checked:t,disabled:n,onChange:this.handleToggleChecked}," 受控的CheckBox组件")),React.createElement("p",null,React.createElement(o.a,{name:"my-check",checked:t,disabled:n,onChange:this.handleToggleChecked}," 受控的CheckBox组件")),React.createElement("p",null,React.createElement(o.a,{name:"my-check",checked:t,disabled:n,onChange:this.handleToggleChecked}," 受控的CheckBox组件")),React.createElement("h3",null,"非受控方式"),React.createElement("p",null,React.createElement(o.a,{defaultChecked:!0,disabled:n,onChange:c}," 非控的CheckBox组件")),React.createElement(l.a,{onClick:this.handleToggleDisabled},n?"启用":"禁用")," ",React.createElement(l.a,{onClick:this.handleToggleChecked},t?"取消选中":"选中"))}}},"2D77":function(e,t,n){"use strict";t.a=function(e){return e instanceof a};var a=class{constructor(e){this.content=e}toString(){return this.content}}},"2YTV":function(e,t){e.exports="import { Component } from 'react';\nimport Checkbox from '../Checkbox';\n// import {Checkbox} from 'antd'\nimport Button from '../../button';\n\n\nconst CheckboxGroup = Checkbox.Group;\nconst plainOptions = ['Apple', 'Pear', 'Orange'];\nconst defaultCheckedList = ['Apple', 'Orange'];\nconst onChange = (e) => {\n  console.log(e.target.checked, e.target.value);\n};\nexport default class CheckboxDemo extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      disabled: false,\n      checked: true,\n\n      checkedList: defaultCheckedList,\n      checkAll: false,\n    };\n  }\n\n  handleToggleDisabled=() => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  handleToggleChecked=() => {\n    this.setState({\n      checked: !this.state.checked,\n    });\n  }\n\n  handleChange=(checkedList) => {\n    this.setState({\n      checkedList,\n      checkAll: checkedList.length === plainOptions.length,\n    });\n  }\n\n  handleAllChange=(e) => {\n    // const { checkedList, checkAll } = this.state;\n    this.setState({\n      checkedList: e.target.checked ? plainOptions : [],\n      checkAll: e.target.checked,\n    });\n  }\n\n\n  render() {\n    const { checked, disabled, checkedList, checkAll } = this.state;\n    return (\n      <div className=\"markdown-block\">\n        <h3>全选</h3>\n        <p>\n          <Checkbox\n            checked={checkAll}\n            disabled={disabled}\n            onChange={this.handleAllChange}\n          >&nbsp;全选</Checkbox>\n        </p>\n        <CheckboxGroup\n          options={plainOptions}\n          value={checkedList}\n          disabled={disabled}\n          onChange={this.handleChange}\n        />\n\n        <h3>一组checkbox</h3>\n        <div>\n          <CheckboxGroup onChange={(v) => { this.checkValue.innerHTML = v; }} disabled={disabled}>\n            <Checkbox value=\"A\"> A</Checkbox>\n            <Checkbox value=\"B\"> B</Checkbox>\n            <Checkbox value=\"C\"> C</Checkbox>\n            <Checkbox value=\"D\"> D</Checkbox>\n          </CheckboxGroup>\n        </div>\n        <p ref={(v) => { this.checkValue = v; }} />\n        <h3>受控方式</h3>\n        <p>\n          <Checkbox\n            checked={checked}\n            disabled={disabled}\n            onChange={this.handleToggleChecked}\n          >&nbsp;受控的CheckBox组件</Checkbox>\n        </p>\n        <p>\n          <Checkbox\n            checked={checked}\n            disabled={disabled}\n            onChange={this.handleToggleChecked}\n          >&nbsp;受控的CheckBox组件</Checkbox>\n        </p>\n        <p>\n          <Checkbox\n            name=\"my-check\"\n            checked={checked}\n            disabled={disabled}\n            onChange={this.handleToggleChecked}\n          >&nbsp;受控的CheckBox组件</Checkbox>\n        </p>\n        <p>\n          <Checkbox\n            name=\"my-check\"\n            checked={checked}\n            disabled={disabled}\n            onChange={this.handleToggleChecked}\n          >&nbsp;受控的CheckBox组件</Checkbox>\n        </p>\n        <h3>非受控方式</h3>\n        <p>\n          <Checkbox\n            defaultChecked\n            disabled={disabled}\n            onChange={onChange}\n          >&nbsp;非控的CheckBox组件</Checkbox>\n        </p>\n        <Button onClick={this.handleToggleDisabled}>{disabled ? '启用' : '禁用'}</Button>&nbsp;\n        <Button onClick={this.handleToggleChecked}>{checked ? '取消选中' : '选中'}</Button>\n      </div>\n    );\n  }\n}\n"},"3lqj":function(e,t){e.exports="---\nauthor:\n  name: heifade\n  homepage: https://github.com/heifade/\n  email: heifade@126.com\n---\n\n## Menu\n\nMenu Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|type|String|inline|菜单类型，可选值：horizontal-h(水平菜单，子菜单水平)，horizontal-v(水平菜单，子菜单垂直)，vertical-h(垂直菜单，子菜单水平向右弹出)，vertical-v(垂直菜单，子菜单内嵌在菜单区域)|\n|colorType|String|warm|颜色，可选值：warm(暖色)，cold(冷色)|\n|selectedKeys|string[]|[]|选中的菜单项，数组，值为key|\n|defaultOpenKeys|string[]|[]|默认打开的菜单，数组，值为key|\n|onClick|function|null|点击 menuitem 调用此函数，参数为 {item, key, keyPath}|\n|onOpenChange|function|null|点击 menuitem 调用此函数，参数为 {item, key, keyPath}|\n\n### Api"},"5krA":function(e,t){e.exports="import { Component } from 'react';\nimport moment from 'moment';\nimport DatePicker from '../index';\nimport Checkbox from '../../checkbox';\n\nconst { MonthPicker, RangePicker } = DatePicker;\n\nexport default class DatePickerDemo extends Component {\n  state = {\n    disabled: false,\n    date: moment().add(1, 'M'),\n  }\n  onChange(m) {\n    console.log(m);\n  }\n  changeDisabled = () => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n  render() {\n    const { date, disabled } = this.state;\n    return (\n      <div className=\"markdown-block\">\n        <h3>\n          <Checkbox\n            checked={disabled}\n            onChange={this.changeDisabled}\n          >\n            禁用\n          </Checkbox>\n        </h3>\n        \n        <h3>日期选择</h3>\n        <table>\n          <thead>\n            <tr>\n              <th>非受控方式</th>\n              <th>受控方式</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>\n                <DatePicker\n                  disabled={disabled}\n                  onChange={this.onChange}\n                />\n              </td>\n              <td style={{position: 'relative'}}>\n                <DatePicker\n                  disabled={disabled}\n                  value={date}\n                  onChange={(d) => {\n                    this.setState({\n                      date: d,\n                    });\n                  }}\n                />\n                <p style={{position: 'absolute', right: '20px', top: '15px'}}>选择时间: {date.format()}</p>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        \n        <h3>不可选日期</h3>\n        <p>可用 disabledDate 禁止选择部分日期</p>\n        <DatePicker\n          disabled={disabled}\n          disabledDate={(current) => {\n            return current && current.valueOf() < Date.now();\n          }}\n        ></DatePicker>\n        <h3>月份选择</h3>\n        <MonthPicker onChange={this.onChange} disabled={disabled} />\n        <h3>预设范围</h3>\n        <p>RangePicker 可以设置常用的 预设范围 提高用户体验。</p>\n        <RangePicker onChange={this.onChange} disabled={disabled} />\n      </div>\n    );\n  }\n}\n"},"5oN3":function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Dropdown\n\nDropdown Component.\n\n### Props\n\n#### Dropdown\n|name|type|default|description|\n|---|---|---|---|\n|trigger|`hover` or `click`|click|触发方式|\n|overlay|element|-|菜单内容|\n|placement|string|bottomLeft|定位|\n\n#### Dropdown.DropdownButton\n|name|type|default|description|\n|---|---|---|---|\n|type|string|`primary`|按钮类型|\n|trigger|`hover` or `click`|click|触发方式|\n|overlay|element|-|菜单内容|\n|placement|string|bottomRight|定位|\n\n#### Dropdown.Menu\n|name|type|default|description|\n|---|---|---|---|\n\n#### Dropdown.Menu.Item\n|name|type|default|description|\n|---|---|---|---|\n\n### Api"},"5xuW":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return l});var a=n("Jmof"),o=(n.n(a),n("kbwb")),l=class extends a.Component{render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"按钮类型"),React.createElement("p",null,"按钮有四种类型：主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。"),React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"主按钮"),React.createElement("th",null,"次按钮"),React.createElement("th",null,"虚线按钮"),React.createElement("th",null,"危险按钮"))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",null,React.createElement(o.a,{type:"primary"},"主按钮")),React.createElement("td",null,React.createElement(o.a,{type:"secondary"},"次按钮")),React.createElement("td",null,React.createElement(o.a,{type:"dashed"},"虚线按钮")),React.createElement("td",null,React.createElement(o.a,{type:"danger"},"危险按钮"))))),React.createElement("h3",null,"按钮尺寸"),React.createElement("p",null,"按钮有大、中、小三种尺寸。"),React.createElement("p",null,"通过设置 size 为 large small 分别把按钮设为大、小尺寸。若不设置 size，则尺寸为中。"),React.createElement(o.a,{size:"large"},"主要按钮(大)")," ",React.createElement(o.a,null,"主要按钮(中)")," ",React.createElement(o.a,{size:"small"},"主要按钮(小)"),React.createElement("h3",null,"不可用状态"),React.createElement("p",null,"添加 disabled 属性即可让按钮处于不可用状态，同时按钮样式也会改变。"),React.createElement(o.a,{size:"large",disabled:!0},"不可用按钮")," ",React.createElement(o.a,{disabled:!0},"不可用按钮")," ",React.createElement(o.a,{size:"small",disabled:!0},"不可用按钮"))}}},"6wLY":function(e,t){e.exports="---\nauthor:\n  name: yan\n  homepage: https://github.com/october-yan/\n---\n\n## Input\n\n通过鼠标或键盘输入内容，是最基础的表单域的包装。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|type|String|'text'|button type, `text` or `textarea`|\n|value|String||输入框内容|\n|defaultValue|String||输入框默认内容|\n|prefix|string ReactNode||带有前缀图标的 input|\n|suffix|string ReactNode||带有后缀图标的 input|\n|size|String|'normal'|input size, `normal` `large` or `small` |\n|disabled|boolean|'false'|input disabled, `false` or `true` |\n\n##### Input.Search\n|name|type|default|description|\n|---|---|---|---|\n|onSearch|function(value)||点击搜索回调|\n\n\n### Api"},"7Lsv":function(e,t){e.exports="import { Component } from 'react';\nimport Icon from '../Icon';\nimport styles from './index.css';\nimport Icons from '../icons/';\n\nconst IconList = Object.keys(Icons);\n\nexport default class IconDemo extends Component {\n  state = {\n    color: document.documentElement.style.getPropertyValue('--brand-primary'),\n  }\n  componentDidMount() {\n    if (typeof MutationObserver === 'function') {\n      const observer = new MutationObserver((mutations) => {\n        mutations.forEach(() => {\n          this.setState({\n            color: document.documentElement.style.getPropertyValue('--brand-primary'),\n          });\n        });\n      });\n\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['style'],\n      });\n    }\n  }\n  render() {\n    return (\n      <div className={styles.Icon__wrap}>\n        {\n          IconList.map(name => (\n            <div className={styles.Icon__grid} key={name}>\n              <Icon size={36} name={name} color={this.state.color} />\n              <span className={styles.Icon__name}>{name}</span>\n            </div>\n          ))\n        }\n      </div>\n    );\n  }\n}\n"},"7nwc":function(e,t,n){var a=n("LXsE");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},"8fnD":function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Pagination\n\n采用分页的形式分隔长列表，每次只加载一个页面。\n\n### 何时使用\n\n- 当加载/渲染所有数据将花费很多时间时；\n- 可切换页码浏览数据。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n| current | number | - | 当前页数 |\n| current | number | 1 | 默认当前页数 |\n| total | number | 0 | 总数 |\n| pageSize | number | - | 每页条数 |\n| defaultPageSize | number | 10 | 默认每页条数 |\n| onChange | function(page, pageSize) | noop | 页码改变回调，参数 |\n| showSizeChanger | boolean | false | 显示分页条数选择 |\n| onSizeChange | function(size, current) | noop | pageSize 变化回调 |\n| pageSizeOptions| number[] | [10, 20, 30, 40] | 指定每页可以显示多少条 |\n| showQuickJumper| boolean | false | 是否展示跳转输入框 |\n| size| string | '' | `small` 指定小尺寸分页  |\n| showTotal | boolean | false | 展示总数 |\n\n### Api"},"8ovY":function(e,t){e.exports='import { Component } from \'react\';\nimport Button from \'../Button\';\n\nexport default class ButtonDemo extends Component {\n  render() {\n    return (\n      <div className="markdown-block">\n        <h3>按钮类型</h3>\n        <p>按钮有四种类型：主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。</p>\n        <table>\n          <thead>\n            <tr>\n              <th>主按钮</th>\n              <th>次按钮</th>\n              <th>虚线按钮</th>\n              <th>危险按钮</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td><Button type="primary">主按钮</Button></td>\n              <td><Button type="secondary">次按钮</Button></td>\n              <td><Button type="dashed">虚线按钮</Button></td>\n              <td><Button type="danger">危险按钮</Button></td>\n            </tr>\n          </tbody>\n        </table>\n        <h3>按钮尺寸</h3>\n        <p>按钮有大、中、小三种尺寸。</p>\n        <p>通过设置 size 为 large small 分别把按钮设为大、小尺寸。若不设置 size，则尺寸为中。</p>\n        <Button size="large">主要按钮(大)</Button>\n        &nbsp;\n        <Button>主要按钮(中)</Button>\n        &nbsp;\n        <Button size="small">主要按钮(小)</Button>\n        <h3>不可用状态</h3>\n        <p>添加 disabled 属性即可让按钮处于不可用状态，同时按钮样式也会改变。</p>\n        <Button size="large" disabled>不可用按钮</Button>\n        &nbsp;\n        <Button disabled>不可用按钮</Button>\n        &nbsp;\n        <Button size="small" disabled>不可用按钮</Button>\n      </div>\n    );\n  }\n}\n'},"8wBc":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=(n.n(a),n("tObA")),l=n("o8IH"),s=n("lkey"),r=n("KIYf"),i=n.n(r),c=class extends a.Component{constructor(e){super(e),this.swichHandle1=(()=>{this.setState({isShow1:!this.state.isShow1})}),this.swichHandle2=(()=>{this.setState({isShow2:!this.state.isShow2})}),this.state={isShow1:!0,isShow2:!1}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本用法"),React.createElement(o.a,null),React.createElement("h3",null,"自定义大小"),React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"小"),React.createElement("th",null,"中"),React.createElement("th",null,"大"))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",null,React.createElement(o.a,{size:"small"})),React.createElement("td",null,React.createElement(o.a,{size:"default"})),React.createElement("td",null,React.createElement(o.a,{size:"large"}))))),React.createElement("h3",null,"自定义描述文案"),React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"小"),React.createElement("th",null,"中"),React.createElement("th",null,"大"))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",null,React.createElement(o.a,{size:"small",tip:"loading..."})),React.createElement("td",null,React.createElement(o.a,{size:"default",tip:"loading..."})),React.createElement("td",null,React.createElement(o.a,{size:"large",tip:"loading..."}))))),React.createElement("h3",null,"容器中使用"),React.createElement("div",{className:i.a.example1},React.createElement(o.a,null)),React.createElement("div",{className:i.a.example1},React.createElement(o.a,{tip:"loading..."})),React.createElement("h3",null,"提示中使用"),React.createElement("div",null,React.createElement(o.a,{spinning:this.state.isShow1},React.createElement(l.a,{type:"info",message:"警告提示内容",description:`警告提示的辅助性文字介绍警告提示的辅助\n              性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文\n              字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介\n              绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警\n              告提示的辅助性文字介绍警告提示的辅助性文字介绍`})),React.createElement("p",null,React.createElement(s.a,{type:"primary",onClick:this.swichHandle1},"显示/隐藏"))),React.createElement("h3",null,"延迟"),React.createElement("div",null,React.createElement(o.a,{spinning:this.state.isShow2,delay:600},React.createElement(l.a,{type:"info",message:"警告提示内容",description:`警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍`})),React.createElement("p",null,React.createElement(s.a,{type:"primary",onClick:this.swichHandle2},"显示/隐藏"))))}}},"9aTS":function(e,t){e.exports="import React, { Component } from 'react';\nimport Progress from '../Progress';\n\nexport default class ProgressDemo extends Component {\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>标准进度条</h3>\n        <div>\n          <Progress percent={30} />\n          <Progress percent={70} status=\"exception\" />\n          <Progress percent={70} status=\"pause\" />\n          <Progress percent={100} status=\"success\" />\n          <Progress percent={100} />\n          <Progress percent={50} showInfo={false} />\n        </div>\n        <h3>小型进度条</h3>\n        <p>适合放在较狭窄的区域内</p>\n        <div style={{ width: 170 }}>\n          <Progress percent={30} size={'mini'} />\n          <Progress percent={70} size={'mini'} status=\"exception\" />\n          <Progress percent={70} size={'mini'} status=\"pause\" />\n          <Progress percent={100} size={'mini'} status=\"success\" />\n          <Progress percent={100} size={'mini'} />\n        </div>\n      </div>\n    );\n  }\n}\n"},AW6G:function(e,t){e.exports="---\nauthor:\n  name: lhf\n  homepage: https://github.com/lhf/\n  email: 12504@etransfar.com\n---\n\n## Popover\n\nPopover Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|title|string||popover标题|\n|action|hover or click|hover|触发类型|\n|popovers|string or react.element||气泡框内容|\n|placement|string||提示框定位|\n\n### Api"},BtTj:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return s});var a=n("Jmof"),o=(n.n(a),n("lkey")),l=n("WB2H"),s=class extends a.Component{constructor(e){super(e),this.state={}}render(){return l.a.config({top:60,duration:10}),React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"全局提示"),React.createElement("p",null,"各种类型的全局提示，自动消失"),React.createElement(o.a,{onClick:()=>{l.a.info("这是一条提示信息（信息内容）。")}},"info")," ",React.createElement(o.a,{type:"secondary",onClick:()=>{l.a.success("这是一条提示信息（信息内容）。")}},"success")," ",React.createElement(o.a,{type:"secondary",onClick:()=>{l.a.error("这是一条提示信息（信息内容）。")}},"error")," ",React.createElement(o.a,{type:"secondary",onClick:()=>{l.a.warning("这是一条提示信息（信息内容）。")}},"warning"))}}},CKXR:function(e,t){e.exports='import { Component } from \'react\';\nimport Input from \'../Input\';\nimport Icon from \'../../icon\';\nimport Search from \'../Search\';\nimport CardInput from \'../CardInput\';\n\nexport default class InputDemo extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = { value: \'1234-1234-1234-1234\' };\n  }\n\n  onChangeCard = (e) => {\n    const value = e.target.value;\n    this.setState({ value });\n  }\n\n  render() {\n    const prefix = (<Icon size={12} name={\'account\'} />);\n\n    return (\n      <div className="markdown-block">\n        <h3>基本</h3>\n        <p>输入框</p>\n        <Input placeholder="请输入" defaultValue="12345465" />\n        <h3>图标</h3>\n        <p>图标输入框</p>\n        <Input placeholder="请输入" prefix={prefix} />\n        <h3>大小</h3>\n        <p>三种大小的数字输入框</p>\n        <Input size="large" placeholder="large size" />\n        <p />\n        <Input size="normal" placeholder="normal size" />\n        <p />\n        <Input size="small" placeholder="small size" />\n        <h3>禁用</h3>\n        <p>输入框禁用</p>\n        <p>\n          <Input placeholder="input disabled" defaultValue="12345465" disabled />\n        </p>\n        <h3>搜索框</h3>\n        <p>带有搜索按钮的输入框</p>\n        <Search size="large" placeholder="input search text" style={{ width: 240 }} />\n        <p></p>\n        <Search placeholder="input search text" style={{ width: 240 }} />\n        <p></p>\n        <Search size="small" placeholder="input search text" style={{ width: 240 }} />\n        <h3>文本域</h3>\n        <p>用于多行输入</p>\n        <Input type="textarea" placeholder="请输入" autosize rows={1} />\n        <Input type="textarea" placeholder="请输入" rows={6} />\n        <h3>格式化</h3>\n        <p>针对16或多位格式化输入</p>\n        <CardInput\n          size="large"\n          mask="1111-1111-1111-1111"\n          placeholder="1234-1234-1234-1234"\n          value={this.state.value}\n          onChange={this.onChangeCard}\n        />\n        <p></p>\n        <CardInput\n          size="normal"\n          mask="111111-111111-111111-111111"\n          onChange={this.onChangeCard}\n        />\n      </div>\n    );\n  }\n}\n'},DAzN:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return l});var a=n("Jmof"),o=(n.n(a),n("IggZ")),l=class extends a.Component{constructor(){var e;return e=super(...arguments),this.onChange=(e=>{console.log("changed",e)}),e}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本"),React.createElement("p",null,"数字输入框"),React.createElement(o.a,{style:{width:200},min:1,max:10,defaultValue:3,onChange:this.onChange}),React.createElement("h3",null,"禁用"),React.createElement("p",null,"数字输入框禁用"),React.createElement(o.a,{min:1,max:10,disabled:!0,defaultValue:3}),React.createElement("h3",null,"小数"),React.createElement("p",null,"和原生的数字输入框一样，鼠标离开输入框时自动取值。目前设定小数位两位。"),React.createElement(o.a,{min:0,max:10,defaultValue:3,step:1,onChange:this.onChange}),React.createElement("h3",null,"大小"),React.createElement("p",null,"三种大小的数字输入框。"),React.createElement(o.a,{size:"large",min:1,max:1e5,defaultValue:3,onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{min:1,max:1e5,defaultValue:3,onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{size:"small",min:1,max:1e5,defaultValue:3,onChange:this.onChange}),React.createElement("h3",null,"格式化展示"),React.createElement("p",null,"展示具有具体含义的数据"),React.createElement(o.a,{formatter:e=>`$ ${e.replace(/\B(?=(\d{3})+(?!\d))/g,",")}`,parser:e=>e.replace(/\$\s?|(,*)/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1e3,formatter:e=>`¥ ${e.replace(/\B(?=(\d{3})+(?!\d))/g,",")}`,parser:e=>e.replace(/\¥\s?|(,*)/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:10,formatter:e=>`${e} m`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:10,formatter:e=>`${e} ㎡`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:10,formatter:e=>`${e} t`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:10,formatter:e=>`${e} L`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:10,formatter:e=>`${e} min`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}),React.createElement("br",null),React.createElement("br",null),React.createElement(o.a,{defaultValue:1,min:0,max:1e3,formatter:e=>`${e} m³`,parser:e=>e.replace(/[^\d]/g,""),onChange:this.onChange}))}}},"E1T+":function(e,t,n){"use strict";t.a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"vertical";if("undefined"==typeof document||"undefined"==typeof window)return 0;if(o)return o;var t=document.createElement("div");Object.keys(l).forEach(e=>{t.style[e]=l[e]}),document.body.appendChild(t);var n=0;return"vertical"===e?n=t.offsetWidth-t.clientWidth:"horizontal"===e&&(n=t.offsetHeight-t.clientHeight),document.body.removeChild(t),o=n};var a=n("GvBW"),o=(n.n(a),void 0),l={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"}},"E7M+":function(e,t){e.exports="---\nauthor:\n  name: lhf\n  homepage: https://github.com/lhf/\n  email: 12504@etransfar.com\n---\n\n## Popconfirm\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|action|hover or click|hover|触发类型|\n|content|string or react.element||气泡确认框内容|\n|placement|string||提示框定位|\n|confirmVisable|bool||确认框是否显示|\n|handleOkClickTrigger|func||确认按钮触发事件|\n\n### Api"},Eiul:function(e,t){e.exports='import { Component } from \'react\';\nimport Spin from \'../Spin\';\nimport Alert from \'../../alert\';\nimport Button from \'../../button\';\nimport style from \'./index.css\';\n\nexport default class SpinDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      isShow1: true,\n      isShow2: false,\n    };\n  }\n\n  swichHandle1 = () => {\n    this.setState({\n      isShow1: !this.state.isShow1\n    })\n  }\n\n  swichHandle2 = () => {\n    this.setState({\n      isShow2: !this.state.isShow2\n    })\n  }\n\n  render() {\n    return (\n      <div className="markdown-block">\n        <h3>基本用法</h3>\n        <Spin />\n        <h3>自定义大小</h3>\n        <table>\n          <thead>\n            <tr>\n              <th>小</th>\n              <th>中</th>\n              <th>大</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>\n                  <Spin size="small" />\n              </td>\n              <td>\n                  <Spin size="default" />\n              </td>\n              <td>\n                  <Spin size="large" />\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <h3>自定义描述文案</h3>\n        <table>\n          <thead>\n            <tr>\n              <th>小</th>\n              <th>中</th>\n              <th>大</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>\n                  <Spin size="small" tip="loading..." />\n              </td>\n              <td>\n                  <Spin size="default" tip="loading..." />\n              </td>\n              <td>\n                  <Spin size="large" tip="loading..." />\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <h3>容器中使用</h3>\n        <div className={style.example1}>\n          <Spin />\n        </div>\n        <div className={style.example1}>\n          <Spin tip="loading..." />\n        </div>\n        <h3>提示中使用</h3>\n        <div>\n          <Spin spinning={this.state.isShow1}>\n            <Alert\n              type="info"\n              message="警告提示内容"\n              description={`警告提示的辅助性文字介绍警告提示的辅助\n              性文字介绍警告提示的辅助性文字介绍警告提示的辅助性文\n              字介绍警告提示的辅助性文字介绍警告提示的辅助性文字介\n              绍警告提示的辅助性文字介绍警告提示的辅助性文字介绍警\n              告提示的辅助性文字介绍警告提示的辅助性文字介绍`}\n            />\n          </Spin>\n          <p>\n            <Button type="primary" onClick={this.swichHandle1}>显示/隐藏</Button>\n          </p>\n        </div>\n        <h3>延迟</h3>\n        <div>\n          <Spin spinning={this.state.isShow2} delay={600}>\n            <Alert\n              type="info"\n              message="警告提示内容"\n              description={`警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍警告提示的辅助性文字介绍警告提示\n              的辅助性文字介绍`}\n            />\n          </Spin>\n          <p>\n            <Button type="primary" onClick={this.swichHandle2}>显示/隐藏</Button>\n          </p>\n        </div>\n      </div>\n    );\n  }\n}\n'},Ek3L:function(e,t){e.exports="import { Component } from 'react';\nimport Trigger from '../Trigger';\nimport Button from '../../button';\nimport Radio, { RadioGroup } from '../../radio';\n\nconst PLACEMENT_ENUM = {\n  left: {\n    points: ['cr', 'cl'],\n  },\n  right: {\n    points: ['cl', 'cr'],\n  },\n  top: {\n    points: ['bc', 'tc'],\n  },\n  bottom: {\n    points: ['tc', 'bc'],\n  },\n  topLeft: {\n    points: ['bl', 'tl'],\n  },\n  topRight: {\n    points: ['br', 'tr'],\n  },\n  bottomRight: {\n    points: ['tr', 'br'],\n  },\n  bottomLeft: {\n    points: ['tl', 'bl'],\n  },\n};\n\nconst ActionType = [\n  'hover',\n  'click',\n];\n\nexport default class TriggerDemo extends Component {\n  state = {\n    placement: 'bottom',\n    action: 'click',\n    visible: false,\n  }\n  onChangePlacement = (e) => {\n    this.setState({\n      placement: e.target.value,\n    });\n  }\n  onChangeActionType = (e) => {\n    this.setState({\n      action: e.target.value,\n    });\n  }\n  onClosePopup = () => {\n    this.setState({\n      visible: false,\n    });\n  }\n  onPopupVisibleChange = (visible) => {\n    console.log('onPopupVisibleChange', visible);\n    this.setState({\n      visible,\n    });\n  }\n  renderPlacementSelector() {\n    const { placement } = this.state;\n    return (\n      <select value={placement} onChange={this.onChangePlacement}>\n        {\n          Object.keys(PLACEMENT_ENUM).map(p => (\n            <option key={p}>{p}</option>\n          ))\n        }\n      </select>\n    );\n  }\n  render() {\n    const {\n      placement,\n      action,\n    } = this.state;\n    return (\n      <div className=\"markdown-block\">\n        <h5>普通用法</h5>\n        <label htmlFor=\"placement\">对齐方式</label>\n        {\n          this.renderPlacementSelector()\n        }\n        <label htmlFor=\"action\">触发方式</label>\n        <RadioGroup value={action} onChange={this.onChangeActionType}>\n          {\n            ActionType.map(type => (\n              <Radio\n                value={type}\n                key={type}\n              >{type}</Radio>\n            ))\n          }\n        </RadioGroup>\n        <Trigger\n          action={action}\n          popup={\n            <div style={{ border: '1px solid #000', padding: 10, background: '#fff' }}>popup content</div>\n          }\n          placement={PLACEMENT_ENUM[placement].points}\n          mouseLeaveDelay={100}\n        >\n          <Button>{`${action} me`}</Button>\n        </Trigger>\n        <h5>手动控制关闭</h5>\n        <Trigger\n          action={'click'}\n          popupVisible={this.state.visible}\n          popup={\n            <div onClick={this.onClosePopup}>click me to close</div>\n          }\n          onPopupVisibleChange={this.onPopupVisibleChange}\n        >\n          <Button>click</Button>\n        </Trigger>\n      </div>\n    );\n  }\n}\n"},FaRr:function(e,t,n){var a=n("V40D");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},Gczl:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,".EQXZMCV,.h85PQ2p{margin-left:110px}button{width:60px}._2t-VUhY{float:left}._3vGiCGW{margin-left:360px}.h85PQ2p{margin-top:10px}.EQXZMCV ._3WixqFJ,.h85PQ2p ._2BepiJ_{display:inline-block;margin-right:10px}._2t-VUhY ._3sQS4SA,._3vGiCGW ._2keCoO8{margin-top:10px}",""]),t.locals={"top-tooltip":"EQXZMCV","bottom-tooltip":"h85PQ2p","left-tooltip":"_2t-VUhY","right-tooltip":"_3vGiCGW","top-tooltip-div":"_3WixqFJ","bottom-tooltip-div":"_2BepiJ_","left-tooltip-div":"_3sQS4SA","right-tooltip-div":"_2keCoO8"}},GuEn:function(e,t){e.exports="---\nauthor:\n  name: yan\n  homepage: https://github.com/october-yan/\n---\n\n## Notification\n\n全局展示通知提醒信息.\n\n### 何时使用\n\n在系统四个角显示通知提醒信息。经常用于以下情况：\n较为复杂的通知内容。\n带有交互的通知，给出用户下一步的行动点。\n系统主动推送。\n\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|message|string||通知提醒标题，必选|\n|description|string||通知提醒内容，必选|\n|duration|number|4.5|默认 4.5 秒后自动关闭，配置为 0 则不自动关闭|\n|icon|ReactNode||自定义图标|\n|btn|ReactNode||自定义关闭按钮|\n|placement|string|topRight|弹出位置，可选 topLeft topRight bottomLeft bottomRight|\n\n\n#### notification.config(options)\n|name|type|default|description|\n|---|---|---|---|\n|placement|string|topRight|弹出位置，可选 topLeft topRight bottomLeft bottomRight|\n|top|number|24|消息从顶部弹出时，距离顶部的位置，单位像素|\n|bottom|number|24|消息从底部弹出时，距离底部的位置，单位像素|\n|duration|number|4.5|默认自动关闭延时，单位秒|\n\n\n### Api"},Hlpk:function(e,t,n){var a=n("Jz/6");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},Hn9c:function(e,t){e.exports="import { Component } from 'react';\nimport Modal from '../Modal';\nimport Button from '../../button';\n\nexport default class ModalDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.openModal = this.openModal.bind(this);\n    this.state = {\n      visible: false,\n    };\n  }\n  openModal() {\n    this.setState({\n      visible: true,\n    });\n  }\n  closeModal() {\n    this.setState({\n      visible: false,\n    });\n  }\n  render() {\n    const { visible } = this.state;\n    const modalProps = {\n      title: '标题',\n      visible,\n      onOk: () => {\n        this.closeModal();\n        console.log('onOK');\n      },\n      onCancel: () => {\n        this.closeModal();\n        console.log('onCancel');\n      },\n      afterClose() {\n        console.log('afterClose');\n      },\n    };\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本</h3>\n        <Button type=\"secondary\" onClick={this.openModal}>open modal</Button>\n        <Modal {...modalProps}>\n          <p>这是一段信息。</p>\n        </Modal>\n        <h3>信息提示</h3>\n        <p>各种类型的信息提示，只提供一个按钮用于关闭。</p>\n        <Button\n          type=\"secondary\"\n          onClick={() => {\n            Modal.info({\n              content: '这是提示信息',\n              closable: true,\n            });\n          }}\n        >info</Button>&emsp;\n        <Button\n          type=\"secondary\"\n          onClick={() => {\n            Modal.success({\n              content: '这是成功消息',\n            });\n          }}\n        >success</Button>&emsp;\n        <Button\n          type=\"secondary\"\n          onClick={() => {\n            Modal.error({\n              content: '这是错误提示',\n            });\n          }}\n        >error</Button>&emsp;\n        <Button\n          type=\"secondary\"\n          onClick={() => {\n            Modal.warning({\n              content: '这是警告信息',\n            });\n          }}\n        >warning</Button>\n      </div>\n    );\n  }\n}\n"},I045:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Icon\n\n图标。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|name|string|''|图标名称|\n|size|number|32|尺寸|\n|color|string|-|颜色|\n"},I4gK:function(e,t,n){"use strict";n.d(t,"a",function(){return m});var a,o,l=n("Jmof"),s=n.n(l),r=n("KSGD"),i=n.n(r),c=n("2D77"),m=(o=a=class extends l.PureComponent{render(){if(Object(c.a)(this.props.children)){var e={};return this.props.children&&(e.dangerouslySetInnerHTML={__html:this.props.children.toString()}),s.a.createElement("th",e)}return s.a.createElement("th",null,this.props.children)}},a.defaultProps={children:null},a.propTypes={children:i.a.oneOfType([i.a.string,i.a.instanceOf(Object)])},o)},IAgb:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,"._10nfZ5r{display:flex;flex-wrap:wrap}.GsIgpmR{display:inline-flex;margin:1px;width:80px;height:80px;border:1px solid var(--border-color);flex-direction:column;justify-content:space-around;text-align:center}.GsIgpmR>svg{margin:0 auto}._25I3NhY{display:block;font-size:12px;line-height:1}",""]),t.locals={Icon__wrap:"_10nfZ5r",Icon__grid:"GsIgpmR",Icon__name:"_25I3NhY"}},IV61:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,".IATVnLg{padding-top:30px}._1gVznGn{margin-top:8px;font-size:12px}",""]),t.locals={"upload-btn":"IATVnLg","upload-text":"_1gVznGn"}},J2TD:function(e,t){e.exports='import Button from \'quark-ui/button\';\nimport Dropdown from \'../Dropdown\';\n\nconst { Menu } = Dropdown;\nconst { Item } = Menu;\n\nconst DropdownDemo = () => {\n  const menu = (\n    <Menu>\n      <Item>\n        <a href="https://www.ehuodi.com">易货嘀</a>\n      </Item>\n      <Item>\n        <a href="http://www.lujing56.cn/">陆鲸</a>\n      </Item>\n      <Item>\n        <a href="https://ecargo.ehuodi.com/">加盟车队管理系统</a>\n      </Item>\n    </Menu>\n  );\n  return (\n    <div className="markdown-block">\n      <h3>带下拉框的按钮</h3>\n      <Dropdown overlay={menu}>\n        <Button>菜单</Button>\n      </Dropdown>\n      <h3>Dropdown内置按钮</h3>\n      <Dropdown.Button type="secondary" overlay={menu} trigger={\'click\'}>\n        菜单\n      </Dropdown.Button>\n    </div>\n  );\n};\n\nexport default DropdownDemo;\n'},JJ4K:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return i});var a=n("JCOr"),o=n("Jmof"),l=(n.n(o),n("kbwb")),s=(n("oiih"),n("7nwc")),r=n.n(s),i=class extends o.Component{render(){var e=React.createElement("div",null,React.createElement("p",null,"top"),React.createElement("p",null,"这是一个气泡框"));return React.createElement("div",null,React.createElement("div",{className:r.a["top-tooltip"]},React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{title:"标题",popovers:"topLeft",placement:"topLeft"},React.createElement(l.a,{type:"secondary"},"上左"))),React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{title:"标题",popovers:e,placement:"top",action:"click",hasButton:!0},React.createElement(l.a,{type:"secondary"},"点击"))),React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{popovers:"topRight",placement:"topRight"},React.createElement(l.a,{type:"secondary"},"上右")))),React.createElement("div",{className:r.a["left-tooltip"]},React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{popovers:"leftTop",placement:"leftTop"},React.createElement(l.a,{type:"secondary"},"左上"))),React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{popovers:"left",placement:"left"},React.createElement(l.a,{type:"secondary"},"左"))),React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{popovers:"leftBottom",placement:"leftBottom"},React.createElement(l.a,{type:"secondary"},"左下")))),React.createElement("div",{className:r.a["right-tooltip"]},React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{popovers:"rightTop",placement:"rightTop"},React.createElement(l.a,{type:"secondary"},"右上"))),React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{popovers:"right",placement:"right"},React.createElement(l.a,{type:"secondary"},"右"))),React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{popovers:"rightBottom",placement:"rightBottom"},React.createElement(l.a,{type:"secondary"},"左下")))),React.createElement("div",{className:r.a["bottom-tooltip"]},React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{popovers:"bottomLeft",placement:"bottomLeft"},React.createElement(l.a,{type:"secondary"},"下左"))),React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{popovers:"bottom",placement:"bottom"},React.createElement(l.a,{type:"secondary"},"下"))),React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{popovers:"bottomRight",placement:"bottomRight"},React.createElement(l.a,{type:"secondary"},"下右")))))}}},"Jz/6":function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,"._1flgiXF,._10xN1Sm{margin-left:110px}button{min-width:60px}._1Vbw0S8{float:left}._2mQ-n0v{margin-left:360px}._10xN1Sm{margin-top:10px}._1flgiXF ._2_Km13b,._10xN1Sm ._3VxyDZX{display:inline-block;margin-right:10px}._1Vbw0S8 ._3HC8bgS,._2mQ-n0v ._3Wtmrxa{margin-top:10px}",""]),t.locals={"top-tooltip":"_1flgiXF","bottom-tooltip":"_10xN1Sm","left-tooltip":"_1Vbw0S8","right-tooltip":"_2mQ-n0v","top-tooltip-div":"_2_Km13b","bottom-tooltip-div":"_3VxyDZX","left-tooltip-div":"_3HC8bgS","right-tooltip-div":"_3Wtmrxa"}},KIYf:function(e,t,n){var a=n("SdPj");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},KOED:function(e,t){e.exports='import { Component } from \'react\';\nimport Breadcrumb from \'../index\';\n\nexport default class BreadcrumbDemo extends Component {\n  render() {\n    return (\n      <div className="markdown-block">\n        <h3>基本面包屑</h3>\n        <p><Breadcrumb>\n          <Breadcrumb.Item>home</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/button">Button</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/steps">Steps</Breadcrumb.Item>\n          <Breadcrumb.Item>bbb</Breadcrumb.Item>\n        </Breadcrumb></p>\n\n        <Breadcrumb separator=">">\n          <Breadcrumb.Item>home</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/button">Button</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/steps">Steps</Breadcrumb.Item>\n          <Breadcrumb.Item>bbb</Breadcrumb.Item>\n        </Breadcrumb>\n\n        <h3>带返回的面包屑</h3>\n        <p><Breadcrumb hasBackIcon >\n          <Breadcrumb.Item href="/">home</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/button">Button</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/steps">Steps</Breadcrumb.Item>\n          <Breadcrumb.Item>bbb</Breadcrumb.Item>\n        </Breadcrumb></p>\n\n        <Breadcrumb hasBackIcon separator=">">\n          <Breadcrumb.Item href="/">home</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/button">Button</Breadcrumb.Item>\n          <Breadcrumb.Item href="/component/steps">Steps</Breadcrumb.Item>\n          <Breadcrumb.Item>bbb</Breadcrumb.Item>\n        </Breadcrumb>\n      </div>\n    );\n  }\n}\n'},KOOh:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Button\n\n按钮用于开始一个即时操作。\n\n### 何时使用\n\n标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|type|String|'primary'|button type, `primary` `secondary` `dashed` or `danger`|\n|size|String|'normal'|button size, `normal` `large` or `small` |\n\n### Api"},KhAK:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return i});var a=n("JJl7"),o=n("kbwb"),l=n("Jmof"),s=(n.n(l),n("oiih"),n("Q6KC")),r=n.n(s),i=class extends l.Component{render(){var e=React.createElement("div",null,React.createElement("p",null,"1111"),React.createElement("p",null,"222"),React.createElement("p",null,"3333"));return React.createElement("div",null,React.createElement("div",{className:r.a["top-tooltip"]},React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{tips:"topLeft",placement:"topLeft"},React.createElement(o.a,{type:"secondary"},"上左"))),React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{tips:"top",placement:"top"},React.createElement(o.a,{type:"secondary"},"上"))),React.createElement("div",{className:r.a["top-tooltip-div"]},React.createElement(a.a,{tips:"topRight",placement:"topRight"},React.createElement(o.a,{type:"secondary"},"上右")))),React.createElement("div",{className:r.a["left-tooltip"]},React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{tips:e,placement:"leftTop"},React.createElement(o.a,{type:"secondary"},"左上"))),React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{tips:e,placement:"left"},React.createElement(o.a,{type:"secondary"},"左"))),React.createElement("div",{className:r.a["left-tooltip-div"]},React.createElement(a.a,{tips:e,placement:"leftBottom"},React.createElement(o.a,{type:"secondary"},"左下")))),React.createElement("div",{className:r.a["right-tooltip"]},React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{tips:"right",placement:"rightTop"},React.createElement(o.a,{type:"secondary"},"右上"))),React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{tips:"right",placement:"right"},React.createElement(o.a,{type:"secondary"},"右"))),React.createElement("div",{className:r.a["right-tooltip-div"]},React.createElement(a.a,{tips:"right",placement:"rightBottom"},React.createElement(o.a,{type:"secondary"},"左下")))),React.createElement("div",{className:r.a["bottom-tooltip"]},React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{tips:"bottomLeft",placement:"bottomLeft"},React.createElement(o.a,{type:"secondary"},"下左"))),React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{tips:"bottom",placement:"bottom"},React.createElement(o.a,{type:"secondary"},"下"))),React.createElement("div",{className:r.a["bottom-tooltip-div"]},React.createElement(a.a,{tips:"bottomRight",placement:"bottomRight"},React.createElement(o.a,{type:"secondary"},"下右")))))}}},LXsE:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,"._2FzUuhQ,._2TZDyut{margin-left:110px}button{width:60px}._754MSPv{float:left}._2NMzr1M{margin-left:360px}._2FzUuhQ{margin-top:10px}._2FzUuhQ ._2NzOvIh,._2TZDyut ._3PW1L4N{display:inline-block;margin-right:10px}._2NMzr1M .XuVWjWG,._754MSPv ._2YsOB_s{margin-top:10px}",""]),t.locals={"top-tooltip":"_2TZDyut","bottom-tooltip":"_2FzUuhQ","left-tooltip":"_754MSPv","right-tooltip":"_2NMzr1M","top-tooltip-div":"_3PW1L4N","bottom-tooltip-div":"_2NzOvIh","left-tooltip-div":"_2YsOB_s","right-tooltip-div":"XuVWjWG"}},LiML:function(e,t){e.exports='import Tooltip from \'../Tooltip\';\nimport Button from \'../../button/Button\';\nimport { Component } from \'react\';\n// import CSSModules from \'react-css-modules\';\nimport { allowMultiple } from \'../../../constants\';\nimport styles from \'./index.css\';\n\n// @CSSModules(styles, { allowMultiple })\nexport default class TooltipDemo extends Component {\n\n  render() {\n  \tconst ele = (<div><p>1111</p><p>222</p><p>3333</p></div>);\n\n    return (\n      <div>\n        <div className={styles[\'top-tooltip\']}>\n          <div className={styles[\'top-tooltip-div\']}><Tooltip tips="topLeft" placement="topLeft" ><Button type="secondary">上左</Button></Tooltip></div>\n          <div className={styles[\'top-tooltip-div\']}><Tooltip tips="top"  placement="top" ><Button type="secondary">上</Button></Tooltip></div>\n          <div className={styles[\'top-tooltip-div\']}><Tooltip tips="topRight"  placement="topRight" ><Button type="secondary">上右</Button></Tooltip></div>\n        </div>\n        <div className={styles[\'left-tooltip\']} >\n          <div className={styles[\'left-tooltip-div\']}><Tooltip tips={ele} placement="leftTop" ><Button type="secondary">左上</Button></Tooltip></div>\n          <div className={styles[\'left-tooltip-div\']}><Tooltip tips={ele} placement="left" ><Button type="secondary">左</Button></Tooltip></div>\n          <div className={styles[\'left-tooltip-div\']}><Tooltip tips={ele}  placement="leftBottom" ><Button type="secondary">左下</Button></Tooltip></div>\n        </div>\n        <div className={styles[\'right-tooltip\']} >\n          <div className={styles[\'right-tooltip-div\']}><Tooltip tips="right" placement="rightTop" ><Button type="secondary">右上</Button></Tooltip></div>\n          <div className={styles[\'right-tooltip-div\']}><Tooltip tips="right" placement="right" ><Button type="secondary">右</Button></Tooltip></div>\n          <div className={styles[\'right-tooltip-div\']}><Tooltip tips="right"  placement="rightBottom" ><Button type="secondary">左下</Button></Tooltip></div>\n        </div>\n        <div className={styles[\'bottom-tooltip\']}>\n          <div className={styles[\'bottom-tooltip-div\']}><Tooltip tips="bottomLeft" placement="bottomLeft" ><Button type="secondary">下左</Button></Tooltip></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Tooltip tips="bottom" placement="bottom"><Button type="secondary">下</Button></Tooltip></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Tooltip tips="bottomRight" placement="bottomRight"><Button type="secondary">下右</Button></Tooltip></div>\n        </div>\n      </div>\n      \n    );\n  }\n}\n'},"M1/m":function(e,t){e.exports="import { Component } from 'react';\nimport InputNumber from '../InputNumber';\n\nexport default class InputNumberDemo extends Component {\n  onChange = (value) => {\n    console.log('changed', value);\n  }\n\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本</h3>\n        <p>数字输入框</p>\n        <InputNumber style={{ width: 200 }} min={1} max={10} defaultValue={3} onChange={this.onChange} />\n        <h3>禁用</h3>\n        <p>数字输入框禁用</p>\n        <InputNumber min={1} max={10} disabled defaultValue={3} />\n        <h3>小数</h3>\n        <p>和原生的数字输入框一样，鼠标离开输入框时自动取值。目前设定小数位两位。</p>\n        <InputNumber min={0} max={10} defaultValue={3} step={1.00} onChange={this.onChange} />\n        <h3>大小</h3>\n        <p>三种大小的数字输入框。</p>\n        <InputNumber size=\"large\" min={1} max={100000} defaultValue={3} onChange={this.onChange} />\n        <br /><br />\n        <InputNumber min={1} max={100000} defaultValue={3} onChange={this.onChange} />\n        <br /><br />\n        <InputNumber size=\"small\" min={1} max={100000} defaultValue={3} onChange={this.onChange} />\n        <h3>格式化展示</h3>\n        <p>展示具有具体含义的数据</p>\n        <InputNumber\n          formatter={value => `$ ${value.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`}\n          parser={value => value.replace(/\\$\\s?|(,*)/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1000}\n          formatter={value => `¥ ${value.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`}\n          parser={value => value.replace(/\\¥\\s?|(,*)/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={10}\n          formatter={value => `${value} m`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={10}\n          formatter={value => `${value} ㎡`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={10}\n          formatter={value => `${value} t`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={10}\n          formatter={value => `${value} L`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={10}\n          formatter={value => `${value} min`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n        <br /><br />\n        <InputNumber\n          defaultValue={1}\n          min={0}\n          max={1000}\n          formatter={value => `${value} m³`}\n          parser={value => value.replace(/[^\\d]/g, '')}\n          onChange={this.onChange}\n        />\n      </div>\n    );\n  }\n}\n"},Mdu8:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return l});var a=n("b7MC"),o=n("Jmof"),l=(n.n(o),class extends o.Component{constructor(){var e;return e=super(...arguments),this.state={current:3},e}render(){var e=this.state.current;return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本"),React.createElement("p",null,"基础分页。"),React.createElement(a.a,{current:e,total:0}),React.createElement(a.a,{current:e,total:50}),React.createElement("h3",null,"更多分页"),React.createElement(a.a,{defaultCurrent:1,total:500,showSizeChanger:!0,onSizeChange:(e,t)=>{console.log(`size: ${e} current: ${t}`)}}),React.createElement("h3",null,"跳转"),React.createElement("p",null,"快速跳转到某一页。"),React.createElement(a.a,{showTotal:!0,total:5e5,showQuickJumper:!0}),React.createElement("h3",null,"迷你"),React.createElement("p",null,"用于弹窗等页面展示区域狭小的场景。"),React.createElement("h3",null,"受控方式"),React.createElement("p",null,React.createElement(a.a,{current:e,total:50,onChange:e=>{this.setState({current:e})}})),React.createElement(a.a,{total:100,showQuickJumper:!0,showSizeChanger:!0,size:"small"}),React.createElement("h3",null,"非受控方式"),React.createElement(a.a,{defaultCurrent:1,total:50}))}})},PKY1:function(e,t,n){var a,o,l;!function(n,s){o=[t,e],void 0!==(l="function"==typeof(a=s)?a.apply(t,o):a)&&(e.exports=l)}(0,function(e,t){"use strict";function n(){return"jsonp_"+Date.now()+"_"+Math.ceil(1e5*Math.random())}function a(e){try{delete window[e]}catch(t){window[e]=void 0}}function o(e){var t=document.getElementById(e);t&&document.getElementsByTagName("head")[0].removeChild(t)}var l={timeout:5e3,jsonpCallback:"callback",jsonpCallbackFunction:null};t.exports=function(e){var t=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],s=e,r=t.timeout||l.timeout,i=t.jsonpCallback||l.jsonpCallback,c=void 0;return new Promise(function(l,m){var u=t.jsonpCallbackFunction||n(),p=i+"_"+u;window[u]=function(e){l({ok:!0,json:function(){return Promise.resolve(e)}}),c&&clearTimeout(c),o(p),a(u)},s+=-1===s.indexOf("?")?"?":"&";var d=document.createElement("script");d.setAttribute("src",""+s+i+"="+u),t.charset&&d.setAttribute("charset",t.charset),d.id=p,document.getElementsByTagName("head")[0].appendChild(d),c=setTimeout(function(){m(new Error("JSONP request to "+e+" timed out")),a(u),o(p),window[u]=function(){a(u)}},r),d.onerror=function(){m(new Error("JSONP request to "+e+" failed")),a(u),o(p),c&&clearTimeout(c)}})}})},PXi9:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/ryan.bian/\n  email: macisi528@gmail.com\n---\n\n## Animation\n\nAnimation Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|duration|number|500|持续时间|\n|motion|string|`fade`|效果|\n|timingFunction|string|`linear`|时间函数|\n|in|boolean|false|状态|\n|`...otherProps`|-|-|refer to https://reactcommunity.org/react-transition-group/#Transition|\n\n### Api"},PgBk:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return g});var a=n("Jmof"),o=n.n(a),l=n("xLxO"),s=n("hFTO"),r=n("kbwb"),i=n("WB2H"),c=n("kimJ"),m=n.n(c),u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p=class extends a.Component{constructor(e){super(e),this.state={}}render(){var e={name:"file",action:"https://jsonplaceholder.typicode.com/posts/",headers:{authorization:"authorization-text"},multiple:!0,disabled:!1,onResponse:e=>"success"===(e={result:"success",msg:"上传成功！",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}).result?{success:!0,message:"上传成功",url:e.url}:{success:!1,message:e.msg},onChange(e){e.file.status,"done"===e.file.status?i.a.success(`${e.file.name} 文件上传成功.`):"error"===e.file.status&&i.a.error(`${e.file.name} 文件上传失败！`)}};return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("h3",null,"1、经典款式，用户点击按钮弹出文件选择框。"),o.a.createElement(l.a,e,o.a.createElement(r.a,{size:"small",type:"secondary",disabled:e.disabled},o.a.createElement(s.a,{size:12,name:"upload"})," 上传文件")))}},d=class extends a.Component{constructor(e){super(e),this.state={}}render(){var e={name:"file",action:"https://jsonplaceholder.typicode.com/posts/",headers:{authorization:"authorization-text"},multiple:!0,disabled:!1,onResponse:e=>"success"===(e={result:"success",msg:"上传成功！",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}).result?{success:!0,message:"上传成功",url:e.url}:{success:!1,message:e.msg},onChange(e){e.file.status,"done"===e.file.status?i.a.success(`${e.file.name} 文件上传成功.`):"error"===e.file.status&&i.a.error(`${e.file.name} 文件上传失败！`)},defaultFileList:[{uid:1,name:"图片1.png",status:"done",url:"https://www.ehuodi.com/module/index/img/index2/line2_bg.png"},{uid:2,name:"图片2.png",status:"done",url:"https://www.ehuodi.com/module/index/img/index2/line2_bg.png"},{uid:3,name:"图片3.png",status:"error",response:"上传失败，图片太大"}]};return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("h3",null,"2、已上传文件的列表"),o.a.createElement("p",null,"使用 defaultFileList 设置已上传的内容。"),o.a.createElement(l.a,e,o.a.createElement(r.a,{size:"small",type:"secondary",disabled:e.disabled},o.a.createElement(s.a,{size:12,name:"upload"})," 上传文件")))}},h=class extends a.Component{constructor(e){super(e),this.state={fileList:[{uid:-1,name:"xxx.png",status:"done",url:"https://www.ehuodi.com/module/index/img/index2/line2_bg.png"}]}}render(){var e=this,t={action:"//jsonplaceholder.typicode.com/posts/",disabled:!1,onResponse:e=>"success"===(e={result:"success",msg:"上传成功！",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}).result?{success:!0,message:"上传成功",url:e.url}:{success:!1,message:e.msg},onChange(t){var n=t.fileList;n=(n=n.slice(-1)).map(e=>(e.response&&(e.url=e.response.url),e)),e.setState({fileList:n})}};return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("h3",null,"3、使用 fileList 对列表进行完全控制，可以实现各种自定义功能，以下演示三种情况："),o.a.createElement("p",null,"1) 上传列表数量的限制。"),o.a.createElement("p",null,"2) 读取远程路径并显示链接。"),o.a.createElement("p",null,"3) 按照服务器返回信息筛选成功上传的文件。"),o.a.createElement(l.a,u({},t,{fileList:this.state.fileList}),o.a.createElement(r.a,{size:"small",type:"secondary",disabled:t.disabled},o.a.createElement(s.a,{size:12,name:"upload"})," 上传文件")))}},y=class extends a.Component{constructor(e){super(e),this.handlePreview=(e=>{window.open(e.url)}),this.handleChange=(e=>{this.setState({fileList:e.fileList})}),this.state={fileList:[{uid:-1,name:"xxx.png",status:"done",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}]}}beforeUpload(e){var t="image/png"===e.type;t||i.a.error("请上传.png文件!");var n=e.size<1024e3;return n||i.a.error("图片不能超过1000KB!"),t&&n}render(){var e={action:"//jsonplaceholder.typicode.com/posts/",disabled:!1,listType:"picture-card",fileList:this.state.fileList,onPreview:this.handlePreview,onChange:this.handleChange,beforeUpload:this.beforeUpload,onResponse:e=>"success"===(e={result:"success",msg:"上传成功！",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}).result?{success:!0,message:"上传成功",url:e.url}:{success:!1,message:e.msg}},t=o.a.createElement("div",{className:m.a["upload-btn"]},o.a.createElement(s.a,{name:"plus",size:25}),o.a.createElement("div",{className:m.a["upload-text"]},"上传"));return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("h3",null,"4、显示上传缩略图"),o.a.createElement("p",null,"点击上传图片，并使用 beforeUpload 限制用户上传的图片格式和大小。"),o.a.createElement(l.a,e,this.state.fileList.length>=3?null:t))}},g=class extends a.Component{render(){return o.a.createElement("div",{className:"markdown-block"},o.a.createElement(p,null),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(d,null),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(h,null),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(y,null))}}},Q6KC:function(e,t,n){var a=n("Gczl");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},R50v:function(e,t,n){"use strict";n.d(t,"a",function(){return y});var a,o,l=n("Jmof"),s=n.n(l),r=n("HW6M"),i=n.n(r),c=n("KSGD"),m=n.n(c),u=n("+NhK"),p=n("qoUc"),d=n("Ts4/"),h=n.n(d),y=(o=a=class extends l.PureComponent{constructor(e){super(e),this.handleToggleChecked=((e,t,n)=>{n.stopPropagation(),this.setState({checked:t}),this.props.onSelectChange&&this.props.onSelectChange(e,t)}),this.state={checked:this.props.checked||!1}}componentDidMount(){}componentWillReceiveProps(e){this.setState({checked:e.checked})}handleMouseEnter(){this.props.root.handleRowHover(this.props.index,!0)}handleMouseLeave(){this.props.root.handleRowHover(this.props.index,!1)}renderColumns(e){var t=e.index,n=e.columns,a=e.data,o=e.fixedColumn,l=this.state.checked,r=[],i=[],c=[];return n.forEach(e=>{var n=void 0,o=void 0;e.render&&"function"==typeof e.render&&(o=s.a.createElement("div",null,e.render())),a[e.key]&&(n=a[e.key]);var m="select"===e.key?s.a.createElement(u.a,{column:e,key:e.key},s.a.createElement(p.a,{checked:l,onChange:e=>this.handleToggleChecked(t,!l,e)})):s.a.createElement(u.a,{column:e,key:e.key},n||o);e.fixed&&"left"===e.fixed?c.push(m):e.fixed&&"right"===e.fixed&&i.push(m),r.push(m)}),"left"===o?c:"right"===o?i:r}render(){var e=this.props,t=e.isHover,n=e.index,a=e.defaultstyle;return s.a.createElement("tr",{"data-row-key":n,ref:e=>{this.trRow=e},className:i()({[h.a["table-row"]]:!0,[h.a["table-row-hover"]]:t}),style:a,onMouseEnter:()=>{this.handleMouseEnter()},onMouseLeave:()=>{this.handleMouseLeave()}},this.renderColumns(this.props))}},a.defaultProps={index:null,checked:!1,root:null,isHover:null,defaultstyle:null,onSelectChange:null},a.propTypes={isHover:m.a.bool,index:m.a.number,checked:m.a.bool,root:m.a.instanceOf(Object),defaultstyle:m.a.instanceOf(Object),onSelectChange:m.a.func},o)},RPTQ:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return m});var a=n("Jmof"),o=(n.n(a),n("PJh5")),l=n.n(o),s=n("k44X"),r=n("qoUc"),i=s.a.MonthPicker,c=s.a.RangePicker,m=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={disabled:!1,date:l()().add(1,"M")},this.changeDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),e}onChange(e){console.log(e)}render(){var e=this.state,t=e.date,n=e.disabled;return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,React.createElement(r.a,{checked:n,onChange:this.changeDisabled},"禁用")),React.createElement("h3",null,"日期选择"),React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"非受控方式"),React.createElement("th",null,"受控方式"))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",null,React.createElement(s.a,{disabled:n,onChange:this.onChange})),React.createElement("td",{style:{position:"relative"}},React.createElement(s.a,{disabled:n,value:t,onChange:e=>{this.setState({date:e})}}),React.createElement("p",{style:{position:"absolute",right:"20px",top:"15px"}},"选择时间: ",t.format()))))),React.createElement("h3",null,"不可选日期"),React.createElement("p",null,"可用 disabledDate 禁止选择部分日期"),React.createElement(s.a,{disabled:n,disabledDate:e=>e&&e.valueOf()<Date.now()}),React.createElement("h3",null,"月份选择"),React.createElement(i,{onChange:this.onChange,disabled:n}),React.createElement("h3",null,"预设范围"),React.createElement("p",null,"RangePicker 可以设置常用的 预设范围 提高用户体验。"),React.createElement(c,{onChange:this.onChange,disabled:n}))}}},RZTb:function(e,t){e.exports="import React, { Component } from 'react';\nimport Reactable from '../index';\nimport Button from '../../button';\n\nconst { Table } = Reactable;\n\nexport default class TableDemo extends Component {\n  state= {\n    selectedRowKeys: [1, 2],\n    dataSource: [\n      {\n        key: '1',\n        name: 'John Brown',\n        age: '24 year',\n        address: 'New York No. 1',\n        work: 'New York No. 1',\n        color: 'New York No. 1',\n        fruit: 'Apples and melons are my favourite fruits.',\n      },\n      {\n        key: '2',\n        name: 'Jim Green',\n        age: '24 year',\n        address: 'London No. 1',\n        work: 'New York No. 1',\n        color: 'New York No. 1',\n        fruit: 'Apples and melons are my favourite fruits.',\n      },\n      {\n        key: '3',\n        name: 'Jim Green',\n        age: '24 year',\n        address: 'London No. 1',\n        work: 'New York No. 1',\n        color: 'New York No. 1',\n        fruit: 'Apples and melons are my favourite fruits.',\n      },\n    ],\n    columns: [\n      {\n        title: '',\n        dataIndex: 'select',\n        key: 'select',\n        width: 100,\n      },\n      {\n        title: 'Name',\n        dataIndex: 'name',\n        key: 'name',\n        width: 200,\n      },\n      {\n        title: 'Age',\n        dataIndex: 'age',\n        key: 'age',\n        width: 250,\n      },\n      {\n        title: 'Address',\n        dataIndex: 'address',\n        key: 'address',\n      },\n      {\n        title: 'Work',\n        dataIndex: 'work',\n        key: 'work',\n      },\n      {\n        title: 'Color',\n        dataIndex: 'color',\n        key: 'color',\n      },\n      {\n        title: 'Fruit',\n        dataIndex: 'fruit',\n        key: 'fruit',\n      },\n      {\n        title: 'Action',\n        dataIndex: 'action',\n        key: 'action',\n        width: 100,\n        render: () => (\n          <div>\n            <Button size=\"small\">删除</Button>\n          </div>\n        ),\n      },\n    ],\n  }\n  onSelectChange = (selectedRowKeys) => {\n    this.setState({\n      selectedRowKeys,\n    });\n  }\n\n  render() {\n    const rowSelection = {\n      selectedRowKeys: this.state.selectedRowKeys,\n      onSelectChange: this.onSelectChange,\n      selections: 'all-data',\n    };\n    const demo1 = {\n      data: [\n        {\n          key: '1',\n          name: 'John Brown',\n          age: '24 year',\n          address: 'New York No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my favourite fruits.',\n        },\n        {\n          key: '2',\n          name: 'Jim Green',\n          age: '24 year',\n          address: 'London No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my favourite fruits.',\n        },\n        {\n          key: '3',\n          name: 'Jim Green',\n          age: '24 year',\n          address: 'London No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my favourite fruits.',\n        },\n      ],\n      columns: [\n        {\n          title: 'Name',\n          dataIndex: 'name',\n          key: 'name',\n          width: 200,\n        },\n        {\n          title: 'Age',\n          dataIndex: 'age',\n          key: 'age',\n          width: 250,\n        },\n        {\n          title: 'Address',\n          dataIndex: 'address',\n          key: 'address',\n        },\n        {\n          title: 'Work',\n          dataIndex: 'work',\n          key: 'work',\n        },\n        {\n          title: 'Color',\n          dataIndex: 'color',\n          key: 'color',\n        },\n        {\n          title: 'Fruit',\n          dataIndex: 'fruit',\n          key: 'fruit',\n        },\n        {\n          title: 'Action',\n          dataIndex: 'action',\n          key: 'action',\n          width: 100,\n          render: () => (\n            <div>\n              <Button size=\"small\">删除</Button>\n            </div>\n          ),\n        },\n      ],\n    };\n\n    const demo2 = {\n      data: [\n        {\n          key: '1',\n          name: 'John Brown',\n          age: '24year',\n          address: 'New York No. 1NewNewNewNewNew',\n          work: 'New York No. 1NewNewNewNewNewNewNew',\n          color: 'New York No. 1NewNewNewNewNewNewNewNew',\n          fruit:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '2',\n          name: 'Jim Green',\n          age: '24year',\n          address: 'London No. 1NewNewNewNewNewNewNew',\n          work: 'New York No. 1NewNewNewNewNewNewNewNew',\n          color: 'New York No. 1NewNewNewNewNewNewNew',\n          fruit: 'Apples and melons are my favourite fruits.',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n      ],\n      columns: [\n        {\n          title: 'Name',\n          dataIndex: 'name',\n          key: 'name',\n          width: 200,\n          fixed: 'left',\n        },\n        {\n          title: 'Age',\n          dataIndex: 'age',\n          key: 'age',\n          width: 250,\n        },\n        {\n          title: 'Address',\n          dataIndex: 'address',\n          key: 'address',\n        },\n        {\n          title: 'Work',\n          dataIndex: 'work',\n          key: 'work',\n        },\n        {\n          title: 'Color',\n          dataIndex: 'color',\n          key: 'color',\n        },\n        {\n          title: 'Fruit',\n          dataIndex: 'fruit',\n          key: 'fruit',\n        },\n        {\n          title: 'Action',\n          dataIndex: 'action',\n          key: 'action',\n          width: 100,\n          fixed: 'right',\n          render: () => (\n            <div>\n              <Button size=\"small\">删除</Button>\n            </div>\n          ),\n        },\n      ],\n    };\n    const demo3 = {\n      data: [\n        {\n          key: '1',\n          name: 'John Brown',\n          age: '24 year',\n          address: 'New York No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my ',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '2',\n          name: 'Jim Green',\n          age: '24 year',\n          address: 'London No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '3',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '4',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '5',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n        },\n        {\n          key: '6',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n        {\n          key: '7',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n          foods:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          school:\n            'Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.',\n          interest: 'such as climbing mountains, travelling, watching movie...',\n        },\n      ],\n      columns: [\n        {\n          title: 'Name',\n          dataIndex: 'name',\n          key: 'name',\n          width: 200,\n          fixed: 'left',\n        },\n        {\n          title: 'Age',\n          dataIndex: 'age',\n          key: 'age',\n          width: 250,\n        },\n        {\n          title: 'Address',\n          dataIndex: 'address',\n          key: 'address',\n        },\n        {\n          title: 'Work',\n          dataIndex: 'work',\n          key: 'work',\n        },\n        {\n          title: 'Color',\n          dataIndex: 'color',\n          key: 'color',\n        },\n        {\n          title: 'Fruit',\n          dataIndex: 'fruit',\n          key: 'fruit',\n        },\n        {\n          title: 'Action',\n          dataIndex: 'action',\n          key: 'action',\n          width: 100,\n          fixed: 'right',\n          render: () => (\n            <div>\n              <Button size=\"small\">删除</Button>\n            </div>\n          ),\n        },\n      ],\n    };\n    const demo5 = {\n      data: [\n        {\n          key: '1',\n          name: 'John Brown',\n          age: '24 year',\n          address: 'New York No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my ',\n        },\n        {\n          key: '2',\n          name: 'Jim Green',\n          age: '24 year',\n          address: 'London No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n        {\n          key: '3',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n        {\n          key: '4',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n        {\n          key: '5',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n        {\n          key: '6',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n        {\n          key: '7',\n          name: 'Joe Black',\n          age: '24 year',\n          address: 'Sidney No. 1',\n          work: 'New York No. 1',\n          color: 'New York No. 1',\n          fruit: 'Apples and melons are my',\n        },\n      ],\n      columns: [\n        {\n          title: 'Name',\n          dataIndex: 'name',\n          key: 'name',\n          width: 200,\n        },\n        {\n          title: 'Age',\n          dataIndex: 'age',\n          key: 'age',\n          width: 250,\n        },\n        {\n          title: 'Address',\n          dataIndex: 'address',\n          key: 'address',\n        },\n        {\n          title: 'Work',\n          dataIndex: 'work',\n          key: 'work',\n        },\n        {\n          title: 'Color',\n          dataIndex: 'color',\n          key: 'color',\n        },\n        {\n          title: 'Fruit',\n          dataIndex: 'fruit',\n          key: 'fruit',\n        },\n        {\n          title: 'Action',\n          dataIndex: 'action',\n          key: 'action',\n          width: 100,\n          render: () => (\n            <div>\n              <Button size=\"small\">删除</Button>\n            </div>\n          ),\n        },\n      ],\n    };\n    return (\n      <div>\n        <h3>基本</h3>\n        <p>基础表格。</p>\n        <Table\n          dataSource={demo1.data}\n          columns={demo1.columns}\n          ref={(c) => {\n            this.table = c;\n          }}\n        />\n        <h3>表格固定</h3>\n        <p>表格固定列。</p>\n        <Table\n          dataSource={demo2.data}\n          columns={demo2.columns}\n          ref={(c) => {\n            this.table = c;\n          }}\n        />\n        <h3>表格固定</h3>\n        <p>固定头部。</p>\n        <Table\n          dataSource={demo5.data}\n          columns={demo5.columns}\n          height=\"300\"\n          ref={(c) => {\n            this.table = c;\n          }}\n        />\n        <h3>表格固定</h3>\n        <p>固定头部和列。</p>\n        <Table\n          dataSource={demo3.data}\n          columns={demo3.columns}\n          height=\"300\"\n          ref={(c) => {\n            this.table = c;\n          }}\n        />\n        <h3>可选择</h3>\n        <p>第一列是联动的选择框。</p>\n        <Table\n          rowSelection={rowSelection}\n          dataSource={this.state.dataSource}\n          columns={this.state.columns}\n          ref={(c) => {\n            this.table = c;\n          }}\n        />\n      </div>\n    );\n  }\n}\n"},Rloj:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return g});var a=n("Jmof"),o=(n.n(a),n("kbwb")),l=n("HDB8"),s=n("QES8"),r=n("6Fy1"),i=n("1nuA"),c=n.n(i),m=n("PKY1"),u=n.n(m),p=class extends a.Component{constructor(){super(),this.onChange=(e=>{var t=e.text,n=e.value;this.setState({value:n,text:t})}),this.setDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),this.setSelect=(()=>{this.setState({value:"B"})}),this.state={disabled:!1,value:null,text:null}}render(){var e=this.state,t=e.value,n=e.disabled;return React.createElement("div",{className:"markdown-block"},React.createElement(o.a,{onClick:this.setDisabled},n?"启用":"禁用"),"   ",React.createElement(o.a,{onClick:this.setSelect},"选中BB"),React.createElement("h3",null,"受控"),React.createElement("p",null),React.createElement(l.a,{style:{width:250},disabled:n,defaultValue:"C",value:t,onChange:this.onChange,placeholder:"请选择"},React.createElement(r.a,{value:"A"},"AA"),React.createElement(r.a,{value:"B"},"BB"),React.createElement(r.a,{value:"C"},"CC"),React.createElement(r.a,{value:"D"},"DD"),React.createElement(r.a,{value:"E"},"EE"),React.createElement(r.a,{value:"F"},"FF"),React.createElement(r.a,{value:"G"},"GG")),React.createElement("span",null,"选中值:",`${this.state.value},${this.state.text}`),React.createElement("h3",null,"非受控"),React.createElement("p",null),React.createElement(l.a,{style:{width:250},disabled:n,defaultValue:"C",onChange:this.onChange,placeholder:"请选择"},React.createElement(r.a,{value:"A"},"AA"),React.createElement(r.a,{value:"B"},"BB"),React.createElement(r.a,{value:"C"},"CC"),React.createElement(r.a,{value:"D"},"DD"),React.createElement(r.a,{value:"E"},"EE"),React.createElement(r.a,{value:"F"},"FF"),React.createElement(r.a,{value:"G"},"GG")),React.createElement("span",null,"选中值:",`${this.state.value},${this.state.text}`))}},d=class extends a.Component{constructor(){super(),this.setDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),this.setSelect=(()=>{this.setState({value:"B"})}),this.onChange=(e=>{var t=e.text,n=e.value;this.setState({value:n,text:t})}),this.state={disabled:!1,value:null,text:null}}render(){var e=this.state,t=e.value,n=e.disabled;return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"分组"),React.createElement("p",null),React.createElement(l.a,{style:{width:250},disabled:n,value:t,onChange:this.onChange,placeholder:"请选择"},React.createElement(s.a,{label:"分组1"},React.createElement(r.a,{value:"A"},"AA"),React.createElement(r.a,{value:"B"},"BB")),React.createElement(s.a,{label:"分组2"},React.createElement(r.a,{value:"C"},"CC"),React.createElement(r.a,{value:"D"},"DD")),React.createElement(s.a,{label:"分组3"},React.createElement(r.a,{value:"E"},"EE"),React.createElement(r.a,{value:"F"},"FF"),React.createElement(r.a,{value:"G"},"GG"))),React.createElement("span",null,"选中值:",`${this.state.value},${this.state.text}`),React.createElement("h3",null,"复杂选项。"),React.createElement("p",null),React.createElement(l.a,{style:{width:250},disabled:n,value:t,onChange:this.onChange,placeholder:"请选择"},React.createElement(r.a,{value:"A",text:"李大力"},React.createElement("div",null,"李大力"),React.createElement("div",null,"1354534324"),React.createElement("div",null,"杭州萧山区民和路")),React.createElement(r.a,{value:"B",text:"李启"},React.createElement("div",null,"李启"),React.createElement("div",null,"1356664324"),React.createElement("div",null,"杭州江干区")),React.createElement(r.a,{value:"C",text:"李宇"},React.createElement("div",null,"李宇"),React.createElement("div",null,"1377534324"),React.createElement("div",null,"杭州富阳")),React.createElement(r.a,{value:"D",text:"李琦"},React.createElement("div",null,"李琦"),React.createElement("div",null,"1354554324"),React.createElement("div",null,"杭州滨江区江")),React.createElement(r.a,{value:"E",text:"李小燕"},React.createElement("div",null,"李小燕"),React.createElement("div",null,"1387564324"),React.createElement("div",null,"上海黄埔区"))),React.createElement("span",null,"选中值:",`${this.state.value},${this.state.text}`))}},h=class extends a.Component{constructor(){super(),this.setDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),this.setDefaultValue=(()=>{this.setState({value:"CPU",text:"CPU"})}),this.onSearch=(e=>{var t=c.a.encode({code:"utf-8",q:e});u()(`https://suggest.taobao.com/sug?${t}`).then(e=>e.json()).then(e=>{var t=[];e.result.forEach(e=>{t.push({value:e[0],text:e[0]})}),this.setState({searchData:t})})}),this.onChange=(e=>{var t=e.value,n=e.text;this.setState({value:t,text:n})}),this.state={disabled:!1,value:null,text:null,searchData:[]}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement(o.a,{onClick:this.setDisabled},this.state.disabled?"启用":"禁用"),"   ",React.createElement(o.a,{onClick:this.setDefaultValue},"设值"),React.createElement("h3",null,"带搜索框。"),React.createElement("p",null),React.createElement(l.a,{style:{width:250},disabled:this.state.disabled,value:this.state.value,text:this.state.text,type:"combobox",onSearch:this.onSearch,onCancelChange:this.onCancelChange,onChange:this.onChange,placeholder:"请输入查询条件"},this.state.searchData.map(e=>React.createElement(r.a,{key:e.value,value:e.value},e.text))),React.createElement("span",null,"选中值:",`${this.state.value},${this.state.text}`))}},y=class extends a.Component{constructor(){super(),this.setDisabled=(()=>{this.setState({disabled:!this.state.disabled})}),this.onChangeProvince=(e=>{var t=e.value,n=e.text;this.setState({province:t,provinceText:n,city:null,cityText:null})}),this.onChangeCity=(e=>{var t=e.value,n=e.text;this.setState({city:t,cityText:n})}),this.getCitysByProvince=(e=>{switch(e){case"1":return[{value:"11",text:"杭州"},{value:"12",text:"湖州"},{value:"13",text:"绍兴"}];case"2":return[{value:"21",text:"广州"},{value:"22",text:"东莞"},{value:"23",text:"中山"}];case"3":return[{value:"31",text:"福州"},{value:"32",text:"泉州"},{value:"33",text:"厦门"}];default:return[]}}),this.state={value:null,text:null,disabled:!1,province:null,city:null}}render(){var e=this.getCitysByProvince(this.state.province).map((e,t)=>React.createElement(r.a,{value:e.value,key:t},e.text));return React.createElement("div",{className:"markdown-block"},React.createElement(o.a,{onClick:this.setDisabled},this.state.disabled?"启用":"禁用"),React.createElement("h3",null,"联动。"),React.createElement("p",null),"省：",React.createElement(l.a,{style:{width:250},disabled:this.state.disabled,value:this.state.province,onChange:this.onChangeProvince},React.createElement(r.a,{value:"1"},"浙江省"),React.createElement(r.a,{value:"2"},"广东省"),React.createElement(r.a,{value:"3"},"福建省")),"市：",React.createElement(l.a,{style:{width:250},disabled:this.state.disabled,value:this.state.city,onChange:this.onChangeCity},e),React.createElement("span",null,"选中值:",`${this.state.province}-${this.state.provinceText},${this.state.city}-${this.state.cityText}`))}},g=class extends a.Component{render(){return React.createElement("div",{className:"markdown-block"},React.createElement(p,null),React.createElement("br",null),React.createElement("br",null),React.createElement(d,null),React.createElement("br",null),React.createElement("br",null),React.createElement(h,null),React.createElement("br",null),React.createElement("br",null),React.createElement(y,null))}}},RtOM:function(e,t){e.exports="import { Component } from 'react';\nimport Button from '../../button';\nimport message from '../index';\n\nexport default class MessageDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  render() {\n    message.config({\n      top: 60,\n      duration: 10,\n    });\n    return (\n      <div className=\"markdown-block\">\n        <h3>全局提示</h3>\n        <p>各种类型的全局提示，自动消失</p>\n        <Button onClick={() => { message.info('这是一条提示信息（信息内容）。'); }}>info</Button>&emsp;\n        <Button type=\"secondary\" onClick={() => { message.success('这是一条提示信息（信息内容）。'); }}>success</Button>&emsp;\n        <Button type=\"secondary\" onClick={() => { message.error('这是一条提示信息（信息内容）。'); }}>error</Button>&emsp;\n        <Button type=\"secondary\" onClick={() => { message.warning('这是一条提示信息（信息内容）。'); }}>warning</Button>\n      </div>\n    );\n  }\n}\n"},SH3Z:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## DatePicker\n\n输入或选择日期的控件。\n\n### 何时使用\n\n当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。\n\n### Props\n\n#### DatePicker\n\n|name|type|default|description|\n|---|---|---|---|\n|value|[moment](http://momentjs.com/)|无|日期|\n|defaultValue|[moment](http://momentjs.com/)|无|默认日期|\n|disabledDate|func|无|不可选择的日期|\n|disabled|boolean|false|禁用|\n|fieldSize|string|'normal'|'normal', 'large' or 'small'，输入框尺寸|\n|fieldWidth|number|220|输入框宽度|\n|format|string|YYYY-MM-DD|展示日期格式，配置参考[moment](http://momentjs.com/)|\n|onChange|func|无|时间发生变化回调|\n\n#### MonthPicker\n|name|type|default|description|\n|---|---|---|---|\n|value|[moment](http://momentjs.com/)|无|日期|\n|defaultValue|[moment](http://momentjs.com/)|无|默认日期|\n|disabled|boolean|false|禁用|\n|fieldSize|string|'normal'|'normal', 'large' or 'small'，输入框尺寸|\n|fieldWidth|number|220|输入框宽度|\n|format|string|YYYY-MM|展示日期格式，配置参考[moment](http://momentjs.com/)|\n|onChange|func|无|时间发生变化回调|\n\n#### RangePicker\n|name|type|default|description|\n|---|---|---|---|\n|value|[moment](http://momentjs.com/)[]|无|日期|\n|defaultValue|[moment](http://momentjs.com/)[]|无|默认日期|\n|disabledDate|func|无|不可选择的日期|\n|disabled|boolean|false|禁用|\n|fieldSize|string|'normal'|'normal', 'large' or 'small'，输入框尺寸|\n|fieldWidth|number|null|输入框宽度|\n|format|string|YYYY-MM-DD|展示日期格式，配置参考[moment](http://momentjs.com/)|\n|onChange|func|无|时间发生变化回调|\n\n\n### Api"},SdPj:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,"._3jypcj4{text-align:center;background:rgba(0,0,0,.05);border-radius:4px;margin-bottom:20px;padding:30px 50px;margin:20px 0}",""]),t.locals={example1:"_3jypcj4"}},Sf3G:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n("lkey"),o=n("JJqH"),l=o.a.Menu,s=l.Item;t.default=(()=>{var e=React.createElement(l,null,React.createElement(s,null,React.createElement("a",{href:"https://www.ehuodi.com"},"易货嘀")),React.createElement(s,null,React.createElement("a",{href:"http://www.lujing56.cn/"},"陆鲸")),React.createElement(s,null,React.createElement("a",{href:"https://ecargo.ehuodi.com/"},"加盟车队管理系统")));return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"带下拉框的按钮"),React.createElement(o.a,{overlay:e},React.createElement(a.a,null,"菜单")),React.createElement("h3",null,"Dropdown内置按钮"),React.createElement(o.a.Button,{type:"secondary",overlay:e,trigger:"click"},"菜单"))})},SfWF:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return r});var a=n("Jmof"),o=(n.n(a),n("lkey")),l=n("eo4W"),s=l.a.Step,r=class extends a.Component{constructor(e){super(e),this.state={current:0},this.handleNext=this.handleNext.bind(this),this.handlePrev=this.handlePrev.bind(this)}handleNext(){this.setState(e=>e.current<3?{current:e.current+1}:{current:3})}handlePrev(){this.setState(e=>e.current>0?{current:e.current-1}:{current:0})}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,React.createElement(o.a,{disabled:this.state.current<=0,onClick:this.handlePrev},"上一步")," ",React.createElement(o.a,{disabled:this.state.current>=3,onClick:this.handleNext},"下一步")),React.createElement("h3",null,"横向步骤条"),React.createElement(l.a,{current:this.state.current,style:{marginBottom:10}},React.createElement(s,{title:"步骤1"}),React.createElement(s,{title:"步骤2"}),React.createElement(s,{title:"步骤3"}),React.createElement(s,{title:"步骤4"})),React.createElement(l.a,{current:this.state.current,isFinishIcon:!0,style:{marginBottom:10}},React.createElement(s,{title:"已完成"}),React.createElement(s,{title:"进行中"}),React.createElement(s,{title:"未进行"}),React.createElement(s,{title:"未进行"})),React.createElement(l.a,{current:this.state.current,style:{marginBottom:10}},React.createElement(s,{title:"步骤1",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤2",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤3",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤4",description:"这是一段很长很长很长的描述性文字"})),React.createElement("h3",null,"竖向步骤条"),React.createElement("div",{style:{width:400,display:"inline-block"}},React.createElement(l.a,{current:this.state.current,direction:"vertical"},React.createElement(s,{title:"步骤1",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤2",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤3",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"步骤4"}))),React.createElement("div",{style:{display:"inline-block"}},React.createElement(l.a,{current:this.state.current,size:"small",direction:"vertical",isFinishIcon:!0},React.createElement(s,{title:"已完成",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"进行中",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"未进行",description:"这是一段很长很长很长的描述性文字"}),React.createElement(s,{title:"未进行",description:"这是一段很长很长很长的描述性文字"}))))}}},TJ8L:function(e,t){e.exports="import { Component } from 'react';\nimport Button from '../../button';\nimport notification from '../index';\nimport Icon from '../../icon';\nimport message from '../../message';\n\n\nexport default class PopoverDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  render() {\n    const config = () => {\n      notification.config({\n        placement: 'bottomRight',\n        bottom: 50,\n        duration: 0,\n        // getContainer: 'App',\n      });\n      message.success('全局配置成功');\n    };\n\n    const openNotification = () => {\n      notification.open({\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openInfo = () => {\n      notification.open({\n        type: 'info',\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openSuccess = () => {\n      notification.open({\n        type: 'success',\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openError = () => {\n      notification.open({\n        type: 'error',\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openWaring = () => {\n      notification.open({\n        type: 'warning',\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openCaution = () => {\n      notification.open({\n        type: 'caution',\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    const openNoDuration = () => {\n      notification.open({\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n        duration: 0,\n      });\n    };\n\n    const openIcon = () => {\n      notification.open({\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n        duration: 0,\n        icon: <Icon\n          style={{\n            width: '34px',\n            height: '34px',\n            top: '16px',\n            left: '24px',\n            position: 'absolute',\n          }}\n          name={'clock'}\n        />,\n      });\n    };\n\n    const openButton = () => {\n      const key = `open${Date.now()}`;\n      const btnClick = () => {\n        notification.close(key);\n      };\n      const btn = (\n        <div>\n          <Button type=\"primary\" onClick={btnClick}>\n          立即更新\n          </Button>\n        &emsp;\n          <Button type=\"secondary\" onClick={btnClick}>\n          今晚提醒\n          </Button>\n        </div>\n      );\n\n      notification.open({\n        type: 'warning',\n        message: '请更新系统',\n        description: '如果描述超过60字，请延长展示时间，一般人的阅读速度为，8-10字每秒。',\n        key,\n        btn,\n      });\n    };\n\n\n    const openButtonLink = () => {\n      const btnlink = (\n        <a href=\"./notification\">查看</a>\n      );\n      notification.open({\n        type: 'warning',\n        message: '请更新系统',\n        description: '如果描述超过60字，请延长展示时间，一般人的阅读速度为，8-10字每秒。',\n        btn: btnlink,\n      });\n    };\n\n    const openPlacement = (placement) => {\n      notification.open({\n        placement,\n        message: '需要及时知道的系统通知',\n        description: '文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案',\n      });\n    };\n\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本使用</h3>\n        <p>最简单的用法，4.5 秒后自动关闭</p>\n        <Button onClick={openNotification}>显示通知</Button>&emsp;\n        <h3>带有图标的通知提醒框</h3>\n        <p>通知提醒框左侧有图标</p>\n        <Button onClick={openInfo}>消息</Button>&emsp;\n        <Button onClick={openSuccess}>成功</Button>&emsp;\n        <Button onClick={openError}>错误</Button>&emsp;\n        <Button onClick={openWaring}>警告</Button>&emsp;\n        {/* <Button onClick={openCaution}>自定义</Button>&emsp; */}\n        <h3>自定义图标</h3>\n        <p>可自定义图标</p>\n        <Button onClick={openIcon}>自定义</Button>&emsp;\n        <h3>自动关闭的延时</h3>\n        <p>取消4.5秒自动关闭</p>\n        <Button onClick={openNoDuration}>显示通知</Button>&emsp;\n        <h3>自定义按钮</h3>\n        <p>可以置入功能按钮</p>\n        <Button onClick={openButton}>按钮功能</Button>&emsp;\n        <Button onClick={openButtonLink}>链接功能</Button>&emsp;\n        <h3>位置</h3>\n        <p>从右上角、右下角、左下角、左上角弹出</p>\n        <Button onClick={() => openPlacement('topRight')}>右上角</Button>&emsp;\n        <Button onClick={() => openPlacement('topLeft')}>左上角</Button>&emsp;\n        <Button onClick={() => openPlacement('bottomLeft')}>左下角</Button>&emsp;\n        <Button onClick={() => openPlacement('bottomRight')}>右下角</Button>&emsp;\n        <h3>全局配置</h3>\n        <p>在调用前提前配置，全局一次生效</p>\n        <p>\n          {`notification.config({\n            placement: 'bottomRight',\n            bottom:50,\n            duration:0,\n            getContainer:'App'\n          });`}\n        </p>\n        <Button onClick={() => config()}>配置</Button>&emsp;\n        <Button onClick={openNotification}>显示通知</Button>&emsp;\n      </div>\n    );\n  }\n}\n"},TVYl:function(e,t,n){"use strict";n.d(t,"a",function(){return c});var a,o,l=n("Jmof"),s=n.n(l),r=n("KSGD"),i=n.n(r),c=(o=a=class extends s.a.Component{renderColgroup(){var e=this.props,t=e.fixedColumn,n=[],a=[],o=[];return e.columns.forEach(e=>{var t={};e.width&&(t={width:e.width||"auto",minWidth:"100px"}),"right"===e.fixed?a.push(s.a.createElement("col",{style:t,key:e.key})):"left"===e.fixed&&o.push(s.a.createElement("col",{style:t,key:e.key})),n.push(s.a.createElement("col",{style:t,key:e.key}))}),t&&"right"===t?a:t&&"left"===t?o:n}render(){return s.a.createElement("colgroup",null,this.renderColgroup())}},a.defaultProps={columns:{},fixedColumn:"scroll"},a.propTypes={columns:i.a.instanceOf(Array),fixedColumn:i.a.string},o)},Tmgj:function(e,t){e.exports="---\nauthor:\n  name: lhf\n  homepage: https://github.com/lhf/\n  email: 12504@etransfar.com\n---\n\n## Tooltip\n\nTooltip提示卡\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|action|hover or click|hover|触发类型|\n|tips|string or react.element|提示内容||\n|placement|string||提示框定位|\n|toolElement|string or react.element||触发提示的内容|\n\n\n### Api"},"Ts4/":function(e,t,n){var a=n("gCUn");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},Uy2q:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=(n.n(a),n("hFTO")),l=n("c+Ev"),s=n.n(l),r=n("Ni2A"),i=Object.keys(r.a),c=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={color:document.documentElement.style.getPropertyValue("--brand-primary")},e}componentDidMount(){"function"==typeof MutationObserver&&new MutationObserver(e=>{e.forEach(()=>{this.setState({color:document.documentElement.style.getPropertyValue("--brand-primary")})})}).observe(document.documentElement,{attributes:!0,attributeFilter:["style"]})}render(){return React.createElement("div",{className:s.a.Icon__wrap},i.map(e=>React.createElement("div",{className:s.a.Icon__grid,key:e},React.createElement(o.a,{size:36,name:e,color:this.state.color}),React.createElement("span",{className:s.a.Icon__name},e))))}}},V40D:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,".ZwxVSXL{margin-right:8px}._2aC88hA{float:right;margin-top:16px;transform:scale(.8);transition:transform .3s}.menu-inline .menu-submenu-open>.menu-submenu-title ._2aC88hA{transform:scale(.8) rotate(270deg);transition:transform .3s}",""]),t.locals={"menu--icon":"ZwxVSXL","menu--icon__pullright":"_2aC88hA"}},Vc5Z:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Trigger\n\n触发器。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|action| `hover` or `click`|`hover`|触发类型|\n|placement|`array`||弹出层定位|\n|offset|`array`|[0, 0]|定位偏移|\n|popup|`string` or `react.element`|弹出层内容|\n|popupVisible|bool|undefined|控制弹出层visible|\n|mouseEnterDelay|number|0|鼠标进入延时|\n|mouseLeaveDelay|number|100|鼠标移出延时|\n|onPopupVisibleChange|`function`|弹出层visible变化时触发|"},VscV:function(e,t){e.exports="import { Component } from 'react';\nimport Animation from '../Animation';\nimport Select from '../../select';\nimport Button from '../../button';\nimport MOTIONS, { TIMING_FUNCTION } from '../motions';\nconst { Option } = Select;\n\nexport default class AnimationDemo extends Component {\n  state = {\n    timeFunction: 'ease',\n    status: false,\n    motion: 'fade',\n  };\n  render() {\n    const TFS = Object.keys(TIMING_FUNCTION);\n    return (\n      <div>\n        <h3>TIME FUNCTION</h3>\n        <Select\n          value={this.state.timeFunction}\n          onChange={({ value }) => {\n            this.setState({\n              timeFunction: value,\n            });\n          }}\n        >\n          {\n            TFS.map(name => (\n              <Option key={name} value={name}>{name}</Option>\n            ))\n          }\n        </Select>\n        <h3>MOTIONS</h3>\n        <Select\n          value={this.state.motion}\n          onChange={({ value }) => {\n            this.setState({\n              motion: value,\n            });\n          }}\n        >\n          {\n            MOTIONS.map(name => (\n              <Option key={name} value={name}>{name}</Option>\n            ))\n          }\n        </Select>\n        <Button\n          onClick={() => {\n            this.setState({\n              status: !this.state.status,\n            });\n          }}\n        >toggle</Button>\n        <div>\n          <Animation\n            in={this.state.status}\n            timingFunction={this.state.timeFunction}\n            motion={this.state.motion}\n            style={{\n              marginTop: 20,\n              display: 'inline-block',\n            }}\n          >\n            <div style={{\n              width: 100,\n              height: 100,\n              border: '1px solid var(--brand-primary)',\n            }}></div>\n          </Animation>\n        </div>\n      </div>\n    );\n  }\n}\n"},W6RA:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=(n.n(a),n("RfUY")),l=n("lkey"),s=n("TDF1"),r={left:{points:["cr","cl"]},right:{points:["cl","cr"]},top:{points:["bc","tc"]},bottom:{points:["tc","bc"]},topLeft:{points:["bl","tl"]},topRight:{points:["br","tr"]},bottomRight:{points:["tr","br"]},bottomLeft:{points:["tl","bl"]}},i=["hover","click"],c=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={placement:"bottom",action:"click",visible:!1},this.onChangePlacement=(e=>{this.setState({placement:e.target.value})}),this.onChangeActionType=(e=>{this.setState({action:e.target.value})}),this.onClosePopup=(()=>{this.setState({visible:!1})}),this.onPopupVisibleChange=(e=>{console.log("onPopupVisibleChange",e),this.setState({visible:e})}),e}renderPlacementSelector(){var e=this.state.placement;return React.createElement("select",{value:e,onChange:this.onChangePlacement},Object.keys(r).map(e=>React.createElement("option",{key:e},e)))}render(){var e=this.state,t=e.placement,n=e.action;return React.createElement("div",{className:"markdown-block"},React.createElement("h5",null,"普通用法"),React.createElement("label",{htmlFor:"placement"},"对齐方式"),this.renderPlacementSelector(),React.createElement("label",{htmlFor:"action"},"触发方式"),React.createElement(s.a,{value:n,onChange:this.onChangeActionType},i.map(e=>React.createElement(s.b,{value:e,key:e},e))),React.createElement(o.a,{action:n,popup:React.createElement("div",{style:{border:"1px solid #000",padding:10,background:"#fff"}},"popup content"),placement:r[t].points,mouseLeaveDelay:100},React.createElement(l.a,null,`${n} me`)),React.createElement("h5",null,"手动控制关闭"),React.createElement(o.a,{action:"click",popupVisible:this.state.visible,popup:React.createElement("div",{onClick:this.onClosePopup},"click me to close"),onPopupVisibleChange:this.onPopupVisibleChange},React.createElement(l.a,null,"click")))}}},"WL//":function(e,t,n){"use strict";function a(e){console.log(`radio checked:${e.target.value}`)}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return d});var o=n("Jmof"),l=(n.n(o),n("TDF1")),s=n("lkey"),r=n("Cs5U"),i=l.b.Group,c=l.b.Button,m=["Apple","Pear","Orange"],u=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],p=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!1}],d=class extends o.Component{constructor(e){super(e),this.onChange=(e=>{console.log("radio checked",e.target.value),this.setState({value:e.target.value})}),this.onChange1=(e=>{this.setState({value1:e.target.value})}),this.onChange2=(e=>{this.setState({value2:e.target.value})}),this.onChange3=(e=>{this.setState({value3:e.target.value})}),this.handleChange=(()=>{this.setState({checked:!this.state.checked})}),this.handleToggle=(()=>{this.setState({disabled:!this.state.disabled})}),this.state={disabled:!1,checked:!1,value:1,value1:"Apple",value2:"Apple",value3:"Apple"}}render(){var e=this.state,t=e.checked,n=e.disabled,o=e.value1,d=e.value2,h=e.value3,y=e.value;return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"通过配置 options 参数来渲染单选框"),React.createElement("p",null,React.createElement(i,{options:m,onChange:this.onChange1,value:o,disabled:n})),React.createElement("p",null,React.createElement(i,{options:u,onChange:this.onChange2,value:d,disabled:n})),React.createElement("p",null,React.createElement(i,{options:p,onChange:this.onChange3,value:h,disabled:n})),React.createElement("h3",null,"嵌套的RadioGroup"),React.createElement(i,{onChange:this.onChange,value:y,disabled:n},React.createElement(l.b,{value:1},"Option A"),React.createElement(l.b,{value:2},"Option B"),React.createElement(l.b,{value:3},"Option C"),React.createElement(l.b,{value:4},"More...",4==y?React.createElement(r.a,{style:{width:100,marginLeft:10}}):null)),React.createElement("h3",null,"按钮样式的单选组合"),React.createElement(i,{onChange:a,defaultValue:"a",disabled:n},React.createElement(c,{value:"a"},"Hangzhou"),React.createElement(c,{value:"b"},"Shanghai"),React.createElement(c,{value:"c"},"Beijing"),React.createElement(c,{value:"d"},"Chengdu")),React.createElement("h3",null,"非受控方式"),React.createElement("p",null,React.createElement(l.b,{defaultChecked:!0,name:"my-radio",disabled:n}," 默认选中")),React.createElement("p",null,React.createElement(l.b,{name:"my-radio",disabled:n}," 默认")),React.createElement("h3",null,"受控方式"),React.createElement("p",null,React.createElement(l.b,{checked:t,onChange:this.handleChange,disabled:n}," ",t?"选中":"未选中")),React.createElement("p",null,React.createElement(l.b,{checked:t,onChange:this.handleChange,disabled:n}," ",t?"选中":"未选中")),React.createElement(s.a,{onClick:this.handleToggle},n?"启用":"禁用")," ",React.createElement(s.a,{onClick:this.handleChange},t?"取消选中":"选中"))}}},WmOt:function(e,t){e.exports='import { Component } from \'react\';\nimport Popconfirm from \'../Popconfirm\';\nimport Popover from \'../../popover/Popover\';\nimport Icon from \'../../icon/Icon\';\nimport Button from \'../../button/Button\';\nimport { allowMultiple } from \'../../../constants\';\nimport styles from \'./index.css\';\n\nexport default class PopconfirmDemo extends Component {\n  state = {visible : false};\n  handleOkClickTrigger = () =>{\n    this.setState({\n      visible: false,\n    });\n  }\n  render() {\n    const ele = (<div><p>top</p><p>这是一个气泡确认框</p></div>);\n    const warning = (<div><Icon size={15} name=\'warning\' color=\'#f9d900\'></Icon><span>这是一个气泡确认框，确定要这样做吗？</span></div>);\n    return (\n      <div>\n        <div className={styles[\'top-tooltip\']}>\n          <div className={styles[\'top-tooltip-div\']}><Popconfirm content={warning} placement="topLeft" handleOkClickTrigger={this.handleOkClickTrigger} ><Button type="secondary">上左,有ok事件</Button></Popconfirm></div>\n          <div className={styles[\'top-tooltip-div\']}><Popconfirm content={warning} placement="top" action="click" handleOkClickTrigger={this.handleOkClickTrigger} confirmVisable = {this.state.visible}><Button type="secondary">点击</Button></Popconfirm></div>\n          <div className={styles[\'top-tooltip-div\']}><Popconfirm content={ele}   placement="topRight" ><Button type="secondary">上右</Button></Popconfirm></div>\n        </div>\n        <div className={styles[\'left-tooltip\']} >\n          <div className={styles[\'left-tooltip-div\']}><Popconfirm content="leftTop"  placement="leftTop" ><Button type="secondary">左上</Button></Popconfirm></div>\n          <div className={styles[\'left-tooltip-div\']}><Popconfirm content=\'left\' placement="left" ><Button type="secondary">左</Button></Popconfirm></div>\n          <div className={styles[\'left-tooltip-div\']}><Popconfirm content=\'leftBottom\'  placement="leftBottom" ><Button type="secondary">左下</Button></Popconfirm></div>\n        </div>\n        <div className={styles[\'right-tooltip\']} >\n          <div className={styles[\'right-tooltip-div\']}><Popconfirm content="rightTop" placement="rightTop" ><Button type="secondary">右上</Button></Popconfirm></div>\n          <div className={styles[\'right-tooltip-div\']}><Popconfirm content="right" placement="right" ><Button type="secondary">右</Button></Popconfirm></div>\n          <div className={styles[\'right-tooltip-div\']}><Popconfirm content="rightBottom"  placement="rightBottom" ><Button type="secondary">左下</Button></Popconfirm></div>\n        </div>\n        <div className={styles[\'bottom-tooltip\']}>\n          <div className={styles[\'bottom-tooltip-div\']}><Popconfirm content="bottomLeft" placement="bottomLeft" ><Button type="secondary">下左</Button></Popconfirm></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Popconfirm content="bottom" placement="bottom"><Button type="secondary">下</Button></Popconfirm></div>\n          <div className={styles[\'bottom-tooltip-div\']}><Popconfirm content="bottomRight" placement="bottomRight"><Button type="secondary">下右</Button></Popconfirm></div>\n        </div>\n      </div>\n    );\n  }\n}\n'},Xnxm:function(e,t){e.exports="---\nauthor:\n  name: yan\n  homepage: https://github.com/october-yan/\n---\n\n## Tabs\n\n选项卡切换组件\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|defaultActiveKey|number|第一个面板|初始化选中面板的 key|\n|onClick|Function|无|切换面板的回调|\n|type|String|'line'|页签的基本样式，可选 line、card、button 类型|\n|size|String|'default'|大小，提供 default 和 small 两种大小|\n|tabPosition|String||页签位置，可选值有 left|\n\n### Tabs.Panel\n|name|type|default|description|\n|---|---|---|---|\n|key|String|无|对应 activeKey|\n|title|string|无|选项卡头显示文字|\n\n### Api"},Xrcb:function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Checkbox\n\nCheckbox Component.\n\n### Props\n#### Checkbox\n|name|type|default|description|\n|---|---|---|---|\n|checked|boolean|false|指定当前是否选中|\n|defaultChecked|boolean|false|初始是否选中|\n|onChange|Function(e:Event)|-|变化时回调函数|\n\n\n#### CheckboxGroup \n|name|type|default|description|\n|---|---|:---:|:---:|\n|defaultValue|Array|[]|默认选中的选项|\n|value|Array|[]|指定选中的选项|\n|options|Array|[]|指定可选项|\n|onChange|Function|-|变化时回调函数|\n### Api"},YCo2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=n.n(a),l=n("L2Pg"),s=n("hFTO"),r=n("FaRr"),i=n.n(r),c=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={theme:"dark",selectedKeys:[".$.$m0"],openKeys:null},this.handleClick=(e=>{this.setState({selectedKeys:[e.key]})}),this.handleOpenChange=(e=>{this.setState({openKeys:e})}),e}render(){return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("table",{style:{width:"100%"}},o.a.createElement("tbody",null,o.a.createElement("tr",null,o.a.createElement("td",{colSpan:"2"},"1、水平菜单，子菜单水平")),o.a.createElement("tr",null,o.a.createElement("th",{style:{width:"50%"}},"KA"),o.a.createElement("th",{style:{width:"50%"}},"车队加盟")),o.a.createElement("tr",null,o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,defaultOpenKeys:null,type:"horizontal-h",colorType:"warm"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"分组")},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3"),o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用"))),o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,defaultOpenKeys:null,type:"horizontal-h",colorType:"cold"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"分组")},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3"),o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")))),o.a.createElement("tr",null,o.a.createElement("td",{style:{height:"30px"}}),o.a.createElement("td",null)),o.a.createElement("tr",null,o.a.createElement("td",{colSpan:"2"},"2、水平菜单，子菜单垂直")),o.a.createElement("tr",null,o.a.createElement("th",{style:{width:"50%"}},"KA"),o.a.createElement("th",{style:{width:"50%"}},"车队加盟")),o.a.createElement("tr",null,o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,defaultOpenKeys:null,type:"horizontal-v",colorType:"warm"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.ItemGroup,{key:"m2m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2m2g1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g1i2"},"三级菜单2")),o.a.createElement(l.a.ItemGroup,{key:"m2m2g2",title:"分组2"},o.a.createElement(l.a.Item,{key:"m2m2g2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g2i2"},"三级菜单2")))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用"))),o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,defaultOpenKeys:null,type:"horizontal-v",colorType:"cold"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.ItemGroup,{key:"m2m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2m2g1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g1i2"},"三级菜单2")),o.a.createElement(l.a.ItemGroup,{key:"m2m2g2",title:"分组2"},o.a.createElement(l.a.Item,{key:"m2m2g2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g2i2"},"三级菜单2")))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用")))),o.a.createElement("tr",null,o.a.createElement("td",{style:{height:"30px"}}),o.a.createElement("td",null)),o.a.createElement("tr",null,o.a.createElement("td",{colSpan:"2"},"3、垂直菜单，子菜单水平向右弹出")),o.a.createElement("tr",null,o.a.createElement("th",{style:{width:"50%"}},"KA"),o.a.createElement("th",{style:{width:"50%"}},"车队加盟")),o.a.createElement("tr",null,o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,style:{width:240,height:500},defaultOpenKeys:null,type:"vertical-h",colorType:"warm"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.ItemGroup,{key:"m2m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2m2g1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g1i2"},"三级菜单2")),o.a.createElement(l.a.ItemGroup,{key:"m2m2g2",title:"分组2"},o.a.createElement(l.a.Item,{key:"m2m2g2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g2i2"},"三级菜单2")))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"不可用下拉菜单")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用菜单按钮"))),o.a.createElement("td",null,o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,style:{width:240,height:500},defaultOpenKeys:null,type:"vertical-h",colorType:"cold"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.ItemGroup,{key:"m2m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2m2g1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g1i2"},"三级菜单2")),o.a.createElement(l.a.ItemGroup,{key:"m2m2g2",title:"分组2"},o.a.createElement(l.a.Item,{key:"m2m2g2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2g2i2"},"三级菜单2")))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"不可用下拉菜单")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用菜单按钮")))),o.a.createElement("tr",null,o.a.createElement("td",{style:{height:"30px"}}),o.a.createElement("td",null)),o.a.createElement("tr",null,o.a.createElement("td",{colSpan:"2"},"4、垂直菜单，子菜单内嵌在菜单区域")),o.a.createElement("tr",null,o.a.createElement("th",{style:{width:"50%"}},"KA"),o.a.createElement("th",{style:{width:"50%"}},"车队加盟")),o.a.createElement("tr",null,o.a.createElement("td",{style:{verticalAlign:"top"}},o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,style:{width:240},defaultOpenKeys:null,selectedKeys:this.state.selectedKeys,openKeys:this.state.openKeys,type:"vertical-v",colorType:"warm"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m2m2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2i2"},"三级菜单2"),o.a.createElement(l.a.Item,{key:"m2m2i3"},"三级菜单3"),o.a.createElement(l.a.Item,{key:"m2m2i4"},"三级菜单4"))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"不可用下拉菜单")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用菜单按钮"))),o.a.createElement("td",{style:{verticalAlign:"top"}},o.a.createElement(l.a,{onClick:this.handleClick,onOpenChange:this.handleOpenChange,style:{width:240},defaultOpenKeys:null,selectedKeys:this.state.selectedKeys,openKeys:this.state.openKeys,type:"vertical-v",colorType:"cold"},o.a.createElement(l.a.Item,{key:"m0"},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"菜单按钮"),o.a.createElement(l.a.SubMenu,{key:"m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单")},o.a.createElement(l.a.Item,{key:"m1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m1i3"},"二级菜单3"),o.a.createElement(l.a.SubMenu,{key:"m1m1",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m1m1i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m1m1i2"},"三级菜单2"))),o.a.createElement(l.a.SubMenu,{key:"m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"下拉菜单分组")},o.a.createElement(l.a.ItemGroup,{key:"m2g1",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g1i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g1i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g1i3"},"二级菜单3")),o.a.createElement(l.a.ItemGroup,{key:"m2g2",title:"分组1"},o.a.createElement(l.a.Item,{key:"m2g2i1"},"二级菜单1"),o.a.createElement(l.a.Item,{key:"m2g2i2"},"二级菜单2"),o.a.createElement(l.a.Item,{key:"m2g2i3"},"二级菜单3")),o.a.createElement(l.a.SubMenu,{key:"m2m2",title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"三级菜单")},o.a.createElement(l.a.Item,{key:"m2m2i1"},"三级菜单1"),o.a.createElement(l.a.Item,{key:"m2m2i2"},"三级菜单2"),o.a.createElement(l.a.Item,{key:"m2m2i3"},"三级菜单3"),o.a.createElement(l.a.Item,{key:"m2m2i4"},"三级菜单4"))),o.a.createElement(l.a.SubMenu,{key:"m3",disabled:!0,title:o.a.createElement("span",null,o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),o.a.createElement(s.a,{className:i.a["menu--icon__pullright"],size:12,name:"arrow-right"}),"不可用下拉菜单")},o.a.createElement(l.a.Item,{key:"m3i1"},"二级菜单4"),o.a.createElement(l.a.Item,{key:"m3i2"},"二级菜单5")),o.a.createElement(l.a.Item,{key:"m4",disabled:!0},o.a.createElement(s.a,{className:i.a["menu--icon"],size:14,name:"attachment"}),"不可用菜单按钮")))))))}}},YWGe:function(e,t){e.exports="---\nauthor:\n  name: Northerner\n  email: hefan_1301@163.com\n---\n\n## Spin\n\nSpin Component.\n\n### Props\n|name|type|default|description|\n|---|---|:---:|:---:|\n|size|String|'default'|spin size,`default` `large` or `small`|\n|tip|String|-|延迟显示加载效果的时间|\n|spinning|boolean|true|是否旋转|\n|delay|number|-|延迟显示加载效果的时间|\n\n### Api"},ag5k:function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Alert\n\nAlert Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|type|string|'info'|指定警告提示的样式，有四种选择 success、info、warning、error|\n|closable|boolean|false|\t显示关闭按钮|\n|showIcon|boolean|true|\t显示图标|\n|closeText|string or ReactNode|无|自定义关闭按钮|\n|message|string or ReactNode|无|警告提示内容|\n|description|string or ReactNode|无|警告提示的辅助性文字介绍|\n|onClose|Function|无|关闭时触发的回调函数|\n### Api"},azB9:function(e,t){e.exports="import { Component } from 'react';\nimport Alert from '../index';\n\nexport default class AlertDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  render() {\n    const successProps = {\n      type: 'success',\n      message: '这是一条正确的提示信息(信息内容)。',\n    };\n    const infoProps = {\n      type: 'info',\n      message: 'info信息',\n      description: 'info描info描述info描述info描述info描述info描述info描述info描述info描述info描述info描述述',\n    };\n    const errorProps = {\n      type: 'error',\n      message: '这是一条错误的提示信息(信息内容)。',\n      onClose() { console.log('error'); },\n    };\n    const warnProps = {\n      type: 'warning',\n      message: '这是一条错误的提示信息(信息内容)。',\n    };\n\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本的提示</h3>\n        <Alert {...successProps} />\n        <h3>可关闭的提示</h3>\n        <Alert {...errorProps} closable />\n        <Alert type=\"warning\" message=\"这是一条警告的提示信息(信息内容)。\" showIcon closable closeText=\"close me\" />\n        <h3>带图标的提示</h3>\n        <Alert {...infoProps} showIcon />\n        <Alert {...successProps} showIcon />\n        <Alert {...errorProps} showIcon />\n        <Alert {...warnProps} showIcon />\n        <h3>含有辅助性文字介绍的提示</h3>\n        <Alert {...infoProps} closable showIcon />\n        <Alert type=\"error\" message=\"error信息\" description=\"这是一条错误的提示信息(信息内容)。\" />\n      </div>\n    );\n  }\n}\n"},bTP1:function(e,t,n){"use strict";var a=n("/32s"),o=n("R50v"),l=n("+NhK"),s=n("I4gK"),r=n("x6SW"),i=n("zvdz"),c={Table:a.a,Tr:o.a,Td:l.a,Th:s.a,Thead:i.a,Tbody:r.a};t.a=c},"c+Ev":function(e,t,n){var a=n("IAgb");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},cJNF:function(e,t){e.exports='import { Component } from \'react\';\nimport Button from \'../../button\';\nimport Steps from \'../Steps\';\n\nconst Step = Steps.Step;\n\nexport default class StepDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      current: 0,\n    };\n    this.handleNext = this.handleNext.bind(this);\n    this.handlePrev = this.handlePrev.bind(this);\n  }\n\n  handleNext() {\n    this.setState((preState) => {\n      if (preState.current < 3) {\n        return { current: preState.current + 1 };\n      }\n      return { current: 3 };\n    });\n  }\n\n  handlePrev() {\n    this.setState((preState) => {\n      if (preState.current > 0) {\n        return { current: preState.current - 1 };\n      }\n      return { current: 0 };\n    });\n  }\n\n  render() {\n    return (\n      <div className="markdown-block">\n        <h3><Button disabled={this.state.current <= 0} onClick={this.handlePrev}>上一步</Button>&nbsp;\n          <Button disabled={this.state.current >= 3} onClick={this.handleNext}>下一步</Button></h3>\n        <h3>横向步骤条</h3>\n        <Steps current={this.state.current} style={{ marginBottom: 10 }}>\n          <Step title="步骤1" />\n          <Step title="步骤2" />\n          <Step title="步骤3" />\n          <Step title="步骤4" />\n        </Steps>\n        <Steps current={this.state.current} isFinishIcon style={{ marginBottom: 10 }}>\n          <Step title="已完成" />\n          <Step title="进行中" />\n          <Step title="未进行" />\n          <Step title="未进行" />\n        </Steps>\n        <Steps current={this.state.current} style={{ marginBottom: 10 }}>\n          <Step title="步骤1" description="这是一段很长很长很长的描述性文字" />\n          <Step title="步骤2" description="这是一段很长很长很长的描述性文字" />\n          <Step title="步骤3" description="这是一段很长很长很长的描述性文字" />\n          <Step title="步骤4" description="这是一段很长很长很长的描述性文字" />\n        </Steps>\n\n        <h3>竖向步骤条</h3>\n        <div style={{ width: 400, display: \'inline-block\' }}>\n          <Steps current={this.state.current} direction="vertical">\n            <Step title="步骤1" description="这是一段很长很长很长的描述性文字" />\n            <Step title="步骤2" description="这是一段很长很长很长的描述性文字" />\n            <Step title="步骤3" description="这是一段很长很长很长的描述性文字" />\n            <Step title="步骤4" />\n          </Steps>\n        </div>\n        <div style={{ display: \'inline-block\' }}>\n          <Steps current={this.state.current} size={\'small\'} direction="vertical" isFinishIcon>\n            <Step title="已完成" description="这是一段很长很长很长的描述性文字" />\n            <Step title="进行中" description="这是一段很长很长很长的描述性文字" />\n            <Step title="未进行" description="这是一段很长很长很长的描述性文字" />\n            <Step title="未进行" description="这是一段很长很长很长的描述性文字" />\n          </Steps>\n        </div>\n      </div>\n    );\n  }\n\n}\n'},cjKs:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return s});var a=n("Jmof"),o=(n.n(a),n("o8IH")),l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},s=class extends a.Component{constructor(e){super(e),this.state={}}render(){var e={type:"success",message:"这是一条正确的提示信息(信息内容)。"},t={type:"info",message:"info信息",description:"info描info描述info描述info描述info描述info描述info描述info描述info描述info描述info描述述"},n={type:"error",message:"这是一条错误的提示信息(信息内容)。",onClose(){console.log("error")}},a={type:"warning",message:"这是一条错误的提示信息(信息内容)。"};return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本的提示"),React.createElement(o.a,e),React.createElement("h3",null,"可关闭的提示"),React.createElement(o.a,l({},n,{closable:!0})),React.createElement(o.a,{type:"warning",message:"这是一条警告的提示信息(信息内容)。",showIcon:!0,closable:!0,closeText:"close me"}),React.createElement("h3",null,"带图标的提示"),React.createElement(o.a,l({},t,{showIcon:!0})),React.createElement(o.a,l({},e,{showIcon:!0})),React.createElement(o.a,l({},n,{showIcon:!0})),React.createElement(o.a,l({},a,{showIcon:!0})),React.createElement("h3",null,"含有辅助性文字介绍的提示"),React.createElement(o.a,l({},t,{closable:!0,showIcon:!0})),React.createElement(o.a,{type:"error",message:"error信息",description:"这是一条错误的提示信息(信息内容)。"}))}}},fgYh:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return h});var a=n("Jmof"),o=(n.n(a),n("Pp2j")),l=(n("TDF1"),n("lkey"),n("a8z9")),s=l.a.Panel,r=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本"),React.createElement("p",null,"标准线条式页签"),React.createElement(l.a,{activeKey:this.state.activeKey,onClick:this.onClick},this.state.panes.map(e=>React.createElement(s,{title:e.title,key:e.key,closable:e.closable},e.content))))}},i=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"禁用"),React.createElement("p",null,"对某项实行禁用"),React.createElement(l.a,{activeKey:this.state.activeKey,onClick:this.onClick},React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 1"),key:"1"},"Tab 1"),React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 2"),key:"2"},"Tab 2"),React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 3"),key:"3",disabled:!0},"Tab 3")))}},c=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"迷你"),React.createElement("p",null,"用在狭小的区块或子级Tab"),React.createElement(l.a,{size:"small",activeKey:this.state.activeKey,onClick:this.onClick},this.state.panes.map(e=>React.createElement(s,{title:e.title,key:e.key,closable:e.closable},e.content))))}},m=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"带图标"),React.createElement("p",null,"带图标的Tab"),React.createElement(l.a,{activeKey:this.state.activeKey,onClick:this.onClick},React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 1"),key:"1"},"Tab 1"),React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 2"),key:"2"},"Tab 2"),React.createElement(s,{title:React.createElement("span",null,React.createElement(o.a,{size:18,name:"account"}),"Tab 3"),key:"3"},"Tab 3")))}},u=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"纵向"),React.createElement("p",null,"纵向的Tab"),React.createElement(l.a,{activeKey:this.state.activeKey,tabPosition:"left",onClick:this.onClick},this.state.panes.map(e=>React.createElement(s,{title:e.title,key:e.key,closable:e.closable},e.content))))}},p=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"卡片式"),React.createElement("p",null,"卡片式的页签，常用于容器顶部"),React.createElement(l.a,{activeKey:this.state.activeKey,type:"card",tabDeleteButton:!0,deleteButton:this.deleteButton,onClick:this.onClick},this.state.panes.map(e=>React.createElement(s,{title:e.title,key:e.key,closable:e.closable},e.content))))}},d=class extends a.Component{constructor(e){super(e),this.deleteButton=(()=>{var e=this.state.panes,t=this.state.activeKey;e.splice(t,1),e.length<=t+1&&(t=e.length-1),this.setState({panes:e,activeKey:t})}),this.onClick=(e=>{this.setState({activeKey:e})});var t=[{title:"Tab 1",content:"Content of Tab 1",key:1,closable:!1},{title:"Tab 2",content:"Content of Tab 2",key:2},{title:"Tab 3",content:"Content of Tab 3",key:3}];this.state={activeKey:t[0].key,panes:t}}render(){return React.createElement("div",{className:"markdown-block"},React.createElement("p",null,"button可作为更次级的页签来使用"),React.createElement(l.a,{activeKey:this.state.activeKey,type:"button",onClick:this.onClick},this.state.panes.map(e=>React.createElement(s,{title:e.title,key:e.key,closable:e.closable},e.content))))}},h=class extends a.Component{render(){return React.createElement("div",{className:"markdown-block"},React.createElement(r,null),React.createElement("br",null),React.createElement("br",null),React.createElement(i,null),React.createElement("br",null),React.createElement("br",null),React.createElement(c,null),React.createElement("br",null),React.createElement("br",null),React.createElement(m,null),React.createElement("br",null),React.createElement("br",null),React.createElement(u,null),React.createElement("br",null),React.createElement("br",null),React.createElement(p,null),React.createElement("br",null),React.createElement("br",null),React.createElement(d,null),React.createElement("br",null),React.createElement("br",null))}}},flwl:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return i});var a=n("Jmof"),o=n.n(a),l=n("m1Gx"),s=n("lkey"),r=l.a.Table,i=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={selectedRowKeys:[1,2],dataSource:[{key:"1",name:"John Brown",age:"24 year",address:"New York No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."},{key:"2",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."},{key:"3",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."}],columns:[{title:"",dataIndex:"select",key:"select",width:100},{title:"Name",dataIndex:"name",key:"name",width:200},{title:"Age",dataIndex:"age",key:"age",width:250},{title:"Address",dataIndex:"address",key:"address"},{title:"Work",dataIndex:"work",key:"work"},{title:"Color",dataIndex:"color",key:"color"},{title:"Fruit",dataIndex:"fruit",key:"fruit"},{title:"Action",dataIndex:"action",key:"action",width:100,render:()=>o.a.createElement("div",null,o.a.createElement(s.a,{size:"small"},"删除"))}]},this.onSelectChange=(e=>{this.setState({selectedRowKeys:e})}),e}render(){var e={selectedRowKeys:this.state.selectedRowKeys,onSelectChange:this.onSelectChange,selections:"all-data"},t={data:[{key:"1",name:"John Brown",age:"24 year",address:"New York No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."},{key:"2",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."},{key:"3",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my favourite fruits."}],columns:[{title:"Name",dataIndex:"name",key:"name",width:200},{title:"Age",dataIndex:"age",key:"age",width:250},{title:"Address",dataIndex:"address",key:"address"},{title:"Work",dataIndex:"work",key:"work"},{title:"Color",dataIndex:"color",key:"color"},{title:"Fruit",dataIndex:"fruit",key:"fruit"},{title:"Action",dataIndex:"action",key:"action",width:100,render:()=>o.a.createElement("div",null,o.a.createElement(s.a,{size:"small"},"删除"))}]},n={data:[{key:"1",name:"John Brown",age:"24year",address:"New York No. 1NewNewNewNewNew",work:"New York No. 1NewNewNewNewNewNewNew",color:"New York No. 1NewNewNewNewNewNewNewNew",fruit:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"2",name:"Jim Green",age:"24year",address:"London No. 1NewNewNewNewNewNewNew",work:"New York No. 1NewNewNewNewNewNewNewNew",color:"New York No. 1NewNewNewNewNewNewNew",fruit:"Apples and melons are my favourite fruits.",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."}],columns:[{title:"Name",dataIndex:"name",key:"name",width:200,fixed:"left"},{title:"Age",dataIndex:"age",key:"age",width:250},{title:"Address",dataIndex:"address",key:"address"},{title:"Work",dataIndex:"work",key:"work"},{title:"Color",dataIndex:"color",key:"color"},{title:"Fruit",dataIndex:"fruit",key:"fruit"},{title:"Action",dataIndex:"action",key:"action",width:100,fixed:"right",render:()=>o.a.createElement("div",null,o.a.createElement(s.a,{size:"small"},"删除"))}]},a={data:[{key:"1",name:"John Brown",age:"24 year",address:"New York No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my ",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"2",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"3",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"4",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"5",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits."},{key:"6",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."},{key:"7",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my",foods:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",school:"Apples and melons are my favourite fruits.Apples and melons are my favourite fruits.",interest:"such as climbing mountains, travelling, watching movie..."}],columns:[{title:"Name",dataIndex:"name",key:"name",width:200,fixed:"left"},{title:"Age",dataIndex:"age",key:"age",width:250},{title:"Address",dataIndex:"address",key:"address"},{title:"Work",dataIndex:"work",key:"work"},{title:"Color",dataIndex:"color",key:"color"},{title:"Fruit",dataIndex:"fruit",key:"fruit"},{title:"Action",dataIndex:"action",key:"action",width:100,fixed:"right",render:()=>o.a.createElement("div",null,o.a.createElement(s.a,{size:"small"},"删除"))}]},l={data:[{key:"1",name:"John Brown",age:"24 year",address:"New York No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my "},{key:"2",name:"Jim Green",age:"24 year",address:"London No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"},{key:"3",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"},{key:"4",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"},{key:"5",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"},{key:"6",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"},{key:"7",name:"Joe Black",age:"24 year",address:"Sidney No. 1",work:"New York No. 1",color:"New York No. 1",fruit:"Apples and melons are my"}],columns:[{title:"Name",dataIndex:"name",key:"name",width:200},{title:"Age",dataIndex:"age",key:"age",width:250},{title:"Address",dataIndex:"address",key:"address"},{title:"Work",dataIndex:"work",key:"work"},{title:"Color",dataIndex:"color",key:"color"},{title:"Fruit",dataIndex:"fruit",key:"fruit"},{title:"Action",dataIndex:"action",key:"action",width:100,render:()=>o.a.createElement("div",null,o.a.createElement(s.a,{size:"small"},"删除"))}]};return o.a.createElement("div",null,o.a.createElement("h3",null,"基本"),o.a.createElement("p",null,"基础表格。"),o.a.createElement(r,{dataSource:t.data,columns:t.columns,ref:e=>{this.table=e}}),o.a.createElement("h3",null,"表格固定"),o.a.createElement("p",null,"表格固定列。"),o.a.createElement(r,{dataSource:n.data,columns:n.columns,ref:e=>{this.table=e}}),o.a.createElement("h3",null,"表格固定"),o.a.createElement("p",null,"固定头部。"),o.a.createElement(r,{dataSource:l.data,columns:l.columns,height:"300",ref:e=>{this.table=e}}),o.a.createElement("h3",null,"表格固定"),o.a.createElement("p",null,"固定头部和列。"),o.a.createElement(r,{dataSource:a.data,columns:a.columns,height:"300",ref:e=>{this.table=e}}),o.a.createElement("h3",null,"可选择"),o.a.createElement("p",null,"第一列是联动的选择框。"),o.a.createElement(r,{rowSelection:e,dataSource:this.state.dataSource,columns:this.state.columns,ref:e=>{this.table=e}}))}}},frv8:function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Message\n\nMessage Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|duration|Number|1.8|message 1.8s之后关闭|\n|onClose|Function|function(){}|message 关闭之后的回调|\n|type|String|'info'|message 提示类型|\n### Api\n组件提供了一些静态方法，使用方式和参数如下：\n\n  - message.success(content, duration, onClose)\n  - message.error(content, duration, onClose)\n  - message.info(content, duration, onClose)\n  - message.warning(content, duration, onClose)\n\n\n#### 参数\n|name|type|default|description|\n|---|---|---|---|\n|content|string|''|提示内容\n|duration|Number|1.8|message 默认1.8s之后关闭，可通过config设置|\n|onClose|Function|function(){}|message 关闭之后的回调，可通过config设置|\n\n还提供了全局配置和全局销毁方法：\n\n  - message.config(options)\n  - message.destroty() \n\n\n#### config方法参数\n|name|type|default|description|\n|---|---|---|---|\n|top|number|50px|消息距离顶部的距离\n|duration|Number|1.8|message 默认1.8s之后关闭，可通过config设置|\n|getContainer|Function|function(){}|配置渲染节点的输出位置|\n\n"},gCUn:function(e,t,n){(t=e.exports=n("FZ+f")(void 0)).push([e.i,'._3yP9Eue{width:600px}._3W-tGYX{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-feature-settings:"tnum";font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;clear:both}._3W-tGYX table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;border-radius:4px 4px 0 0}._1ocl4BB{overflow:hidden}._39XoAV0>tr>th{background:#fafafa;transition:background .3s ease;text-align:left;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #e8e8e8}._39XoAV0>tr>th[colspan]{text-align:center}._39XoAV0>tr>th ._1x9SZCP,._39XoAV0>tr>th ._2-vJGOl{position:relative;margin-left:8px;font-size:14px;cursor:pointer;color:rgba(0,0,0,.45);transition:all .3s;width:14px;font-weight:400;vertical-align:text-bottom}._39XoAV0>tr>th ._1x9SZCP:hover,._39XoAV0>tr>th ._2-vJGOl:hover{color:rgba(0,0,0,.65)}._39XoAV0>tr>th ._1q3zzlp+._1x9SZCP{margin-left:4px}._39XoAV0>tr>th ._3KKqsbH._1x9SZCP{color:#1890ff}._39XoAV0>tr>th._2CAYs0G{overflow:hidden}._39XoAV0>tr:first-child>th:first-child{border-top-left-radius:4px}._39XoAV0>tr:first-child>th:last-child{border-top-right-radius:4px}._39XoAV0>tr:not(:last-child)>th[colspan]{border-bottom:0}._2cBMXgh>tr>td{border-bottom:1px solid #e8e8e8}._2cBMXgh>tr,._2cBMXgh>tr>td,._39XoAV0>tr{transition:all .3s}._14br_bR>tr,._14br_bR>tr>td{text-align:center}._2cBMXgh>tr._2MXnpDm>td,._2cBMXgh>tr:hover>td,._39XoAV0>tr._2MXnpDm>td,._39XoAV0>tr:hover>td{background:#f6f8fc}._39XoAV0>tr:hover{background:none}._2cBMXgh>tr>td,._39XoAV0>tr>th{padding:16px;word-break:break-word;-ms-word-break:break-all}._1PJNeiE{padding:16px;background:#fafafa;border-radius:0 0 4px 4px;position:relative;border-top:1px solid #e8e8e8}._1PJNeiE:before{content:"";height:1px;background:#fafafa;position:absolute;top:-1px;width:100%;left:0}._2hLWHXJ{overflow:auto;overflow-x:hidden}.x95crp4{transition:opacity .3s}._2_TTYur{height:100%}._3y5rCHy ._2_TTYur{overflow:scroll}._2hLWHXJ table{width:auto;min-width:100%}._3y5rCHy>._1ocl4BB>._2hLWHXJ>.x95crp4{position:relative;background:#fff}._2-7ugWs,._3_Ip96E{position:absolute;top:0;overflow:hidden;transition:box-shadow .3s ease;border-radius:0}._2-7ugWs table,._3_Ip96E table{width:auto;background:#fff}._3y5rCHy ._2-7ugWs ._2GXS89Q ._2PzvCyk,._3y5rCHy ._3_Ip96E ._2GXS89Q ._2PzvCyk{border-radius:0}._3_Ip96E{left:0;box-shadow:6px 0 6px -4px rgba(0,0,0,.15)}._3uv9p-z{background:#fafafa;overflow:hidden}._3_Ip96E ._3uv9p-z{overflow-y:hidden}._3_Ip96E ._2_TTYur{margin-right:-20px;padding-right:20px}._3y5rCHy ._2hLWHXJ ._3uv9p-z{overflow:scroll}._3y5rCHy ._3_Ip96E ._2_TTYur{padding-right:0}._3_Ip96E,._3_Ip96E table{border-radius:4px 0 0 0}._3_Ip96E ._39XoAV0>tr>th:last-child{border-top-right-radius:0}._2-7ugWs{right:0;box-shadow:-6px 0 6px -4px rgba(0,0,0,.15)}._2-7ugWs,._2-7ugWs table{border-radius:0 4px 0 0}._2-7ugWs ._2gQLaTl{color:transparent;pointer-events:none}._2-7ugWs ._39XoAV0>tr>th:first-child{border-top-left-radius:0}._3W-tGYX.-PDG8Xt ._3_Ip96E,._3W-tGYX._3gpi3_P ._2-7ugWs{box-shadow:none}',""]),t.locals={"demo-wrap":"_3yP9Eue",table:"_3W-tGYX","table-content":"_1ocl4BB","table-thead":"_39XoAV0","anticon-filter":"_1x9SZCP","table-filter-icon":"_2-vJGOl","table-column-sorter":"_1q3zzlp","table-filter-selected":"_3KKqsbH","table-column-has-filters":"_2CAYs0G","table-tbody":"_2cBMXgh","table-tbody-empty":"_14br_bR","table-row-hover":"_2MXnpDm","table-footer":"_1PJNeiE","table-fixed-left":"_3_Ip96E","table-fixed-right":"_2-7ugWs","table-scroll":"_2hLWHXJ","table-body":"x95crp4","table-body-inner":"_2_TTYur","table-fixed-header":"_3y5rCHy","table-body-outer":"_2GXS89Q","table-fixed":"_2PzvCyk","table-header":"_3uv9p-z","table-expanded-row":"_2gQLaTl","table-scroll-position-left":"-PDG8Xt","table-scroll-position-right":"_3gpi3_P"}},iBQZ:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return s});var a=n("Jmof"),o=n.n(a),l=n("E7AL"),s=class extends a.Component{render(){return o.a.createElement("div",{className:"markdown-block"},o.a.createElement("h3",null,"标准进度条"),o.a.createElement("div",null,o.a.createElement(l.a,{percent:30}),o.a.createElement(l.a,{percent:70,status:"exception"}),o.a.createElement(l.a,{percent:70,status:"pause"}),o.a.createElement(l.a,{percent:100,status:"success"}),o.a.createElement(l.a,{percent:100}),o.a.createElement(l.a,{percent:50,showInfo:!1})),o.a.createElement("h3",null,"小型进度条"),o.a.createElement("p",null,"适合放在较狭窄的区域内"),o.a.createElement("div",{style:{width:170}},o.a.createElement(l.a,{percent:30,size:"mini"}),o.a.createElement(l.a,{percent:70,size:"mini",status:"exception"}),o.a.createElement(l.a,{percent:70,size:"mini",status:"pause"}),o.a.createElement(l.a,{percent:100,size:"mini",status:"success"}),o.a.createElement(l.a,{percent:100,size:"mini"})))}}},iHBT:function(e,t){e.exports='import React, { Component } from \'react\';\nimport Menu from \'../Menu\';\nimport Icon from \'../../icon/Icon\';\nimport styles from \'./index.css\';\n\nexport default class MenuDemo extends Component {\n  state = {\n    theme: \'dark\',\n    selectedKeys: [\'.$.$m0\'],\n    openKeys: null,\n  }\n\n  handleClick = (e) => {\n    this.setState({\n      selectedKeys: [e.key],\n    });\n  }\n  handleOpenChange = (openKeys) => {\n    this.setState({\n      openKeys,\n    });\n  }\n\n  render() {\n    // const defaultOpenKeys = [\'.$m1\', \'.$.$m2\', \'.$.$m2m2\'];\n    const defaultOpenKeys = null;\n\n    return (\n      <div className="markdown-block">\n        <table style={{ width: \'100%\' }}>\n          <tbody>\n            <tr>\n              <td colSpan="2">1、水平菜单，子菜单水平</td>\n            </tr>\n            <tr>\n              <th style={{ width: \'50%\' }}>KA</th><th style={{ width: \'50%\' }}>车队加盟</th>\n            </tr>\n            <tr>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="horizontal-h"\n                  colorType="warm"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />分组</span>}>\n                    <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用\n                  </Menu.Item>\n                </Menu>\n              </td>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="horizontal-h"\n                  colorType="cold"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />分组</span>}>\n                    <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用\n                  </Menu.Item>\n                </Menu>\n              </td>\n            </tr>\n            <tr><td style={{ height: \'30px\' }} /><td /></tr>\n            <tr>\n              <td colSpan="2">2、水平菜单，子菜单垂直</td>\n            </tr>\n            <tr>\n              <th style={{ width: \'50%\' }}>KA</th><th style={{ width: \'50%\' }}>车队加盟</th>\n            </tr>\n            <tr>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="horizontal-v"\n                  colorType="warm"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.ItemGroup key="m2m2g1" title="分组1">\n                        <Menu.Item key="m2m2g1i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g1i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                      <Menu.ItemGroup key="m2m2g2" title="分组2">\n                        <Menu.Item key="m2m2g2i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g2i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用\n                  </Menu.Item>\n                </Menu>\n              </td>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="horizontal-v"\n                  colorType="cold"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.ItemGroup key="m2m2g1" title="分组1">\n                        <Menu.Item key="m2m2g1i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g1i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                      <Menu.ItemGroup key="m2m2g2" title="分组2">\n                        <Menu.Item key="m2m2g2i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g2i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用\n                  </Menu.Item>\n                </Menu>\n              </td>\n            </tr>\n            <tr><td style={{ height: \'30px\' }} /><td /></tr>\n            <tr>\n              <td colSpan="2">3、垂直菜单，子菜单水平向右弹出</td>\n            </tr>\n            <tr>\n              <th style={{ width: \'50%\' }}>KA</th><th style={{ width: \'50%\' }}>车队加盟</th>\n            </tr>\n            <tr>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  style={{ width: 240, height: 500 }}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="vertical-h"\n                  colorType="warm"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.ItemGroup key="m2m2g1" title="分组1">\n                        <Menu.Item key="m2m2g1i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g1i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                      <Menu.ItemGroup key="m2m2g2" title="分组2">\n                        <Menu.Item key="m2m2g2i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g2i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />不可用下拉菜单</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用菜单按钮\n                  </Menu.Item>\n                </Menu>\n              </td>\n              <td>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  style={{ width: 240, height: 500 }}\n                  defaultOpenKeys={defaultOpenKeys}\n                  type="vertical-h"\n                  colorType="cold"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.ItemGroup key="m2m2g1" title="分组1">\n                        <Menu.Item key="m2m2g1i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g1i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                      <Menu.ItemGroup key="m2m2g2" title="分组2">\n                        <Menu.Item key="m2m2g2i1">三级菜单1</Menu.Item>\n                        <Menu.Item key="m2m2g2i2">三级菜单2</Menu.Item>\n                      </Menu.ItemGroup>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />不可用下拉菜单</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用菜单按钮\n                  </Menu.Item>\n                </Menu>\n              </td>\n            </tr>\n            <tr><td style={{ height: \'30px\' }} /><td /></tr>\n            <tr>\n              <td colSpan="2">4、垂直菜单，子菜单内嵌在菜单区域</td>\n            </tr>\n            <tr>\n              <th style={{ width: \'50%\' }}>KA</th><th style={{ width: \'50%\' }}>车队加盟</th>\n            </tr>\n            <tr>\n              <td style={{ verticalAlign: \'top\' }}>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  style={{ width: 240 }}\n                  defaultOpenKeys={defaultOpenKeys}\n                  selectedKeys={this.state.selectedKeys}\n                  openKeys={this.state.openKeys}\n                  type="vertical-v"\n                  colorType="warm"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m2m2i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m2m2i2">三级菜单2</Menu.Item>\n                      <Menu.Item key="m2m2i3">三级菜单3</Menu.Item>\n                      <Menu.Item key="m2m2i4">三级菜单4</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />不可用下拉菜单</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用菜单按钮\n                  </Menu.Item>\n                </Menu>\n              </td>\n              <td style={{ verticalAlign: \'top\' }}>\n                <Menu\n                  onClick={this.handleClick}\n                  onOpenChange={this.handleOpenChange}\n                  style={{ width: 240 }}\n                  defaultOpenKeys={defaultOpenKeys}\n                  selectedKeys={this.state.selectedKeys}\n                  openKeys={this.state.openKeys}\n                  type="vertical-v"\n                  colorType="cold"\n                >\n\n                  <Menu.Item key="m0">\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />\n                    菜单按钮\n                  </Menu.Item>\n                  <Menu.SubMenu key="m1" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单</span>}>\n                    <Menu.Item key="m1i1">二级菜单1</Menu.Item>\n                    <Menu.Item key="m1i2">二级菜单2</Menu.Item>\n                    <Menu.Item key="m1i3">二级菜单3</Menu.Item>\n                    <Menu.SubMenu key="m1m1" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m1m1i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m1m1i2">三级菜单2</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m2" title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />下拉菜单分组</span>}>\n                    <Menu.ItemGroup key="m2g1" title="分组1">\n                      <Menu.Item key="m2g1i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g1i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g1i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.ItemGroup key="m2g2" title="分组1">\n                      <Menu.Item key="m2g2i1">二级菜单1</Menu.Item>\n                      <Menu.Item key="m2g2i2">二级菜单2</Menu.Item>\n                      <Menu.Item key="m2g2i3">二级菜单3</Menu.Item>\n                    </Menu.ItemGroup>\n                    <Menu.SubMenu key="m2m2" title={<span><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />三级菜单</span>}>\n                      <Menu.Item key="m2m2i1">三级菜单1</Menu.Item>\n                      <Menu.Item key="m2m2i2">三级菜单2</Menu.Item>\n                      <Menu.Item key="m2m2i3">三级菜单3</Menu.Item>\n                      <Menu.Item key="m2m2i4">三级菜单4</Menu.Item>\n                    </Menu.SubMenu>\n                  </Menu.SubMenu>\n                  <Menu.SubMenu key="m3" disabled title={<span><Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} /><Icon className={styles[\'menu--icon__pullright\']} size={12} name={\'arrow-right\'} />不可用下拉菜单</span>}>\n                    <Menu.Item key="m3i1">二级菜单4</Menu.Item>\n                    <Menu.Item key="m3i2">二级菜单5</Menu.Item>\n                  </Menu.SubMenu>\n                  <Menu.Item key="m4" disabled>\n                    <Icon className={styles[\'menu--icon\']} size={14} name={\'attachment\'} />不可用菜单按钮\n                  </Menu.Item>\n                </Menu>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    );\n  }\n}\n'},jC5m:function(e,t){e.exports='import { Component } from \'react\';\nimport Button from \'../../button/Button\';\nimport Select from \'../Select\';\nimport OptGroup from \'../OptGroup\';\nimport Option from \'../Option\';\nimport querystring from \'querystring\';\nimport jsonp from \'fetch-jsonp\';\n\nclass SelectDemo1 extends Component {\n  constructor() {\n    super();\n    this.state = {\n      disabled: false,\n      value: null,\n      text: null,\n    };\n  }\n\n  onChange = ({ text, value }) => {\n    this.setState({\n      value,\n      text,\n    });\n  }\n\n  setDisabled = () => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  setSelect = () => {\n    this.setState({\n      value: \'B\',\n    });\n  }\n\n  render() {\n    const { value, disabled } = this.state;\n\n    return (\n      <div className="markdown-block">\n        <Button onClick={this.setDisabled}>{ disabled ? \'启用\' : \'禁用\'}</Button> &nbsp;&nbsp;\n        <Button onClick={this.setSelect}>{ \'选中BB\' }</Button>\n        <h3>受控</h3>\n        <p />\n        <Select style={{ width: 250 }} disabled={disabled} defaultValue="C" value={value} onChange={this.onChange} placeholder={"请选择"}>\n          <Option value="A">AA</Option>\n          <Option value="B">BB</Option>\n          <Option value="C">CC</Option>\n          <Option value="D">DD</Option>\n          <Option value="E">EE</Option>\n          <Option value="F">FF</Option>\n          <Option value="G">GG</Option>\n        </Select>\n        <span>选中值:{`${this.state.value},${this.state.text}`}</span>\n\n        <h3>非受控</h3>\n        <p />\n        <Select style={{ width: 250 }} disabled={disabled} defaultValue="C" onChange={this.onChange} placeholder={"请选择"}>\n          <Option value="A">AA</Option>\n          <Option value="B">BB</Option>\n          <Option value="C">CC</Option>\n          <Option value="D">DD</Option>\n          <Option value="E">EE</Option>\n          <Option value="F">FF</Option>\n          <Option value="G">GG</Option>\n        </Select>\n        <span>选中值:{`${this.state.value},${this.state.text}`}</span>\n      </div>\n    );\n  }\n}\n\n\nclass SelectDemo2 extends Component {\n  constructor() {\n    super();\n    this.state = {\n      disabled: false,\n      value: null,\n      text: null,\n    };\n  }\n\n  setDisabled = () => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  setSelect = () => {\n    this.setState({\n      value: \'B\',\n    });\n  }\n\n  onChange = ({ text, value }) => {\n    this.setState({\n      value,\n      text,\n    });\n  }\n\n  render() {\n    const { value, disabled } = this.state;\n\n    return (\n      <div className="markdown-block">\n        <h3>分组</h3>\n        <p />\n        <Select style={{ width: 250 }} disabled={disabled} value={value} onChange={this.onChange} placeholder={"请选择"}>\n          <OptGroup label="分组1">\n            <Option value="A">AA</Option>\n            <Option value="B">BB</Option>\n          </OptGroup>\n          <OptGroup label="分组2">\n            <Option value="C">CC</Option>\n            <Option value="D">DD</Option>\n          </OptGroup>\n          <OptGroup label="分组3">\n            <Option value="E">EE</Option>\n            <Option value="F">FF</Option>\n            <Option value="G">GG</Option>\n          </OptGroup>\n        </Select>\n        <span>选中值:{`${this.state.value},${this.state.text}`}</span>\n\n        <h3>复杂选项。</h3>\n        <p />\n        <Select style={{ width: 250 }} disabled={disabled} value={value} onChange={this.onChange} placeholder={"请选择"}>\n          <Option value="A" text="李大力">\n            <div>李大力</div><div>1354534324</div><div>杭州萧山区民和路</div>\n          </Option>\n          <Option value="B" text="李启">\n            <div>李启</div><div>1356664324</div><div>杭州江干区</div>\n          </Option>\n          <Option value="C" text="李宇">\n            <div>李宇</div><div>1377534324</div><div>杭州富阳</div>\n          </Option>\n          <Option value="D" text="李琦">\n            <div>李琦</div><div>1354554324</div><div>杭州滨江区江</div>\n          </Option>\n          <Option value="E" text="李小燕">\n            <div>李小燕</div><div>1387564324</div><div>上海黄埔区</div>\n          </Option>\n        </Select>\n        <span>选中值:{`${this.state.value},${this.state.text}`}</span>\n      </div>\n    );\n  }\n}\n\n\nclass SelectDemo3 extends Component {\n  constructor() {\n    super();\n    this.state = {\n      disabled: false,\n      value: null,\n      text: null,\n      searchData: [],\n    };\n  }\n\n  setDisabled = () => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  setDefaultValue = () => {\n    this.setState({\n      value: \'CPU\',\n      text: \'CPU\',\n    });\n  }\n\n  onSearch = (value) => {\n    const str = querystring.encode({\n      code: \'utf-8\',\n      q: value,\n    });\n    jsonp(`https://suggest.taobao.com/sug?${str}`)\n      .then(response => response.json())\n      .then((d) => {\n        const result = d.result;\n        const data = [];\n        result.forEach((r) => {\n          data.push({\n            value: r[0],\n            text: r[0],\n          });\n        });\n        this.setState({\n          searchData: data,\n        });\n      });\n  }\n\n  onChange = ({ value, text }) => {\n    this.setState({\n      value,\n      text,\n    });\n  }\n\n  render() {\n    return (\n      <div className="markdown-block">\n        <Button onClick={this.setDisabled}>{ this.state.disabled ? \'启用\' : \'禁用\'}</Button> &nbsp;&nbsp;\n        <Button onClick={this.setDefaultValue}>设值</Button>\n        <h3>带搜索框。</h3>\n        <p />\n        <Select\n          style={{ width: 250 }}\n          disabled={this.state.disabled}\n          value={this.state.value}\n          text={this.state.text}\n          type="combobox"\n          onSearch={this.onSearch}\n          onCancelChange={this.onCancelChange}\n          onChange={this.onChange}\n          placeholder="请输入查询条件"\n        >\n          {\n            this.state.searchData.map(d => <Option key={d.value} value={d.value}>{d.text}</Option>)\n          }\n        </Select>\n\n        <span>选中值:{`${this.state.value},${this.state.text}`}</span>\n      </div>\n    );\n  }\n}\n\nclass SelectDemo4 extends Component {\n  constructor() {\n    super();\n    this.state = {\n      value: null,\n      text: null,\n      disabled: false,\n      province: null,\n      city: null,\n    };\n  }\n\n  setDisabled = () => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  onChangeProvince = ({ value, text }) => {\n    this.setState({\n      province: value,\n      provinceText: text,\n      city: null,\n      cityText: null,\n    });\n  }\n  onChangeCity = ({ value, text }) => {\n    this.setState({\n      city: value,\n      cityText: text,\n    });\n  }\n\n  getCitysByProvince = (province) => {\n    switch (province) {\n      case \'1\':\n        return [{ value: \'11\', text: \'杭州\' },\n          { value: \'12\', text: \'湖州\' },\n          { value: \'13\', text: \'绍兴\' }];\n      case \'2\':\n        return [{ value: \'21\', text: \'广州\' },\n          { value: \'22\', text: \'东莞\' },\n          { value: \'23\', text: \'中山\' }];\n      case \'3\':\n        return [{ value: \'31\', text: \'福州\' },\n          { value: \'32\', text: \'泉州\' },\n          { value: \'33\', text: \'厦门\' }];\n      default:\n        return [];\n    }\n  }\n\n  render() {\n    const citys = this.getCitysByProvince(this.state.province).map((v, i) => <Option value={v.value} key={i}>{v.text}</Option>);\n\n    return (\n      <div className="markdown-block">\n        <Button onClick={this.setDisabled}>{ this.state.disabled ? \'启用\' : \'禁用\'}</Button>\n        <h3>联动。</h3>\n        <p />\n        省：\n        <Select style={{ width: 250 }} disabled={this.state.disabled} value={this.state.province} onChange={this.onChangeProvince}>\n          <Option value="1">浙江省</Option>\n          <Option value="2">广东省</Option>\n          <Option value="3">福建省</Option>\n        </Select>\n        市：\n        <Select style={{ width: 250 }} disabled={this.state.disabled} value={this.state.city} onChange={this.onChangeCity}>\n          {citys}\n        </Select>\n        <span>选中值:{`${this.state.province}-${this.state.provinceText},${this.state.city}-${this.state.cityText}`}</span>\n      </div>\n    );\n  }\n}\n\nexport default class SelectDemo extends Component {\n  render() {\n    return (\n      <div className="markdown-block">\n        <SelectDemo1 />\n        <br /><br />\n        <SelectDemo2 />\n        <br /><br />\n        <SelectDemo3 />\n        <br /><br />\n        <SelectDemo4 />\n      </div>\n    );\n  }\n}\n'},kMPS:function(e,t,n){"use strict";function a(e,t){return Object.prototype.hasOwnProperty.call(e,t)}e.exports=function(e,t,n,l){t=t||"&",n=n||"=";var s={};if("string"!=typeof e||0===e.length)return s;var r=/\+/g;e=e.split(t);var i=1e3;l&&"number"==typeof l.maxKeys&&(i=l.maxKeys);var c=e.length;i>0&&c>i&&(c=i);for(var m=0;m<c;++m){var u,p,d,h,y=e[m].replace(r,"%20"),g=y.indexOf(n);g>=0?(u=y.substr(0,g),p=y.substr(g+1)):(u=y,p=""),d=decodeURIComponent(u),h=decodeURIComponent(p),a(s,d)?o(s[d])?s[d].push(h):s[d]=[s[d],h]:s[d]=h}return s};var o=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}},kimJ:function(e,t,n){var a=n("IV61");"string"==typeof a&&(a=[[e.i,a,""]]);var o={};o.transform=void 0;n("MTIv")(a,o);a.locals&&(e.exports=a.locals)},liFK:function(e,t){e.exports="import React, { Component } from 'react';\nimport Upload from '../Upload';\nimport Icon from '../../icon/Icon';\nimport Button from '../../button/Button';\nimport message from '../../message/index';\nimport styles from './index.css';\n\nclass UploadDemo1 extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n    };\n  }\n  render() {\n    const props = {\n      name: 'file',\n      action: 'https://jsonplaceholder.typicode.com/posts/',\n      headers: {\n        authorization: 'authorization-text',\n      },\n      multiple: true,\n      disabled: false,\n      onResponse(response) {\n        response = { result: 'success', msg: '上传成功！', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' };\n        if (response.result === 'success') {\n          return {\n            success: true,\n            message: '上传成功',\n            url: response.url,\n          };\n        }\n\n        return {\n          success: false,\n          message: response.msg,\n        };\n      },\n      onChange(info) {\n        if (info.file.status !== 'uploading') {\n          // console.log(info.file, info.fileList);\n        }\n        if (info.file.status === 'done') {\n          message.success(`${info.file.name} 文件上传成功.`);\n        } else if (info.file.status === 'error') {\n          message.error(`${info.file.name} 文件上传失败！`);\n        }\n      },\n    };\n\n    return (\n      <div className=\"markdown-block\">\n        <h3>1、经典款式，用户点击按钮弹出文件选择框。</h3>\n        <Upload {...props}>\n          <Button size=\"small\" type=\"secondary\" disabled={props.disabled}>\n            <Icon size={12} name=\"upload\" /> 上传文件\n          </Button>\n        </Upload>\n      </div>\n    );\n  }\n}\n\nclass UploadDemo2 extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n    };\n  }\n  render() {\n    const props = {\n      name: 'file',\n      action: 'https://jsonplaceholder.typicode.com/posts/',\n      headers: {\n        authorization: 'authorization-text',\n      },\n      multiple: true,\n      disabled: false,\n      onResponse(response) {\n        response = { result: 'success', msg: '上传成功！', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' };\n        if (response.result === 'success') {\n          return {\n            success: true,\n            message: '上传成功',\n            url: response.url,\n          };\n        }\n\n        return {\n          success: false,\n          message: response.msg,\n        };\n      },\n      onChange(info) {\n        if (info.file.status !== 'uploading') {\n          // console.log(info.file, info.fileList);\n        }\n        if (info.file.status === 'done') {\n          message.success(`${info.file.name} 文件上传成功.`);\n        } else if (info.file.status === 'error') {\n          message.error(`${info.file.name} 文件上传失败！`);\n        }\n      },\n      defaultFileList: [{\n        uid: 1,\n        name: '图片1.png',\n        status: 'done',\n        url: 'https://www.ehuodi.com/module/index/img/index2/line2_bg.png',\n      }, {\n        uid: 2,\n        name: '图片2.png',\n        status: 'done',\n        url: 'https://www.ehuodi.com/module/index/img/index2/line2_bg.png',\n      }, {\n        uid: 3,\n        name: '图片3.png',\n        status: 'error',\n        response: '上传失败，图片太大',\n      }],\n    };\n\n\n    return (\n      <div className=\"markdown-block\">\n        <h3>2、已上传文件的列表</h3>\n        <p>使用 defaultFileList 设置已上传的内容。</p>\n        <Upload {...props}>\n          <Button size=\"small\" type=\"secondary\" disabled={props.disabled}>\n            <Icon size={12} name=\"upload\" /> 上传文件\n          </Button>\n        </Upload>\n      </div>\n    );\n  }\n}\n\nclass UploadDemo3 extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      fileList: [{\n        uid: -1,\n        name: 'xxx.png',\n        status: 'done',\n        url: 'https://www.ehuodi.com/module/index/img/index2/line2_bg.png',\n      }],\n    };\n  }\n\n  render() {\n    const I = this;\n    const props = {\n      action: '//jsonplaceholder.typicode.com/posts/',\n      disabled: false,\n      onResponse(response) {\n        response = { result: 'success', msg: '上传成功！', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' };\n        if (response.result === 'success') {\n          return {\n            success: true,\n            message: '上传成功',\n            url: response.url, // 上传成功的图片路径\n          };\n        }\n\n        return {\n          success: false,\n          message: response.msg,\n        };\n      },\n      onChange(info) {\n        let fileList = info.fileList;\n\n        // 最多只留1个文件，前面的将会被替换\n        fileList = fileList.slice(-1);\n\n        // 读取上传后的文件链接\n        fileList = fileList.map((file) => {\n          if (file.response) {\n            file.url = file.response.url;\n          }\n          return file;\n        });\n\n        // // 过滤上传成功的文件\n        // fileList = fileList.filter((file) => {\n        //   if (file.response) {\n        //     return file.status === 'done';\n        //   }\n        //   return true;\n        // });\n\n        I.setState({ fileList });\n      },\n    };\n    return (\n      <div className=\"markdown-block\">\n        <h3>3、使用 fileList 对列表进行完全控制，可以实现各种自定义功能，以下演示三种情况：</h3>\n        <p>1) 上传列表数量的限制。</p>\n        <p>2) 读取远程路径并显示链接。</p>\n        <p>3) 按照服务器返回信息筛选成功上传的文件。</p>\n        <Upload {...props} fileList={this.state.fileList}>\n          <Button size=\"small\" type=\"secondary\" disabled={props.disabled}>\n            <Icon size={12} name=\"upload\" /> 上传文件\n          </Button>\n        </Upload>\n      </div>\n    );\n  }\n}\n\nclass UploadDemo4 extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      fileList: [{\n        uid: -1,\n        name: 'xxx.png',\n        status: 'done',\n        url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n      }],\n    };\n  }\n  // 点击查看源图时触发\n  handlePreview = (file) => {\n    window.open(file.url);\n  }\n\n  handleChange = (info) => {\n    this.setState({ fileList: info.fileList });\n  }\n  beforeUpload(file) {\n    const isJPG = file.type === 'image/png';\n    if (!isJPG) {\n      message.error('请上传.png文件!');\n    }\n    const isLt2M = file.size < 1024 * 1000;\n    if (!isLt2M) {\n      message.error('图片不能超过1000KB!');\n    }\n    return isJPG && isLt2M;\n  }\n  render() {\n    const props = {\n      action: '//jsonplaceholder.typicode.com/posts/',\n      disabled: false,\n      listType: 'picture-card',\n      fileList: this.state.fileList,\n      onPreview: this.handlePreview,\n      onChange: this.handleChange,\n      beforeUpload: this.beforeUpload,\n      onResponse(response) {\n        response = { result: 'success', msg: '上传成功！', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' }; // mock数据\n        if (response.result === 'success') {\n          return {\n            success: true,\n            message: '上传成功',\n            url: response.url, // 上传成功的图片路径\n          };\n        }\n\n        return {\n          success: false,\n          message: response.msg,\n        };\n      },\n    };\n\n    const uploadButton = (\n      <div className={styles['upload-btn']}>\n        <Icon name=\"plus\" size={25} />\n        <div className={styles['upload-text']}>上传</div>\n      </div>\n    );\n    return (\n      <div className=\"markdown-block\">\n        <h3>4、显示上传缩略图</h3>\n        <p>点击上传图片，并使用 beforeUpload 限制用户上传的图片格式和大小。</p>\n        <Upload {...props}>\n          {this.state.fileList.length >= 3 ? null : uploadButton}\n        </Upload>\n      </div>\n    );\n  }\n}\n\nexport default class UploadDemo extends Component {\n  render() {\n    return (\n      <div className=\"markdown-block\">\n        <UploadDemo1 />\n        <br /><br />\n        <UploadDemo2 />\n        <br /><br />\n        <UploadDemo3 />\n        <br /><br />\n        <UploadDemo4 />\n      </div>\n    );\n  }\n}\n"},m1Gx:function(e,t,n){"use strict";var a=n("bTP1");n.d(t,"a",function(){return a.a})},"n+PT":function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Steps\n\nSteps Component.\n\n### Props\n#### Steps 整体步骤条\n|name|type|default|description|\n|---|---|:---:|:---:|\n|current|number|0|指定当前步骤，从 0 开始记数|\n|status|string|process|指定当前步骤的状态，可选 `wait` `process` `finish`|\n|direction|string|horizontal|指定步骤条方向。默认水平|\n|isFinishIcon|boolean|false|指定finish状态的显示方式是否使用Icon|\n\n#### Steps.Step 步骤条内的每一个步骤\n|name|type|default|description|\n|---|---|:---:|:---:|\n|status|string|wait|指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。|\n|title|string or ReactNode|无|标题|\n|description|string or ReactNode|无|描述，可选|\n### Api"},nYGS:function(e,t){e.exports="---\nauthor:\n  name: ryan.bian / lhf-nife\n  homepage: https://github.com/macisi/\n  email: macisi528@gmail.com\n---\n\n## Modal\n\n模态对话框。\n\n### 何时使用\n\n需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|title|string|--|对话框标题\n|closable|boolean|true|是否显示关闭按钮\n|width|number|520|对话框宽度\n|visible|boolean|false|对话框是否显示\n|footer|element|--|对话框底部按钮\n|onOk|func|--|确认按钮触发事件\n|onCancel|func|--|取消按钮触发事件\n|afterClose|func|--|对话框关闭后事件\n\n### Api\n#### Modal.method()\n\n- 包括：\n  - Modal.info\n  - Modal.success\n  - Modal.error\n  - Modal.warning\n- 以上均为一个函数，参数为object，具体属性如下:\n\n|name|type|default|description|\n|---|---|---|---|\n|title|string|info/success/eror/warning|对话框标题\n|content|string|--|对话框内容\n|closable|boolean|false|是否显示关闭按钮"},o3DI:function(e,t){e.exports="class Playground extends React.Component {\n  render() {\n    return <Button>Button</Button>;\n  }\n}\n\nreturn <Playground />;"},pIU7:function(e,t,n){"use strict";function a(e,t){var n={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}function o(e){return(e.ctrlKey||e.metaKey)&&e.keyCode===(e.shiftKey?C:E)}function l(e){return(e.ctrlKey||e.metaKey)&&e.keyCode===(e.shiftKey?E:C)}function s(e){var t=void 0,n=void 0,a=void 0,o=void 0;if(void 0!==e.selectionStart)t=e.selectionStart,n=e.selectionEnd;else try{e.focus(),o=(a=e.createTextRange()).duplicate(),a.moveToBookmark(document.selection.createRange().getBookmark()),o.setEndPoint("EndToStart",a),n=(t=o.text.length)+a.text.length}catch(e){}return{start:t,end:n}}function r(e,t){var n=void 0;try{void 0!==e.selectionStart?(e.focus(),e.setSelectionRange(t.start,t.end)):(e.focus(),(n=e.createTextRange()).collapse(!0),n.moveStart("character",t.start),n.moveEnd("character",t.end-t.start),n.select())}catch(e){}}var i,c,m=n("Jmof"),u=n.n(m),p=n("13mF"),d=n.n(p),h=n("KSGD"),y=n.n(h),g=n("HW6M"),f=n.n(g),b=n("PewI"),v=n.n(b),k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},E=90,C=89,R=(c=i=class extends m.PureComponent{constructor(){var e;return e=super(...arguments),this.onChange=(e=>{var t=this.mask.getValue();if(e.target.value!==t){if(e.target.value.length<t.length){var n=t.length-e.target.value.length;this.mask.selection=s(this.input),this.mask.selection.end=this.mask.selection.start+n,this.mask.backspace()}var a=this.getDisplayValue();e.target.value=a,a&&r(this.input,this.mask.selection)}this.props.onChange&&this.props.onChange(e)}),this.onKeyPress=(e=>{e.metaKey||e.altKey||e.ctrlKey||"Enter"===e.key||(e.preventDefault(),this.mask.selection=s(this.input),this.mask.input(e.key||e.data)&&(e.target.value=this.mask.getValue(),r(this.input,this.mask.selection),this.props.onChange&&this.props.onChange(e)))}),this.onKeyDown=(e=>{if(o(e))return e.preventDefault(),void(this.mask.undo()&&(e.target.value=this.getDisplayValue(),r(this.input,this.mask.selection),this.props.onChange&&this.props.onChange(e)));if(l(e))return e.preventDefault(),void(this.mask.redo()&&(e.target.value=this.getDisplayValue(),r(this.input,this.mask.selection),this.props.onChange&&this.props.onChange(e)));if("Backspace"===e.key&&(e.preventDefault(),this.mask.selection=s(this.input),this.mask.backspace())){var t=this.getDisplayValue();e.target.value=t,t&&r(this.input,this.mask.selection),this.props.onChange&&this.props.onChange(e)}}),this.onPaste=(e=>{e.preventDefault(),this.mask.selection=s(this.input),this.mask.paste(e.clipboardData.getData("Text"))&&(e.target.value=this.mask.getValue(),r(this.input,this.mask.selection),this.props.onChange&&this.props.onChange(e))}),this.getDisplayValue=(()=>{var e=this.mask.getValue();return e===this.mask.emptyValue?"":e}),this.getEventHandlers=(()=>({onChange:this.onChange,onKeyDown:this.onKeyDown,onPaste:this.onPaste,onKeyPress:this.onKeyPress})),e}componentWillMount(){var e={pattern:this.props.mask,value:this.props.value,formatCharacters:this.props.formatCharacters};this.props.placeholderChar&&(e.placeholderChar=this.props.placeholderChar),this.mask=new d.a(e)}render(){var e=this.mask.pattern.length,t=this.getDisplayValue(),n=this.getEventHandlers(),o=this.props,l=o.disabled,s=o.size,r=void 0===s?e:s,i=o.placeholder,c=void 0===i?this.mask.emptyValue:i,m=this.props,p=(m.placeholderChar,m.formatCharacters,a(m,["placeholderChar","formatCharacters"])),d=k({},p,n,{ref:e=>this.input=e,maxLength:e,value:t,size:r,placeholder:c,className:f()(v.a[`${l?"input__disabled":""}`],v.a[`input__${r}`])});return u.a.createElement("input",d)}},i.displayName="CardInput",i.defaultProps={size:"normal",disabled:!1,mask:"1111-1111-1111-1111",value:""},i.propTypes={size:y.a.oneOf(["normal","large","small"]),disabled:y.a.bool,mask:y.a.string.isRequired,formatCharacters:y.a.object,placeholderChar:y.a.string,onChange:y.a.func},c);t.a=R},qeLS:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return i});var a=n("Jmof"),o=(n.n(a),n("XFRO")),l=n("Pp2j"),s=n("mkCw"),r=n("pIU7"),i=class extends a.Component{constructor(e){super(e),this.onChangeCard=(e=>{var t=e.target.value;this.setState({value:t})}),this.state={value:"1234-1234-1234-1234"}}render(){var e=React.createElement(l.a,{size:12,name:"account"});return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本"),React.createElement("p",null,"输入框"),React.createElement(o.a,{placeholder:"请输入",defaultValue:"12345465"}),React.createElement("h3",null,"图标"),React.createElement("p",null,"图标输入框"),React.createElement(o.a,{placeholder:"请输入",prefix:e}),React.createElement("h3",null,"大小"),React.createElement("p",null,"三种大小的数字输入框"),React.createElement(o.a,{size:"large",placeholder:"large size"}),React.createElement("p",null),React.createElement(o.a,{size:"normal",placeholder:"normal size"}),React.createElement("p",null),React.createElement(o.a,{size:"small",placeholder:"small size"}),React.createElement("h3",null,"禁用"),React.createElement("p",null,"输入框禁用"),React.createElement("p",null,React.createElement(o.a,{placeholder:"input disabled",defaultValue:"12345465",disabled:!0})),React.createElement("h3",null,"搜索框"),React.createElement("p",null,"带有搜索按钮的输入框"),React.createElement(s.a,{size:"large",placeholder:"input search text",style:{width:240}}),React.createElement("p",null),React.createElement(s.a,{placeholder:"input search text",style:{width:240}}),React.createElement("p",null),React.createElement(s.a,{size:"small",placeholder:"input search text",style:{width:240}}),React.createElement("h3",null,"文本域"),React.createElement("p",null,"用于多行输入"),React.createElement(o.a,{type:"textarea",placeholder:"请输入",autosize:!0,rows:1}),React.createElement(o.a,{type:"textarea",placeholder:"请输入",rows:6}),React.createElement("h3",null,"格式化"),React.createElement("p",null,"针对16或多位格式化输入"),React.createElement(r.a,{size:"large",mask:"1111-1111-1111-1111",placeholder:"1234-1234-1234-1234",value:this.state.value,onChange:this.onChangeCard}),React.createElement("p",null),React.createElement(r.a,{size:"normal",mask:"111111-111111-111111-111111",onChange:this.onChangeCard}))}}},tTp3:function(e,t){e.exports="---\nauthor:\n  name: heifade\n  homepage: https://github.com/heifade/\n  email: heifade@126.com\n---\n\n## Button\n\n按钮用于开始一个即时操作。\n\n### 何时使用\n\n标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|placeholder|String|'请选择'|选择框默认文字|\n|type|String|dropdown|单选(dropdown),搜索(combobox)|\n|style|Object|{width: 200}|{width: 100},目录支持宽度|\n|disabled|bool|false|是否禁用|\n|value|String|''|选中的值，与子控件Option的value对应|\n|onSearch|function(value)|null|当type为combobox有效，搜索文本框内容改变时回调，用于过滤数据|\n|onChange|function({value,text})|null|选中项改变时回调|\n|onCancelChange|function()|null|当type为combobox有效，搜索文本框内容取消改变时回调|\n\n### Api"},tsro:function(e,t){e.exports="import { Component } from 'react';\nimport Radio from '../index';\nimport Button from '../../button';\nimport Input from '../../input';\n\nconst RadioGroup = Radio.Group;\nconst RadioButton = Radio.Button;\n\nconst plainOptions = ['Apple', 'Pear', 'Orange'];\nconst options = [\n  { label: 'Apple', value: 'Apple' },\n  { label: 'Pear', value: 'Pear' },\n  { label: 'Orange', value: 'Orange' },\n];\nconst optionsWithDisabled = [\n  { label: 'Apple', value: 'Apple' },\n  { label: 'Pear', value: 'Pear' },\n  { label: 'Orange', value: 'Orange', disabled: false },\n];\n\nfunction onChange(e) {\n  console.log(`radio checked:${e.target.value}`);\n}\nexport default class RadioDemo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      disabled: false,\n      checked: false,\n\n\n      value: 1,\n      value1: 'Apple',\n      value2: 'Apple',\n      value3: 'Apple',\n    };\n  }\n\n  onChange=(e) => {\n    console.log('radio checked', e.target.value);\n    this.setState({\n      value: e.target.value,\n    });\n  }\n\n  onChange1=(e) => {\n    this.setState({\n      value1: e.target.value,\n    });\n  }\n\n  onChange2=(e) => {\n    this.setState({\n      value2: e.target.value,\n    });\n  }\n\n  onChange3=(e) => {\n    this.setState({\n      value3: e.target.value,\n    });\n  }\n\n  handleChange=() => {\n    this.setState({\n      checked: !this.state.checked,\n    });\n  }\n\n  handleToggle=() => {\n    this.setState({\n      disabled: !this.state.disabled,\n    });\n  }\n\n  render() {\n    const { checked, disabled, value1, value2, value3, value } = this.state;\n    return (\n      <div className=\"markdown-block\">\n        <h3>通过配置 options 参数来渲染单选框</h3>\n        <p><RadioGroup options={plainOptions} onChange={this.onChange1} value={value1} disabled={disabled} /></p>\n        <p><RadioGroup options={options} onChange={this.onChange2} value={value2} disabled={disabled} /></p>\n        <p><RadioGroup options={optionsWithDisabled} onChange={this.onChange3} value={value3} disabled={disabled} /></p>\n\n        <h3>嵌套的RadioGroup</h3>\n        <RadioGroup onChange={this.onChange} value={value} disabled={disabled}>\n          <Radio value={1}>Option A</Radio>\n          <Radio value={2}>Option B</Radio>\n          <Radio value={3}>Option C</Radio>\n          <Radio value={4}>\n          More...\n          {value == 4 ? <Input style={{ width: 100, marginLeft: 10 }} /> : null}\n          </Radio>\n        </RadioGroup>\n\n        <h3>按钮样式的单选组合</h3>\n        <RadioGroup onChange={onChange} defaultValue=\"a\" disabled={disabled}>\n          <RadioButton value=\"a\">Hangzhou</RadioButton>\n          <RadioButton value=\"b\">Shanghai</RadioButton>\n          <RadioButton value=\"c\">Beijing</RadioButton>\n          <RadioButton value=\"d\">Chengdu</RadioButton>\n        </RadioGroup>\n\n        <h3>非受控方式</h3>\n        <p><Radio defaultChecked name={'my-radio'} disabled={disabled}>&nbsp;默认选中</Radio></p>\n        <p>\n          <Radio name={'my-radio'} disabled={disabled}>&nbsp;默认</Radio>\n        </p>\n        <h3>受控方式</h3>\n        <p>\n          <Radio checked={checked} onChange={this.handleChange} disabled={disabled}>&nbsp;{checked ? '选中' : '未选中'}</Radio></p>\n        <p>\n          <Radio checked={checked} onChange={this.handleChange} disabled={disabled}>&nbsp;{checked ? '选中' : '未选中'}</Radio>\n        </p>\n        <Button onClick={this.handleToggle}>{disabled ? '启用' : '禁用'}</Button>&nbsp;\n        <Button onClick={this.handleChange}>{checked ? '取消选中' : '选中'}</Button>\n      </div>\n    );\n  }\n}\n"},vMWu:function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Radio\n\nRadio Component.\n\n### Props\n#### Radio\n|name|type|default|description|\n|---|---|---|---|\n|checked|boolean|false|指定当前是否选中|\n|defaultChecked|boolean|false|初始是否选中|\n|value|any|无|根据 value 进行比较，判断是否选中|\n\n#### RadioGroup \n|name|type|default|description|\n|---|---|:---:|:---:|\n|onChange|Function|-|选项变化时的回调函数|\n|value|any|-|用于设置当前选中的值|\n|defaultValue|any|-|默认选中的值|\n|options|string[] or Array|-|以配置形式设置子元素|\n### Api"},"w+gr":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return s});var a=n("Jmof"),o=(n.n(a),n("gPfh")),l=n("lkey"),s=class extends a.Component{constructor(e){super(e),this.openModal=this.openModal.bind(this),this.state={visible:!1}}openModal(){this.setState({visible:!0})}closeModal(){this.setState({visible:!1})}render(){var e={title:"标题",visible:this.state.visible,onOk:()=>{this.closeModal(),console.log("onOK")},onCancel:()=>{this.closeModal(),console.log("onCancel")},afterClose(){console.log("afterClose")}};return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本"),React.createElement(l.a,{type:"secondary",onClick:this.openModal},"open modal"),React.createElement(o.a,e,React.createElement("p",null,"这是一段信息。")),React.createElement("h3",null,"信息提示"),React.createElement("p",null,"各种类型的信息提示，只提供一个按钮用于关闭。"),React.createElement(l.a,{type:"secondary",onClick:()=>{o.a.info({content:"这是提示信息",closable:!0})}},"info")," ",React.createElement(l.a,{type:"secondary",onClick:()=>{o.a.success({content:"这是成功消息"})}},"success")," ",React.createElement(l.a,{type:"secondary",onClick:()=>{o.a.error({content:"这是错误提示"})}},"error")," ",React.createElement(l.a,{type:"secondary",onClick:()=>{o.a.warning({content:"这是警告信息"})}},"warning"))}}},wVe3:function(e,t){e.exports='---\nauthor:\n  name: heifade\n  homepage: https://github.com/heifade/\n  email: heifade@126.com\n---\n\n## Upload\n\nUpload Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|name|String|file|发到后台的文件参数名|\n|defaultFileList|object[]|[]|默认已经上传的文件列表|\n|action|String|\'\'|必选参数, 上传的地址|\n|data|object|function(file)|上传所需参数或返回上传参数的方法|\n|headers|object|null|设置上传的请求头部，IE10 以上有效|\n|showUploadList|bool or { showPreviewIcon?: boolean, showRemoveIcon?: boolean }|true|是否展示 uploadList, 可设为一个对象，用于单独设定 showPreviewIcon 和 showRemoveIcon|\n|multiple|bool|false|是否支持多选文件，ie10+ 支持。开启后按住 ctrl 可选择多个文件。|\n|accept|String|\'\'|接受上传的文件类型|\n|beforeUpload|(file, fileList) => boolean 或 Promise|null|上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。注意：该方法不支持老 IE。|\n|customRequest|Function|null|通过覆盖默认的上传行为，可以自定义自己的上传实现|\n|onChange|Function|null|上传文件改变时的状态，详见 onChange|\n|listType|String|\'text\'|上传列表的内建样式，支持两种基本样式 text or picture-card|\n|onPreview|Function(file)|null|点击文件链接或预览图标时的回调|\n|onRemove|Function(file): boolean 或 Promise|null|点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除。|\n|disabled|bool|false|是否禁用|\n|withCredentials|bool|false|上传请求时是否携带 cookie|\n|onResponse|Function(response)|默认根据下面结构处理：{"result":"success","msg":"上传成功", url:"http://abc.jpg"}|根据服务端返回的内容，判断是否上传成功|\n\n\n\n### Api'},whSr:function(e,t){e.exports="---\nauthor:\n  name: yan\n  homepage: https://github.com/october-yan/\n---\n\n## InputNumber\n\n通过鼠标或键盘，输入范围内的数值\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|min|number||最小值|\n|max|number||最大值|\n|value|number||当前值|\n|step|number,string|1|每次改变步数，可以为小数|\n|defaultValue|number||初始值|\n|onChange|Function(value)||变化回调|\n|disabled|boolean|false|禁用|\n|formatter|function(value)||指定输入框展示值的格式|\n|parser|function( string): number||指定从 formatter 里转换回数字的方式，和 formatter 搭配使用|\n|style|CSSProperties||||\n\n### Api"},x6SW:function(e,t,n){"use strict";n.d(t,"a",function(){return h});var a,o,l=n("Jmof"),s=n.n(l),r=n("HW6M"),i=n.n(r),c=n("KSGD"),m=n.n(c),u=n("R50v"),p=n("Ts4/"),d=n.n(p),h=(o=a=class extends l.PureComponent{constructor(e){super(e),this.onSelectChange=((e,t)=>{var n=this.props.selectedRowKeys;t?n.push(e):n.splice(n.indexOf(e),1),n=n.sort(),this.props.onSelectChange&&this.props.onSelectChange(n)}),this.state={}}render(){var e=[],t=this.props,n=t.emptyText,a=t.dataSource,o=t.columns,l=t.fixedColumn,r=t.root,c=t.currentHoverRow,m=t.fixedColumnsBodyRowsHeight,p=t.selectedRowKeys;if(a.length)return a.forEach((t,n)=>{var a={height:`${m[n]}px`||"auto"},i=!(!p||!p.filter(e=>e===n).length),d=c===n;e.push(s.a.createElement(u.a,{defaultstyle:a,columns:o,key:t.key,data:t,onChange:this.onChange,checked:i,onSelectChange:this.onSelectChange,fixedColumn:l,render:o.render,index:n,root:r,isHover:d}))}),s.a.createElement("tbody",{className:d.a["table-tbody"]},e);var h=i()({[d.a["table-tbody"]]:!0,[d.a["table-tbody-empty"]]:0===a.length});return s.a.createElement("tbody",{className:h},s.a.createElement("tr",null,s.a.createElement("td",{colSpan:o.length},n)))}},a.defaultProps={emptyText:"暂无数据",dataSource:{},columns:{},selectedRowKeys:{},fixedColumn:"scroll",root:null,currentHoverRow:null,fixedColumnsBodyRowsHeight:{},onSelectChange(){}},a.propTypes={emptyText:m.a.string,dataSource:m.a.instanceOf(Array),columns:m.a.instanceOf(Array),selectedRowKeys:m.a.instanceOf(Array),onSelectChange:m.a.func,fixedColumn:m.a.string,root:m.a.instanceOf(Object),currentHoverRow:m.a.number,fixedColumnsBodyRowsHeight:m.a.instanceOf(Object)},o)},xaZU:function(e,t,n){"use strict";function a(e,t){if(e.map)return e.map(t);for(var n=[],a=0;a<e.length;a++)n.push(t(e[a],a));return n}var o=function(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}};e.exports=function(e,t,n,r){return t=t||"&",n=n||"=",null===e&&(e=void 0),"object"==typeof e?a(s(e),function(s){var r=encodeURIComponent(o(s))+n;return l(e[s])?a(e[s],function(e){return r+encodeURIComponent(o(e))}).join(t):r+encodeURIComponent(o(e[s]))}).join(t):r?encodeURIComponent(o(r))+n+encodeURIComponent(o(e)):""};var l=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},s=Object.keys||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.push(n);return t}},xiJQ:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return l});var a=n("Jmof"),o=(n.n(a),n("WG9z")),l=class extends a.Component{render(){return React.createElement("div",{className:"markdown-block"},React.createElement("h3",null,"基本面包屑"),React.createElement("p",null,React.createElement(o.a,null,React.createElement(o.a.Item,null,"home"),React.createElement(o.a.Item,{href:"/component/button"},"Button"),React.createElement(o.a.Item,{href:"/component/steps"},"Steps"),React.createElement(o.a.Item,null,"bbb"))),React.createElement(o.a,{separator:">"},React.createElement(o.a.Item,null,"home"),React.createElement(o.a.Item,{href:"/component/button"},"Button"),React.createElement(o.a.Item,{href:"/component/steps"},"Steps"),React.createElement(o.a.Item,null,"bbb")),React.createElement("h3",null,"带返回的面包屑"),React.createElement("p",null,React.createElement(o.a,{hasBackIcon:!0},React.createElement(o.a.Item,{href:"/"},"home"),React.createElement(o.a.Item,{href:"/component/button"},"Button"),React.createElement(o.a.Item,{href:"/component/steps"},"Steps"),React.createElement(o.a.Item,null,"bbb"))),React.createElement(o.a,{hasBackIcon:!0,separator:">"},React.createElement(o.a.Item,{href:"/"},"home"),React.createElement(o.a.Item,{href:"/component/button"},"Button"),React.createElement(o.a.Item,{href:"/component/steps"},"Steps"),React.createElement(o.a.Item,null,"bbb")))}}},"y/Xd":function(e,t){e.exports="---\nauthor:\n  name: heifade\n  homepage: https://github.com/heifade/\n---\n\n## Progress\n\nProgress Component.\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n|status|string|normal|`normal` `exception` `pause` or `success`|\n|percent|number|0|进度百分比|\n|showInfo|true|boolean|是否显示进度数值或状态图标|\n|size|string|normal|进度条尺寸，`normal` or `mini`|\n\n### Api"},yHpG:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=(n.n(a),n("9q7S")),l=n("2tft"),s=n("lkey"),r=n("YSWR"),i=l.a.Option,c=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={timeFunction:"ease",status:!1,motion:"fade"},e}render(){var e=Object.keys(r.a);return React.createElement("div",null,React.createElement("h3",null,"TIME FUNCTION"),React.createElement(l.a,{value:this.state.timeFunction,onChange:e=>{var t=e.value;this.setState({timeFunction:t})}},e.map(e=>React.createElement(i,{key:e,value:e},e))),React.createElement("h3",null,"MOTIONS"),React.createElement(l.a,{value:this.state.motion,onChange:e=>{var t=e.value;this.setState({motion:t})}},r.b.map(e=>React.createElement(i,{key:e,value:e},e))),React.createElement(s.a,{onClick:()=>{this.setState({status:!this.state.status})}},"toggle"),React.createElement("div",null,React.createElement(o.a,{in:this.state.status,timingFunction:this.state.timeFunction,motion:this.state.motion,style:{marginTop:20,display:"inline-block"}},React.createElement("div",{style:{width:100,height:100,border:"1px solid var(--brand-primary)"}}))))}}},yL0p:function(e,t){e.exports="---\nauthor:\n  name: grootfish\n  homepage: https://github.com/grootfish/\n  email: yuyangjie0@163.com\n---\n\n## Breadcrumb\n\nBreadcrumb Component.\n\n### Props\n|name|type|default|description|\n|---|---|:---:|---|\n|prefixCls|String|'breadcrumb'|预先定义的样式前缀|\n|separator|String|'/'|面包屑的分隔符|\n|hasBackIcon|Boolean|false|是否显示回退按钮|\n### Api\n"},yPNB:function(e,t){e.exports="import Pagination from '../Pagination';\nimport { Component } from 'react';\n\nexport default class PaginationDemo extends Component {\n  state = {\n    current: 3,\n  };\n  render() {\n    const { current } = this.state;\n    return (\n      <div className=\"markdown-block\">\n        <h3>基本</h3>\n        <p>基础分页。</p>\n        <Pagination current={current} total={0} />\n        <Pagination current={current} total={50} />\n        <h3>更多分页</h3>\n        <Pagination\n          defaultCurrent={1}\n          total={500}\n          showSizeChanger\n          onSizeChange={(size, cur) => {\n            console.log(`size: ${size} current: ${cur}`);\n          }}\n        />\n        <h3>跳转</h3>\n        <p>快速跳转到某一页。</p>\n        <Pagination showTotal total={500000} showQuickJumper />\n        <h3>迷你</h3>\n        <p>用于弹窗等页面展示区域狭小的场景。</p>\n        <h3>受控方式</h3>\n        <p><Pagination\n          current={current}\n          total={50}\n          onChange={(c) => {\n            this.setState({\n              current: c,\n            });\n          }}\n        /></p>\n        <Pagination total={100} showQuickJumper showSizeChanger size=\"small\" />\n        <h3>非受控方式</h3>\n        <Pagination defaultCurrent={1} total={50} />\n      </div>\n    );\n  }\n}\n"},yniO:function(e,t){e.exports="---\nauthor:\n  name: yan\n  homepage: https://github.com/october-yan/\n  email: yanw.87@163.com\n---\n\n## Table\n\n展示行列数据。\n\n### Props\n|name|type|default|description|\n|---|---|---|---|\n| width | number | - | 表格的宽度 |\n| height | number | - | 表格的高度（除去表头） |\n| emptyText | string | 暂无数据 | 表格暂无数据 |\n\n### 列配置项(jsxcolumns)\n|name|type|default|description|\n|---|---|---|---|\n| title | string | - | 列头标题 |\n| dataIndex | string | - | 表格的数据中用于查看模式展示的字段 |\n| width | number | - | 列宽 |\n| fixed | string | - | 固定位置，固定在左侧还是右侧,包含‘left’,'right' |\n| render | function | - | 在查看模式下，用户定制渲染的方式，返回一个 jsx 格式|\n\n### 选择功能的配置(rowSelection)\n|name|type|default|description|\n|---|---|---|---|\n| selectedRowKeys | string[] | [] | 指定选中项的 key 数组，需要和 onChange 进行配合 |\n| onSelectChange | Function(selectedRowKeys) | [] | 用户手动选择/取消选择某列的回调 |\n| selections | 'all-data' | - | 配置头部全选 |\n\n\n### Api"},zACC:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"default",function(){return c});var a=n("Jmof"),o=(n.n(a),n("7l3d")),l=(n("JCOr"),n("hFTO")),s=n("kbwb"),r=(n("oiih"),n("Hlpk")),i=n.n(r),c=class extends a.Component{constructor(){var e;return e=super(...arguments),this.state={visible:!1},this.handleOkClickTrigger=(()=>{this.setState({visible:!1})}),e}render(){var e=React.createElement("div",null,React.createElement("p",null,"top"),React.createElement("p",null,"这是一个气泡确认框")),t=React.createElement("div",null,React.createElement(l.a,{size:15,name:"warning",color:"#f9d900"}),React.createElement("span",null,"这是一个气泡确认框，确定要这样做吗？"));return React.createElement("div",null,React.createElement("div",{className:i.a["top-tooltip"]},React.createElement("div",{className:i.a["top-tooltip-div"]},React.createElement(o.a,{content:t,placement:"topLeft",handleOkClickTrigger:this.handleOkClickTrigger},React.createElement(s.a,{type:"secondary"},"上左,有ok事件"))),React.createElement("div",{className:i.a["top-tooltip-div"]},React.createElement(o.a,{content:t,placement:"top",action:"click",handleOkClickTrigger:this.handleOkClickTrigger,confirmVisable:this.state.visible},React.createElement(s.a,{type:"secondary"},"点击"))),React.createElement("div",{className:i.a["top-tooltip-div"]},React.createElement(o.a,{content:e,placement:"topRight"},React.createElement(s.a,{type:"secondary"},"上右")))),React.createElement("div",{className:i.a["left-tooltip"]},React.createElement("div",{className:i.a["left-tooltip-div"]},React.createElement(o.a,{content:"leftTop",placement:"leftTop"},React.createElement(s.a,{type:"secondary"},"左上"))),React.createElement("div",{className:i.a["left-tooltip-div"]},React.createElement(o.a,{content:"left",placement:"left"},React.createElement(s.a,{type:"secondary"},"左"))),React.createElement("div",{className:i.a["left-tooltip-div"]},React.createElement(o.a,{content:"leftBottom",placement:"leftBottom"},React.createElement(s.a,{type:"secondary"},"左下")))),React.createElement("div",{className:i.a["right-tooltip"]},React.createElement("div",{className:i.a["right-tooltip-div"]},React.createElement(o.a,{content:"rightTop",placement:"rightTop"},React.createElement(s.a,{type:"secondary"},"右上"))),React.createElement("div",{className:i.a["right-tooltip-div"]},React.createElement(o.a,{content:"right",placement:"right"},React.createElement(s.a,{type:"secondary"},"右"))),React.createElement("div",{className:i.a["right-tooltip-div"]},React.createElement(o.a,{content:"rightBottom",placement:"rightBottom"},React.createElement(s.a,{type:"secondary"},"左下")))),React.createElement("div",{className:i.a["bottom-tooltip"]},React.createElement("div",{className:i.a["bottom-tooltip-div"]},React.createElement(o.a,{content:"bottomLeft",placement:"bottomLeft"},React.createElement(s.a,{type:"secondary"},"下左"))),React.createElement("div",{className:i.a["bottom-tooltip-div"]},React.createElement(o.a,{content:"bottom",placement:"bottom"},React.createElement(s.a,{type:"secondary"},"下"))),React.createElement("div",{className:i.a["bottom-tooltip-div"]},React.createElement(o.a,{content:"bottomRight",placement:"bottomRight"},React.createElement(s.a,{type:"secondary"},"下右")))))}}},zvdz:function(e,t,n){"use strict";n.d(t,"a",function(){return d});var a,o,l=n("Jmof"),s=n.n(l),r=n("KSGD"),i=n.n(r),c=n("qoUc"),m=n("I4gK"),u=n("Ts4/"),p=n.n(u),d=(o=a=class extends l.PureComponent{constructor(e){super(e),this.handleAllChecked=((e,t)=>{t.stopPropagation(),this.setState({allChecked:e});var n=e?[...Array(3).keys()]:[];this.props.onSelectChange&&this.props.onSelectChange(n)}),this.state={allChecked:!(!this.props.selectedRowKeys||this.props.selectedRowKeys.length!==this.props.dataSource.length)}}componentDidMount(){}componentWillReceiveProps(e){e.selectedRowKeys&&e.dataSource&&this.setState({allChecked:e.selectedRowKeys.length===e.dataSource.length})}renderTh(){var e=[],t=[],n=[],a=this.props,o=a.fixedColumn,l=a.columns,r=a.selections,i=this.state.allChecked;return l.forEach(a=>{var o=s.a.createElement(m.a,{key:a.key},a.title);"select"===a.key&&(o=s.a.createElement(m.a,{key:r},s.a.createElement(c.a,{checked:i,onChange:e=>this.handleAllChecked(!i,e)}))),a.fixed&&"left"===a.fixed?n.push(o):a.fixed&&"right"===a.fixed&&t.push(o),e.push(o)}),"left"===o?n:"right"===o?t:e}render(){var e={height:`${this.props.fixedColumnsHeadRowsHeight}px`||"auto"};return s.a.createElement("thead",{className:p.a["table-thead"]},s.a.createElement("tr",{style:e},this.renderTh()))}},a.defaultProps={columns:{},dataSource:[],selections:null,selectedRowKeys:[],allChecked:!1,fixedColumn:"scroll",fixedColumnsHeadRowsHeight:{},onSelectChange(){}},a.propTypes={columns:i.a.instanceOf(Array),dataSource:i.a.instanceOf(Object),selections:i.a.string,selectedRowKeys:i.a.instanceOf(Array),onSelectChange:i.a.func,fixedColumn:i.a.string,fixedColumnsHeadRowsHeight:i.a.instanceOf(Array)},o)}});
  //# sourceMappingURL=0.027d52e9427a51883d29.js.map